:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f5f6f8;--panel:#fff;--text:#1b1f27;--muted:#5d6473;--border:#d5d9e1;--accent:#2456c9;--accent-text:#fff;--danger:#b3261e;--warn:#b86e00;--error:#c62828;--selected:#e7eefc;--active:#fff6dc;--timeline-bg:#eef0f4;--grid:#d0d4dc;--wave:#6a7fae;--cue:#c9d6f2;--cue-border:#7d93c4;--cue-text:#1b1f27;--cue-selected:#2456c9;--cue-selected-text:#fff;--playhead:#d93025;--focus:#2456c9;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:15px;line-height:1.4}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#14171d;--panel:#1c2028;--text:#e6e8ed;--muted:#9aa2b1;--border:#333a46;--accent:#7aa2ff;--accent-text:#0c1222;--danger:#ff8a80;--warn:#f0b04a;--error:#ff6b6b;--selected:#24324f;--active:#3a3420;--timeline-bg:#181b22;--grid:#2b313c;--wave:#7f95c8;--cue:#2d3a58;--cue-border:#56709f;--cue-text:#e6e8ed;--cue-selected:#7aa2ff;--cue-selected-text:#0c1222;--playhead:#ff6b5e;--focus:#7aa2ff}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#14171d;--panel:#1c2028;--text:#e6e8ed;--muted:#9aa2b1;--border:#333a46;--accent:#7aa2ff;--accent-text:#0c1222;--danger:#ff8a80;--warn:#f0b04a;--error:#ff6b6b;--selected:#24324f;--active:#3a3420;--timeline-bg:#181b22;--grid:#2b313c;--wave:#7f95c8;--cue:#2d3a58;--cue-border:#56709f;--cue-text:#e6e8ed;--cue-selected:#7aa2ff;--cue-selected-text:#0c1222;--playhead:#ff6b5e;--focus:#7aa2ff}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--text);flex-direction:column;display:flex}body>.layout{flex:1}h1,h2{margin:0}h2{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:8px;font-size:.85rem}.small{color:var(--muted);font-size:.85rem}.skip{position:absolute;left:-9999px}.skip:focus{z-index:10;background:var(--panel);padding:6px 10px;top:8px;left:8px}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.btn{font:inherit;border:1px solid var(--border);background:var(--panel);color:var(--text);cursor:pointer;white-space:nowrap;border-radius:6px;align-items:center;gap:4px;padding:5px 11px;font-size:.9rem;display:inline-flex}.btn:hover{border-color:var(--accent)}.btn:disabled{opacity:.45;cursor:default}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}.btn.danger{color:var(--danger)}label.btn:focus-within{outline:2px solid var(--focus)}input,textarea{font:inherit;color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:5px;padding:4px 6px}input[aria-invalid=true]{border-color:var(--error)}.topbar{background:var(--panel);border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:10px 18px;padding:10px 16px;display:flex}.brand{letter-spacing:.01em;margin-right:auto;font-size:1.05rem}.group{flex-wrap:wrap;gap:6px;display:flex}.banner{background:var(--active);border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:8px 12px;padding:8px 16px;display:flex}.banner[hidden]{display:none}.layout{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(320px,5fr) minmax(320px,6fr);gap:16px;min-height:0;padding:16px;display:grid}.stage{flex-direction:column;gap:10px;min-height:0;display:flex;overflow:auto}.video-wrap{aspect-ratio:16/9;background:#000;border-radius:8px;position:relative;overflow:hidden}.video-wrap video{width:100%;height:100%;display:block}.video-wrap.audio-only video{opacity:0}.video-empty{text-align:center;color:#d7dbe3;place-content:center;padding:16px;display:grid;position:absolute;inset:0}.video-empty .small{color:#a6adba}.video-empty[hidden]{display:none}.overlay{pointer-events:none;flex-direction:column;align-items:center;gap:2px;display:flex;position:absolute;bottom:7%;left:0;right:0}.overlay span{color:#fff;white-space:pre-wrap;background:#000000c7;padding:1px 8px;font-size:clamp(13px,2.4vw,20px)}.transport,.tools,.shift{flex-wrap:wrap;align-items:center;gap:6px 8px;display:flex}.clock{font-variant-numeric:tabular-nums;min-width:7.5em;font-size:1.05rem}.media-name{color:var(--muted);text-overflow:ellipsis;font-size:.85rem;overflow:hidden}.issues-panel{background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:10px 12px}.issue-list{max-height:180px;margin:0;padding:0;list-style:none;overflow:auto}.issue-link{all:unset;cursor:pointer;border-radius:4px;width:100%;padding:3px 6px;font-size:.88rem;display:block}.issue-link:hover,.issue-link:focus-visible{background:var(--selected)}.issue-link.issue-warning strong{color:var(--warn)}.issue-link.issue-error strong{color:var(--error)}.issue-none{color:var(--muted);font-size:.88rem}.count{background:var(--border);min-width:1.6em;color:var(--text);text-align:center;letter-spacing:0;border-radius:99px;padding:0 6px;display:inline-block}.count:empty{display:none}.cues{flex-direction:column;min-height:0;display:flex}.cue-list{flex:1;min-height:0;margin:0;padding:0 4px 0 0;list-style:none;overflow:auto}.cue-list.is-empty:before{content:"No cues. Open a caption file, load the sample, or press N to add a cue at the playhead.";color:var(--muted);padding:12px 0;display:block}.cue{background:var(--panel);border:1px solid var(--border);border-left:4px solid var(--border);border-radius:6px;grid-template-columns:1fr;gap:5px;margin-bottom:6px;padding:8px 10px;display:grid}.cue.is-active{background:var(--active)}.cue.is-selected{border-color:var(--accent);border-left-color:var(--accent)}.cue.has-warning:not(.is-selected){border-left-color:var(--warn)}.cue.has-error:not(.is-selected){border-left-color:var(--error)}.cue-meta{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.cue-index{font:inherit;font-variant-numeric:tabular-nums;border:1px solid var(--border);background:var(--bg);min-width:2.2em;color:var(--text);cursor:pointer;border-radius:4px;padding:2px 6px}.cue-time{font-variant-numeric:tabular-nums;width:7.2em}.arrow{color:var(--muted);font-size:.8rem}.cue-cps{color:var(--muted);font-variant-numeric:tabular-nums;margin-left:auto;font-size:.8rem}.cue-speaker{width:12em;max-width:100%;font-size:.88rem}.cue-text{resize:vertical;width:100%}.cue-issues{margin:0;padding:0;font-size:.82rem;list-style:none}.cue-issues:empty{display:none}.issue-warning{color:var(--warn)}.issue-error{color:var(--error)}.timeline{border-top:1px solid var(--border);background:var(--timeline-bg);position:relative}.timeline canvas{touch-action:none;width:100%;height:170px;display:block}.zoom{gap:4px;display:flex;position:absolute;top:26px;right:10px}.status{background:var(--text);max-width:min(640px,100% - 32px);color:var(--bg);opacity:0;pointer-events:none;border-radius:6px;padding:8px 14px;font-size:.9rem;transition:opacity .2s;position:fixed;bottom:190px;left:50%;transform:translate(-50%)}.status.is-visible{opacity:.95}.drop{border:4px dashed var(--accent);pointer-events:none;background:#2456c940;place-items:center;font-size:1.6rem;font-weight:600;display:grid;position:fixed;inset:0}.drop[hidden]{display:none}dialog{background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:10px;max-width:min(560px,100% - 32px);max-height:85vh}dialog::backdrop{background:#0006}dialog table{border-collapse:collapse;width:100%;margin:8px 0 14px;font-size:.9rem}dialog th,dialog td{text-align:left;border-bottom:1px solid var(--border);padding:4px 8px}kbd{border:1px solid var(--border);background:var(--bg);border-radius:4px;padding:1px 5px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85em}@media (width<=820px){body{height:auto}body>.layout{flex:none}.layout{grid-template-columns:1fr}.cue-list{max-height:60vh}.timeline canvas{height:140px}.status{bottom:160px}}@media (prefers-reduced-motion:reduce){.status{transition:none}}