@media (max-width: 720px) {
  .sidebar-brand > div:last-child { display: none; }
  .sidebar-brand { justify-content: center; padding-left: 0; padding-right: 0; }
  .sidebar-brand .brand-mark { flex: 0 0 34px; }
  .main-area { min-width: 0; overflow-x: hidden; }
}
.detail-title { font-size: 18px; font-weight: 700; margin-bottom: 8px; }
.detail-copy { color: #52636a; margin: 0 0 8px; }
.detail-meta { color: #839198; font-size: 12px; border-bottom: 1px solid #edf1f2; padding-bottom: 12px; }
.detail-actions { display: flex; gap: 8px; margin: 14px 0; }
.comment-list { display: grid; gap: 8px; max-height: 300px; overflow: auto; }
.comment-item { display: grid; grid-template-columns: 90px minmax(0,1fr) 48px; gap: 8px; align-items: center; background: #f5f8f8; border-radius: 5px; padding: 9px; font-size: 12px; }
.comment-item small { color: #7c8b90; text-align: right; }
.model-settings { margin-top: 16px; }
.model-provider-form { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; align-items: end; }
.model-provider-form label { display: grid; gap: 6px; font-weight: 600; color: #384650; }
.model-provider-form input, .model-provider-form select { border: 1px solid #dfe6eb; border-radius: 6px; background: #fff; color: #17212b; padding: 10px 12px; outline: none; }
.model-provider-actions { display: flex; gap: 9px; align-items: center; }
.model-provider-list { display: grid; gap: 0; margin-top: 16px; border-top: 1px solid #dfe6eb; }
.model-provider-row { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; gap: 14px; align-items: center; padding: 12px 0; border-bottom: 1px solid #edf1f2; }
.model-provider-row strong, .model-provider-row small { display: block; }
.model-provider-row small, .model-provider-row > span { color: #6e7b87; font-size: 11px; }
@media (max-width: 1050px) { .model-provider-form { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 720px) { .model-provider-form { grid-template-columns: 1fr; } .model-provider-row { grid-template-columns: minmax(0, 1fr) auto; gap: 8px; } .model-provider-row > span { grid-column: 1; } .model-provider-row .model-provider-test { grid-column: 2; grid-row: 1 / 3; } }
#account-create-dialog { width: min(560px, calc(100vw - 32px)); }
.account-create-form { gap: 18px; }
.dialog-copy { margin: 4px 0 0; color: #6e7b87; font-size: 12px; }
.platform-picker { border: 0; padding: 0; margin: 0; }
.platform-picker legend { margin-bottom: 7px; font-weight: 600; color: #384650; }
.platform-options { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.platform-options label { cursor: pointer; }
.platform-options input { position: absolute; opacity: 0; pointer-events: none; }
.platform-options span { min-height: 76px; display: flex; flex-direction: column; justify-content: center; padding: 12px; border: 1px solid #dfe6eb; border-radius: 6px; background: #fff; transition: border-color .16s ease, background .16s ease, box-shadow .16s ease; }
.platform-options strong { color: #24323b; }
.platform-options small { color: #7a8990; font-size: 11px; font-weight: 400; }
.platform-options input:checked + span { border-color: #0b8076; background: #edf8f6; box-shadow: 0 0 0 2px rgba(11,128,118,.11); }
.platform-options input:focus-visible + span { outline: 2px solid #0b8076; outline-offset: 2px; }
.session-note { display: grid; grid-template-columns: 76px minmax(0, 1fr); gap: 8px; padding: 11px 13px; border-left: 3px solid #0b8076; background: #f3f7f7; color: #52666d; font-size: 12px; }
.session-note strong { color: #244048; }
@media (max-width: 560px) { .platform-options { grid-template-columns: 1fr; } .platform-options span { min-height: 60px; } }
.collection-rule-block { display: grid; gap: 13px; padding: 14px; border: 1px solid #dfe6eb; border-radius: 6px; background: #fbfcfc; }
.rule-grid, .dialog-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.rule-grid label, .dialog-grid label { display: grid; gap: 5px; font-size: 12px; font-weight: 600; color: #52636a; }
.rule-grid input, .rule-grid select, .dialog-grid input, .dialog-grid select { width: 100%; border: 1px solid #dfe6eb; border-radius: 6px; background: #fff; color: #17212b; padding: 9px 10px; outline: none; }
.rule-hint { margin: 0; color: #7b8990; font-size: 11px; }
.content-metrics { margin-top: 4px; color: #0b8076; font-size: 11px; }
#job-dialog .dialog-form { max-height: calc(100vh - 32px); overflow-y: auto; }
@media (max-width: 560px) { .rule-grid, .dialog-grid { grid-template-columns: 1fr; } }
.platform-window-block { display: grid; gap: 8px; padding-top: 2px; }
.platform-window-block > strong { color: #384650; font-size: 12px; }
.platform-window-block > p { margin: -5px 0 2px; color: #7b8990; font-size: 11px; }
.platform-window-grid { display: grid; gap: 7px; }
.platform-window-grid label { display: grid; grid-template-columns: 92px minmax(70px, 1fr) 86px; align-items: center; gap: 7px; color: #52636a; font-size: 12px; font-weight: 600; }
.platform-window-grid input, .platform-window-grid select { width: 100%; border: 1px solid #dfe6eb; border-radius: 6px; background: #fff; color: #17212b; padding: 8px 9px; }
@media (max-width: 560px) { .platform-window-grid label { grid-template-columns: 72px minmax(60px, 1fr) 76px; } }
#account-dialog, #verification-dialog { width: min(1340px, calc(100vw - 24px)); max-width: none; height: min(920px, calc(100vh - 24px)); max-height: none; }
.account-session-dialog { height: 100%; padding: 18px; grid-template-rows: auto minmax(0, 1fr); }
.account-session-state { min-height: 0; height: 100%; padding: 10px; display: flex; flex-direction: column; align-items: stretch; justify-content: center; overflow: hidden; }
.account-session-viewport { position: relative; min-height: 0; flex: 1; display: flex; align-items: center; justify-content: center; overflow: hidden; background: #dfe5e6; border-radius: 5px; }
.account-session-viewport img { display: block; width: auto; height: auto; max-width: 100%; max-height: 100%; object-fit: contain; cursor: crosshair; user-select: none; -webkit-user-drag: none; touch-action: none; }
.account-session-viewport img.is-dragging { cursor: grabbing; }
.account-session-success { display: grid; place-items: center; align-content: center; gap: 8px; color: #385b55; text-align: center; }
.account-session-success span { width: 54px; height: 54px; display: grid; place-items: center; border-radius: 50%; background: #e3f4ed; color: #27785c; font-size: 30px; font-weight: 700; }
.account-session-success strong { color: #183c35; font-size: 22px; }
.account-session-success p { margin: 0; color: #6e7b87; font-size: 13px; }
.account-session-controls { flex: 0 0 auto; display: grid; grid-template-columns: minmax(220px, 1fr) auto auto; gap: 8px; margin-top: 10px; }
.account-session-controls input { min-width: 0; border: 1px solid #dfe6eb; border-radius: 6px; background: #fff; color: #17212b; padding: 10px 12px; outline: none; }
.account-session-controls input:focus { border-color: #0b8076; box-shadow: 0 0 0 3px rgba(11,128,118,.12); }
.account-session-hint { flex: 0 0 auto; margin: 8px 0 0; color: #6e7b87; font-size: 12px; text-align: center; }
body.account-session-open { overflow: hidden; }
body.verification-session-open { overflow: hidden; }
#content-dialog { width: min(980px, calc(100vw - 32px)); max-width: none; max-height: calc(100vh - 32px); }
#content-dialog .dialog-form { max-height: calc(100vh - 32px); grid-template-rows: auto minmax(0, 1fr); }
#content-dialog .detail-body { min-height: 0; overflow-y: auto; }
.video-analysis-result { margin: 14px 0; padding: 13px; border-left: 3px solid #0b8076; background: #f3f7f7; color: #52636a; }
.video-analysis-result strong, .video-analysis-result span { display: block; }
.video-analysis-result small { color: #7b8990; }
.comment-list { max-height: none; }
.comment-list-head { display: flex; justify-content: space-between; align-items: center; margin: 16px 0 8px; }
.comment-list-head strong { font-size: 13px; }
.content-library-actions { align-items: flex-start; }
.content-filters { justify-content: flex-end; flex-wrap: wrap; max-width: 940px; }
.content-filters input { border: 1px solid #dfe6eb; border-radius: 6px; background: #fff; color: #17212b; padding: 7px 9px; min-height: 38px; outline: none; }
.date-filter { display: grid; gap: 2px; color: #6e7b87; font-size: 10px; }
.job-cell-meta { display: block; max-width: 300px; margin-top: 4px; color: #7b8990; font-size: 10px; line-height: 1.35; white-space: normal; }
.job-cell-meta.job-error { color: #ad3737; }
@media (min-width: 721px) {
  .sidebar { position: fixed; inset: 0 auto 0 0; height: 100vh; overflow-y: auto; z-index: 10; }
  .main-area { width: calc(100% - 226px); margin-left: 226px; }
}
@media (min-width: 721px) and (max-width: 1050px) {
  .main-area { width: calc(100% - 190px); margin-left: 190px; }
}
@media (max-width: 720px) { #account-dialog, #verification-dialog { width: calc(100vw - 12px); height: calc(100dvh - 12px); } .account-session-dialog { padding: 12px; } .account-session-controls { grid-template-columns: minmax(0, 1fr) auto; } .account-session-controls input { grid-column: 1 / -1; } .content-filters { align-items: end; } .date-filter { flex: 1 1 135px; } .date-filter input { width: 100%; } #contents-export { flex: 1 1 180px; } }