:root{--bg: #f8f8f8;--surface: #ffffff;--surface-alt: #faf9f8;--border: #e1dfdd;--border-strong: #c8c6c4;--text: #323130;--text-muted: #605e5c;--text-dim: #a19f9d;--accent: #0078d4;--accent-hover: #106ebe;--accent-press: #005a9e;--accent-bg: rgba(0, 120, 212, .08);--success: #107c10;--success-bg: rgba(16, 124, 16, .08);--warning: #c19c00;--warning-bg: rgba(193, 156, 0, .1);--danger: #d13438;--danger-bg: rgba(209, 52, 56, .08);--row-hover: #f5f5f5;--row-selected: #deecf9;--row-selected-hover: #c7e0f4;--sidebar: #f5f5f5;--topbar-bg: #ffffff;--topbar-border: var(--border);--topbar-h: 60px;--font: "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--mono: "Cascadia Code", "Consolas", "SF Mono", monospace;--radius: 2px;--radius-lg: 4px;--shadow: 0 1.6px 3.6px rgba(0, 0, 0, .1), 0 .3px .9px rgba(0, 0, 0, .07);--shadow-md: 0 3.2px 7.2px rgba(0, 0, 0, .13), 0 .6px 1.8px rgba(0, 0, 0, .1);color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:14px;line-height:1.45;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{margin:0;font-weight:600;color:var(--text)}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}:focus-visible{outline:1px solid var(--text);outline-offset:2px}.app{display:grid;grid-template-rows:var(--topbar-h) 1fr;height:100%}.topbar{display:flex;align-items:stretch;gap:24px;background:var(--topbar-bg);border-bottom:1px solid var(--topbar-border);padding:0 20px}.topbar .brand{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:600;white-space:nowrap}.topbar .brand .glyph{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:var(--radius-lg);background:var(--accent);color:#fff;font-size:14px}.topbar .tabs{display:flex;align-items:stretch;gap:4px;overflow-x:auto}.topbar .tab{display:inline-flex;align-items:center;padding:0 12px;border:0;border-bottom:2px solid transparent;background:none;color:var(--text-muted);font:inherit;cursor:pointer;white-space:nowrap}.topbar .tab:hover{color:var(--text);background:var(--row-hover)}.topbar .tab.active{color:var(--text);border-bottom-color:var(--accent);font-weight:600}.topbar .actions{display:flex;align-items:center;gap:8px;margin-left:auto}.body{display:grid;grid-template-columns:300px 1fr;min-height:0;overflow:hidden}.sidebar{background:var(--sidebar);border-right:1px solid var(--border);display:flex;flex-direction:column;min-height:0;overflow:hidden}.sidebar .sidebar-head{padding:12px;display:flex;flex-direction:column;gap:8px;border-bottom:1px solid var(--border)}.sidebar .search{width:100%}.sidebar .scroller{overflow-y:auto;flex:1;min-height:0}.scenario-row{display:block;width:100%;text-align:left;border:0;border-bottom:1px solid var(--border);background:none;padding:10px 12px;cursor:pointer;font:inherit;color:var(--text)}.scenario-row:hover{background:var(--row-hover);text-decoration:none}.scenario-row.selected{background:var(--row-selected);box-shadow:inset 3px 0 0 var(--accent)}.scenario-row.selected:hover{background:var(--row-selected-hover)}.scenario-row .title{font-weight:600;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scenario-row .meta{color:var(--text-muted);font-size:12px;margin-top:2px;display:flex;gap:8px}.sidebar .empty{padding:16px 12px;color:var(--text-muted);font-size:13px}.content{overflow-y:auto;min-height:0;padding:24px}.content-inner{max-width:940px;margin:0 auto}.page-empty{display:grid;place-items:center;height:100%;color:var(--text-muted);text-align:center}.page-empty .card{max-width:420px}.scenario-header{margin-bottom:20px}.scenario-header h1{font-size:24px;letter-spacing:-.01em}.scenario-header .subline{color:var(--text-muted);margin-top:4px;display:flex;flex-wrap:wrap;gap:12px;font-size:13px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px 20px;margin-bottom:16px}.card>h2{font-size:15px;margin-bottom:12px}.card>h3{font-size:14px}.section-label{font-size:11px;font-weight:600;letter-spacing:.02em;color:var(--text-dim);text-transform:uppercase;margin-bottom:4px}.prose{white-space:pre-wrap;color:var(--text);line-height:1.55;max-width:72ch}.muted{color:var(--text-muted)}.dim{color:var(--text-dim)}.chip{display:inline-flex;align-items:center;gap:4px;background:var(--surface-alt);border:1px solid var(--border);border-radius:var(--radius);padding:1px 8px;font-size:12px;color:var(--text-muted)}.chip.accent{background:var(--accent-bg);border-color:transparent;color:var(--accent-press)}.spec-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px 20px;margin:8px 0}.spec-grid .k{font-size:11px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.02em}.spec-grid .v{color:var(--text)}.reader .scene{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px 24px 22px;margin-bottom:20px}.scene-head{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;padding-bottom:12px;margin-bottom:16px;border-bottom:1px solid var(--border)}.scene-num{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#fff;background:var(--accent);border-radius:var(--radius);padding:3px 8px;white-space:nowrap}.scene-name{font-size:19px;letter-spacing:-.01em;margin:0 auto 0 0}.scene-size,.scene-copy{align-self:center}.scene-desc{margin:0 0 14px}.dialogue-block{margin:4px 0 18px;border-left:2px solid var(--accent-bg);padding-left:16px}.dialogue-row+.dialogue-row{margin-top:14px}.dialogue-cue{font-size:12px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--accent-press);margin-bottom:2px}.dialogue-body{margin:0;font-size:16px;line-height:1.55;color:var(--text);max-width:60ch}.dialogue-paren{color:var(--text-muted);font-style:italic;font-size:14px}.spec-strip{display:flex;flex-wrap:wrap;gap:6px 18px;margin:10px 0 2px;padding:8px 12px;background:var(--surface-alt);border:1px solid var(--border);border-radius:var(--radius)}.spec-item{display:inline-flex;align-items:baseline;gap:6px;min-width:0;font-size:12px}.spec-k{color:var(--text-dim);text-transform:uppercase;letter-spacing:.04em;font-size:10px;font-weight:600;white-space:nowrap}.spec-v{color:var(--text)}.sound-cue{display:flex;align-items:baseline;gap:10px;margin:2px 0 16px;padding:8px 12px;border-left:3px solid var(--accent);background:var(--accent-bg);border-radius:0 var(--radius) var(--radius) 0}.sound-tag{flex:0 0 auto;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-press)}.sound-body{display:flex;flex-direction:column;gap:2px;color:var(--text)}.operator-brief{margin-top:4px}.operator-brief .prose{color:var(--text-muted)}.shots{margin-top:18px;padding-top:14px;border-top:1px solid var(--border)}.shot-block{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-alt);padding:14px 16px;margin-bottom:12px}.shot-block:last-child{margin-bottom:0}.shot-head{display:flex;align-items:center;gap:8px;margin-bottom:8px}.shot-name{font-size:14px;margin:0 auto 0 0}.shot-block .dialogue-block{margin-bottom:12px}.shot-block .sound-cue{margin-bottom:10px}.md-doc{color:var(--text);max-width:66ch;line-height:1.65}.md-doc>*:first-child{margin-top:0}.md-h1{font-size:22px;font-weight:700;line-height:1.3;letter-spacing:-.01em;margin:26px 0 12px}.md-beat{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin:28px 0 12px;padding-bottom:6px;border-bottom:1px solid var(--border)}.md-beat-tc{flex:0 0 auto;font-family:var(--mono);font-size:12px;font-variant-numeric:tabular-nums;letter-spacing:.02em;color:var(--accent-press);background:var(--accent-bg);border-radius:var(--radius);padding:2px 8px;white-space:nowrap}.md-beat-text{font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text)}.md-p{margin:0 0 16px;line-height:1.65}.md-line{margin:0 0 8px;padding-left:14px;border-left:2px solid var(--accent-bg)}.md-speaker{display:block;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-press)}.md-text{display:block;font-size:15px;line-height:1.5}.md-sound{display:flex;align-items:baseline;gap:8px;margin:0 0 10px;padding:6px 10px;border-left:3px solid var(--accent);background:var(--accent-bg);border-radius:0 var(--radius) var(--radius) 0}.md-sound-tag{flex:0 0 auto;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-press)}.md-sound-text{color:var(--text)}.btn{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--border-strong);background:var(--surface);color:var(--text);border-radius:var(--radius);padding:6px 14px;font:inherit;cursor:pointer;white-space:nowrap}.btn:hover{background:var(--row-hover)}.btn:active{background:var(--border)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn.primary:active{background:var(--accent-press);border-color:var(--accent-press)}.btn.subtle{border-color:transparent;background:none}.btn.subtle:hover{background:var(--row-hover)}.btn.small{padding:3px 10px;font-size:12px}.btn.danger{color:var(--danger);border-color:var(--danger);background:var(--surface)}.btn.danger:hover{background:var(--danger-bg)}.btn.subtle.danger{border-color:transparent;background:none}.btn.subtle.danger:hover{background:var(--danger-bg)}.field{display:flex;flex-direction:column;gap:4px;margin-bottom:14px}.field>label{font-size:13px;font-weight:600}.field .hint{font-weight:400;color:var(--text-muted);font-size:12px}.field .req{color:var(--danger)}input[type=text],input[type=search],input[type=date],input[type=email],input[type=password],select,textarea,.input{width:100%;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius);color:var(--text);padding:6px 10px;font:inherit;resize:vertical}select{cursor:pointer}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.login-scope{min-height:100vh;display:grid;place-items:center;padding:24px;background:var(--bg)}.login-card{width:100%;max-width:360px}.login-brand{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:700;color:var(--text)}.login-brand .glyph{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;color:#fff;border-radius:var(--radius-lg);background:var(--accent);font-size:14px}.login-sub{margin:8px 0 18px;color:var(--text-muted);font-size:14px}.login-submit{width:100%;justify-content:center;margin-top:4px}.user-menu{display:flex;align-items:center;gap:10px;margin-left:8px}.user-email{color:var(--text-muted);font-size:13px;max-width:22ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.banner{border-radius:var(--radius);padding:8px 12px;font-size:13px;margin-bottom:12px;border:1px solid transparent}.banner.info{background:var(--accent-bg);border-color:#0078d440;color:var(--accent-press)}.banner.success{background:var(--success-bg);border-color:#107c1040;color:var(--success)}.banner.warning{background:var(--warning-bg);border-color:#c19c004d;color:#8a6d00}.banner.danger{background:var(--danger-bg);border-color:#d1343840;color:var(--danger)}.sb-shot{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);margin-bottom:16px;overflow:hidden}.sb-shot .sb-head{display:flex;align-items:center;gap:8px;padding:10px 16px;border-bottom:1px solid var(--border);background:var(--surface-alt);flex-wrap:wrap}.sb-shot .sb-head .name{font-weight:600}.sb-shot .sb-body{display:grid;grid-template-columns:280px 1fr;gap:16px;padding:16px}.sb-frame{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-alt);display:grid;place-items:center;overflow:hidden;position:relative;min-height:160px;max-height:420px;padding:6px}.sb-frame img{max-width:100%;max-height:408px;width:auto;height:auto;object-fit:contain;background:var(--surface-alt)}.sb-frame .placeholder{color:var(--text-dim);font-size:12px;padding:12px;text-align:center}.sb-frame-btn{display:block;max-width:100%;max-height:100%;padding:0;border:0;background:none;cursor:zoom-in;line-height:0}.sb-frame-btn:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.sb-controls{display:flex;flex-direction:column;gap:10px;min-width:0}.sb-dialogue{margin-top:2px}.sb-dialogue .dialogue-block,.sb-dialogue .sound-cue{margin:4px 0 8px}.shot-overrides-label{margin-top:10px}.dropzone{border:1px dashed var(--border-strong);border-radius:var(--radius-lg);padding:10px 12px;text-align:center;color:var(--text-muted);font-size:12px;cursor:pointer;background:var(--surface-alt)}.dropzone.over{border-color:var(--accent);background:var(--accent-bg);color:var(--accent-press)}.prompt-preview{white-space:pre-wrap;font-family:var(--mono);font-size:12px;background:var(--surface-alt);border:1px solid var(--border);border-radius:var(--radius);padding:10px;max-height:220px;overflow:auto;color:var(--text)}.stat-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;margin-bottom:16px}.stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:12px 14px}.stat .n{font-size:26px;font-weight:600;line-height:1.1}.stat .l{font-size:12px;color:var(--text-muted);margin-top:2px}table.cov{width:100%;border-collapse:collapse;font-size:13px}table.cov th,table.cov td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--border)}table.cov th{color:var(--text-dim);font-size:11px;text-transform:uppercase;letter-spacing:.02em;font-weight:600}table.cov td.num,table.cov th.num{text-align:right;font-variant-numeric:tabular-nums}.pill{display:inline-block;border-radius:999px;padding:1px 8px;font-size:11px;font-weight:600}.pill.covered{background:var(--success-bg);color:var(--success)}.pill.missing{background:var(--warning-bg);color:#8a6d00}.meter{height:6px;border-radius:999px;background:var(--border);overflow:hidden}.meter>span{display:block;height:100%;background:var(--accent)}.print-scope{background:#fff;color:#000;min-height:100%}.print-toolbar{display:flex;gap:8px;align-items:center;padding:12px 20px;border-bottom:1px solid var(--border);background:var(--surface);position:sticky;top:0}.print-sheet{max-width:820px;margin:0 auto;padding:24px;color:#111}.print-sheet h1{font-size:22px}.print-scene{margin-top:22px;border-top:2px solid #000;padding-top:10px}.print-shot{display:grid;grid-template-columns:240px 1fr;gap:16px;padding:12px 0;border-bottom:1px solid #ccc}.print-shot img{width:100%;border:1px solid #999}.print-shot .frame-empty{width:100%;aspect-ratio:16 / 9;border:1px dashed #999;display:grid;place-items:center;color:#999;font-size:11px}.print-md{max-width:74ch;margin:8px 0 4px}.print-dialogue,.print-dialogue-row{margin:6px 0}.print-cue{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#111}.print-line{font-size:13px;line-height:1.4}.print-paren{color:#555}.print-sound{margin:4px 0;padding-left:8px;border-left:2px solid #000;font-size:12px}.print-sound-tag{font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#111}.print-spec-label{font-size:11px;text-transform:uppercase;letter-spacing:.02em;color:#666;margin-top:6px}.print-spec{margin:2px 0 0;display:grid;grid-template-columns:auto 1fr;gap:2px 10px}.print-spec dt{color:#666}.print-spec dd{margin:0}@media print{.no-print{display:none!important}.print-scope{background:#fff}.print-sheet{max-width:none;padding:0}.print-scene,.print-shot{break-inside:avoid;page-break-inside:avoid}a{color:#000;text-decoration:none}body{font-size:12px}}.pill.status-draft{background:var(--surface-alt);color:var(--text-muted);border:1px solid var(--border)}.pill.status-ready{background:var(--accent-bg);color:var(--accent-press)}.pill.status-shot{background:var(--success-bg);color:var(--success)}.pill.status-editing{background:var(--warning-bg);color:#8a6d00}.dashboard{max-width:1180px;margin:0 auto}.dash-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:16px}.dash-head h1{font-size:22px;letter-spacing:-.01em}.filterbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:16px}.filterbar .search{flex:1 1 240px;min-width:180px}.filterbar select{width:auto;min-width:130px}.date-range{display:inline-flex;align-items:center;gap:6px;font-size:12px}.date-range input[type=date]{width:auto}.table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface)}table.scenarios{width:100%;border-collapse:collapse;font-size:13px}table.scenarios th,table.scenarios td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--border);vertical-align:middle}table.scenarios thead th{background:var(--surface-alt);color:var(--text-dim);font-size:11px;text-transform:uppercase;letter-spacing:.02em;font-weight:600;position:sticky;top:0;z-index:1;white-space:nowrap}table.scenarios th.num,table.scenarios td.num{text-align:right;font-variant-numeric:tabular-nums}th.sortable{padding:0}.th-sort{display:flex;align-items:center;gap:4px;width:100%;padding:10px 12px;border:0;background:none;font:inherit;color:inherit;text-transform:inherit;letter-spacing:inherit;cursor:pointer}th.num .th-sort{justify-content:flex-end}.th-sort:hover{color:var(--text);background:var(--row-hover)}.th-arrow{color:var(--accent);font-size:9px}table.scenarios tbody tr.row{cursor:pointer}table.scenarios tbody tr.row:hover{background:var(--row-hover)}table.scenarios tbody tr:last-child td{border-bottom:0}.name-cell .name{font-weight:600;display:block}.name-cell .sub{font-size:12px}.tags-cell{max-width:260px}.tag-chip{border:1px solid var(--border);cursor:pointer;margin:1px 3px 1px 0}.tag-chip:hover{background:var(--accent-bg);color:var(--accent-press);border-color:transparent}.actions-col{width:1%;white-space:nowrap}.row-actions{display:flex;gap:4px;justify-content:flex-end}.meta-card{padding:12px 16px}.meta-grid{display:flex;flex-wrap:wrap;align-items:flex-start;gap:16px 24px}.meta-field{display:flex;flex-direction:column;gap:4px}.meta-field .section-label{margin-bottom:0}.meta-status,.meta-date{display:flex;align-items:center;gap:8px}.meta-status select{width:auto}.meta-tags{flex:1 1 260px;min-width:220px}.tag-editor{display:flex;flex-wrap:wrap;align-items:center;gap:6px;border:1px solid var(--border-strong);border-radius:var(--radius);padding:5px 8px;background:var(--surface);min-height:32px}.tag-chip-edit{gap:2px}.tag-x{border:0;background:none;color:inherit;cursor:pointer;font-size:14px;line-height:1;padding:0 0 0 2px}.tag-x:hover{color:var(--danger)}.tag-input{flex:1 1 90px;min-width:80px;border:0!important;padding:2px 0;box-shadow:none!important}.tag-input:focus{box-shadow:none!important}.meta-actions{flex-direction:row;gap:6px;margin-left:auto;align-self:center}.meta-saving{font-size:12px;margin-top:8px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;display:grid;place-items:center;padding:24px;z-index:100}.modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);max-width:440px;width:100%;padding:20px 24px}.modal h2{font-size:17px;margin-bottom:10px}.modal-body{color:var(--text-muted);font-size:14px;line-height:1.5}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.topbar .topnav{margin-left:8px}.topbar .tab.active{text-decoration:none}.ref-search{margin-bottom:10px}.ref-styles{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}.ref-style{cursor:pointer;text-transform:capitalize}.ref-style:hover{background:var(--accent-bg);color:var(--accent-press);border-color:transparent}.ref-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;margin-bottom:16px}.ref-thumb{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-alt);padding:0;cursor:pointer;overflow:hidden;aspect-ratio:16 / 9}.ref-thumb:hover{border-color:var(--accent);box-shadow:var(--shadow)}.ref-thumb img{width:100%;height:100%;object-fit:cover;display:block}.ref-pager{display:flex;align-items:center;gap:12px;justify-content:center;margin:8px 0 24px}.ref-lightbox{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);max-width:min(92vw,1100px);max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.ref-lightbox-head{display:flex;align-items:center;gap:10px;padding:8px 12px;border-bottom:1px solid var(--border);background:var(--surface-alt)}.ref-lightbox-head .btn{margin-left:auto}.ref-lightbox img{max-width:100%;max-height:calc(90vh - 44px);object-fit:contain;background:#fff}@media (max-width: 820px){.sb-shot .sb-body,.print-shot{grid-template-columns:1fr}.dash-head{flex-direction:column;align-items:stretch}.filterbar .search{flex-basis:100%}.meta-actions{margin-left:0}}