:root{color-scheme:dark;--bg:#17191c;--panel:#23262b;--field:#181b20;--line:#3d4148;--ink:#e4e7ed;--muted:#a6adb8;--accent:#efae68;--teal:#40c9bb}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.5 system-ui,-apple-system,'Segoe UI',sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer;background:#363a42;color:var(--ink);border:1px solid #535963;border-radius:4px;padding:8px 12px;min-height:36px}button:hover{background:#474e58}button:disabled{opacity:.4;cursor:default}.primary{background:#b97436;border-color:#db9b5d;color:white}.primary:hover{background:#cf8745}a{color:var(--accent)}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:2px solid var(--teal);outline-offset:3px}header{display:flex;align-items:center;gap:24px;padding:18px 28px;border-bottom:1px solid #444;background:#24272c}header img{object-fit:contain;flex-shrink:0}.title{flex:1}.eyebrow{font-size:10px;letter-spacing:.2em;color:var(--teal);font-weight:700}h1{font-size:24px;margin:3px 0;font-weight:600}h1 span{font-weight:300;color:#c1c6cd;margin-left:12px}header p{margin:0;color:var(--muted);font-size:12px}.save-info{text-align:right;font-size:12px;max-width:330px}.save-info small{display:block;margin-top:6px;color:var(--muted)}.toolbar{display:flex;gap:8px;flex-wrap:wrap;align-items:center;padding:10px 28px;background:#202328;border-bottom:1px solid #3b3e45}.toolbar label{display:flex;align-items:center;gap:8px}.toolbar a{font-size:12px;margin-left:8px}.spacer{flex:1}main{padding:22px 28px;max-width:1800px;margin:auto}.transport,.workspace{border:1px solid var(--line);background:var(--panel);margin-bottom:22px}.section-title{font-size:10px;letter-spacing:.15em;padding:9px 15px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between}.local-label{color:var(--teal);letter-spacing:0}.player-grid{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:24px;padding:14px}.player-heading{display:flex;justify-content:space-between;font-size:13px}.player-heading span,.time{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-variant-numeric:tabular-nums}#wave{width:100%;height:95px;background:#171b20;margin-top:10px;display:block}video{width:100%;height:42px;margin-top:6px;background:#15181b}video.full-video{height:220px}.play-options{display:flex;align-items:center;flex-wrap:wrap;gap:12px;font-size:12px;margin-top:10px}.play-options button{font-size:12px}.play-options span{color:var(--muted)}aside{border-left:1px solid var(--line);padding-left:24px}h2{font-size:17px;margin:0 0 12px}aside h2{font-size:15px}p{margin:8px 0}.subtle,small{color:var(--muted)}.controls{display:flex;gap:14px;align-items:end;padding:14px;flex-wrap:wrap}.controls label,.language-bar label{display:flex;flex-direction:column;gap:5px;font-size:11px;color:var(--muted)}.grow{flex:1}.grow input{width:100%;min-width:200px}input[type=search],input:not([type]),select{background:var(--field);color:var(--ink);border:1px solid #545a65;padding:8px;border-radius:3px;min-height:36px}input[type=checkbox]{accent-color:var(--teal)}.language-bar{display:grid;grid-template-columns:182px 1fr 1fr;gap:18px;padding:12px 16px;background:#2c3037;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.language-bar>span{font-size:10px;letter-spacing:.1em;align-self:center;color:var(--muted)}.language-bar small{display:block;letter-spacing:0;margin-top:4px}.language-bar select{width:100%;font-weight:600}.draft-notice{padding:10px 16px;border-bottom:1px solid #6a543b;background:#342c23;color:#f3c18c;font-size:12px}.cue{padding:16px;border-bottom:1px solid var(--line);border-left:3px solid transparent}.cue.active-cue{background:#283235;border-left-color:var(--teal)}.cue.added{border-left-color:var(--accent)}.cue-grid{display:grid;grid-template-columns:179px minmax(0,1fr) minmax(0,1fr);gap:18px}.cue-id{font-weight:650}.time{white-space:pre-line;font-size:11px;color:#c0c7d2;margin:8px 0}.badge{font-size:10px;border:1px solid #806442;color:#f1be80;display:inline-block;padding:3px 6px;margin-bottom:7px}.meta-button{display:block;font-size:12px;margin-top:8px}textarea{width:100%;resize:vertical;background:var(--field);border:1px solid #545b67;color:var(--ink);border-radius:3px;padding:12px;line-height:1.55;min-height:96px;font-size:15px}textarea::placeholder{color:#858e9e;font-size:13px}.text-meta{font-size:11px;color:var(--muted);display:flex;gap:10px;justify-content:space-between;align-items:center;margin-top:6px}.warn{color:#efbc7c}.text-meta label{white-space:nowrap}.cell-title{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:5px}.note-field{margin:10px 0 0 197px;font-size:12px}.note-field textarea{min-height:65px;font-size:13px}.note-field summary{cursor:pointer;color:var(--muted)}.pagination{padding:12px 16px;display:flex;justify-content:space-between;color:var(--muted)}.pagination button{margin-left:8px}.empty{padding:45px;text-align:center;color:var(--muted)}#help{padding:18px 0}.help-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;color:#b8c0cb;font-size:13px}h3{font-size:14px;color:var(--ink)}#help details{margin-top:25px;font-size:12px;color:var(--muted)}summary{cursor:pointer}.footnote{font-size:11px;color:#919ba9;margin-top:26px}dialog{background:#292d34;color:var(--ink);border:1px solid #626a77;border-radius:7px;padding:24px;width:760px;max-width:94vw;max-height:90vh}dialog::backdrop{background:#000b}.dialog-actions{display:flex;gap:10px;justify-content:end;margin-top:20px}dialog .controls{padding:12px 0}dialog textarea{font-size:14px}.block{display:block;margin:15px 0}#paste-preview{max-height:210px;overflow:auto;font-size:12px}.preview-row{padding:9px;border-bottom:1px solid #555;white-space:pre-wrap}#toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);max-width:90vw;padding:14px 22px;color:white;background:#3c5155;border:1px solid #75a7a9;z-index:5;border-radius:5px;font-size:13px}.danger{color:#ffad87}.legacy-note{white-space:pre-wrap;padding:10px;border:1px solid #4e535b}
@media(max-width:900px){header{gap:14px;padding:16px;flex-wrap:wrap}header img{width:90px;height:57px}h1{font-size:20px}h1 span{display:block;margin:0;font-size:17px}.save-info{text-align:left;width:100%;max-width:none}.toolbar{padding:10px 16px}main{padding:16px}.player-grid{grid-template-columns:1fr}aside{border-left:0;border-top:1px solid var(--line);padding:12px 0 0}.language-bar{grid-template-columns:1fr 1fr}.language-bar>span{grid-column:1/-1}.cue-grid{grid-template-columns:1fr 1fr}.cue-meta{grid-column:1/-1;display:flex;gap:10px;flex-wrap:wrap;align-items:center}.cue-meta .time{margin:0}.meta-button{margin:0}.note-field{margin-left:0}.help-grid{grid-template-columns:1fr;gap:6px}}@media(max-width:540px){.cue-grid{grid-template-columns:1fr}.cue-meta{grid-column:auto}.language-bar{gap:10px}.toolbar .spacer{display:none}.controls label{width:100%}.player-heading{flex-wrap:wrap}.pagination{font-size:12px;padding:10px}.pagination button{padding:6px}.title p{display:none}}

.language-help-button{font-size:11px;margin-top:8px;padding:5px 9px;min-height:28px;color:var(--teal)}.help-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:10px 0}.help-link{display:inline-block;border:1px solid #646b77;border-radius:4px;padding:8px 12px;text-decoration:none;cursor:pointer}.help-link:hover{background:#414750}.help-label{display:block;margin:8px 0;font-size:12px;color:var(--muted)}.help-comparison{display:grid;grid-template-columns:1fr 1fr;gap:15px}.help-comparison label{font-size:12px;color:var(--muted)}.help-comparison textarea{display:block;margin-top:6px}.help-result{white-space:pre-wrap;padding:12px;border:1px solid var(--line);background:var(--field)}#help-word{background:var(--field);color:var(--ink);border:1px solid #545a65;padding:8px;border-radius:3px;min-height:36px}#help-message{color:var(--accent)}@media(max-width:540px){.help-comparison{grid-template-columns:1fr}}

.playback-choice{margin-bottom:12px;font-size:12px}.playback-choice select{margin-left:8px}#vimeo-host iframe{display:block;width:100%;aspect-ratio:16/9;border:0;background:#111}#vimeo-status{font-size:12px;color:var(--muted)}#vimeo-link{font-size:12px}#vimeo-area{margin:12px 0}#wave[hidden],#media[hidden]{display:none}

#vimeo-area.floating-video{position:fixed;right:20px;bottom:20px;width:min(430px,calc(100vw - 24px));max-height:94vh;overflow:auto;z-index:100;margin:0;background:#0a0b0d;border:1px solid #626c7a;border-radius:7px;box-shadow:0 12px 40px #0008;--video-ratio:1.7777778}#video-drag{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:#30353e;cursor:move;touch-action:none;font-size:12px}#video-drag button{font-size:11px;min-height:28px;padding:4px 8px}.video-picture{position:relative;width:100%;background:#000}#vimeo-host{position:relative;aspect-ratio:var(--video-ratio);background:#000}#vimeo-host iframe{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;border:0}#video-captions{background:#000;color:#fff;padding:10px 14px;text-align:center;min-height:42px;font-size:15px;line-height:1.4;max-height:180px;overflow:auto}.video-caption{white-space:pre-wrap;margin:3px 0}.floating-controls{display:flex;gap:8px;flex-wrap:wrap;align-items:center;padding:10px;font-size:11px}.floating-controls label{display:flex;align-items:center;gap:4px}.floating-controls select{font-size:11px;min-height:28px;padding:4px;max-width:200px}.floating-controls button{font-size:11px;min-height:28px;padding:4px 8px}#video-seek{width:100%;accent-color:var(--teal)}#video-clock{font-family:ui-monospace,monospace}#vimeo-status{width:100%;margin:0;font-size:11px}#vimeo-area:fullscreen,#vimeo-area.theater{width:100vw!important;height:100vh!important;max-height:none;left:0!important;top:0!important;right:0!important;bottom:0!important;border:0;border-radius:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#000;z-index:100}#vimeo-area:fullscreen #video-drag,#vimeo-area.theater #video-drag{width:100%;cursor:default}#vimeo-area:fullscreen .video-picture,#vimeo-area.theater .video-picture{width:min(100vw,calc((100vh - 240px)*var(--video-ratio)));margin:auto}#vimeo-area:fullscreen #video-captions,#vimeo-area.theater #video-captions{font-size:clamp(18px,2.1vw,34px)}#vimeo-area:fullscreen .floating-controls,#vimeo-area.theater .floating-controls{width:100%;justify-content:center}#vimeo-area:fullscreen #video-seek,#vimeo-area.theater #video-seek{max-width:450px}#vimeo-area:fullscreen #vimeo-status,#vimeo-area.theater #vimeo-status{text-align:center}

.cue-play-mode{display:block;width:100%;max-width:165px;margin-top:7px;font-size:12px;min-height:32px}.follow-control{min-width:110px;align-items:center}.follow-control input{width:19px;height:19px;margin:7px}.cue.active-cue{outline:1px solid var(--teal);outline-offset:-1px;background:#263c3d}.cue[aria-current=true] .cue-id{color:var(--teal)}#video-cue-state{color:var(--teal);font-size:11px}

/* Captions always sit in their own black area, below the native-ratio video. */
#video-captions{position:static;width:100%;box-sizing:border-box;max-height:none;overflow:visible;flex:0 0 auto;background:#000;padding:10px 16px;line-height:1.4;min-width:0}
.video-caption{white-space:pre-wrap;overflow-wrap:anywhere;word-break:normal;max-width:100%;color:#fff}
.video-caption:nth-child(2){color:#f1c779;margin-top:9px;padding-top:8px;border-top:1px solid #ffffff24}
.video-picture{display:flex;align-items:center;justify-content:center;flex:0 0 auto}
#vimeo-host{flex:0 0 auto;max-width:100%;margin:0 auto}
#vimeo-area:fullscreen .video-picture,#vimeo-area.theater .video-picture{width:100%;margin:0;flex:0 0 auto}
#vimeo-area:fullscreen #video-captions,#vimeo-area.theater #video-captions{max-width:1200px;align-self:center;padding:12px 24px}
#vimeo-area:fullscreen #video-drag,#vimeo-area.theater #video-drag,#vimeo-area:fullscreen .floating-controls,#vimeo-area.theater .floating-controls{flex-shrink:0}

#media:not(.full-video){display:none}#vimeo-status:empty{display:none}#video-captions{overflow:auto;scrollbar-width:thin;display:flex;flex-direction:column;justify-content:safe center}.video-caption{flex:0 0 auto}

[hidden]{display:none!important}#login-panel{max-width:440px;margin:10vh auto;padding:32px;background:#202329;border:1px solid #42464e;border-radius:12px}#login-panel h1{font-size:24px}#login-form label{display:block;margin:20px 0}#login-form input{display:block;width:100%;margin-top:8px;padding:12px}#login-message{color:#f1c779}.shared-bar{display:flex;gap:16px;align-items:center;padding:12px 24px;border-bottom:1px solid #42464e;flex-wrap:wrap}#shared-people{flex:1;color:#66cbbc}.editing-indicator{font-size:11px;color:#e5bf79;min-height:18px}textarea[readonly]{opacity:.8}#shared-dialog{width:min(840px,90vw)}.history-entry{padding:14px 0;border-bottom:1px solid #555}.history-entry pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#151719;padding:12px}.history-entry input{display:block;width:100%;margin-top:12px}.history-button{margin:8px 12px}.history-entry button{margin-right:8px}

#shared-people{display:flex;gap:10px;flex-wrap:wrap}.reviewer-badge{display:flex;flex-direction:column;gap:2px;border-left:3px solid var(--reviewer-colour);padding:4px 10px;background:#272b32}.reviewer-badge strong{color:var(--reviewer-colour)}.reviewer-badge span{font-size:12px;color:#dce0e8}.cue .history-button{margin:0;display:block;width:100%}.cue [data-cue-play],.cue .cue-play-mode{width:100%;display:block;margin:0}.cue .note-field{grid-column:1/-1}.play-options{flex-wrap:wrap}#video-drag{gap:8px}#video-drag strong{flex:1}
.shared-bar{position:sticky;top:0;z-index:25;background:#202328;box-shadow:0 3px 10px #0005}.cue-meta{display:flex;flex-direction:column;gap:8px}

.player-dock{position:fixed;right:20px;bottom:0;z-index:100;width:min(350px,calc(100vw - 24px));display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 16px;background:#30353e;border:1px solid #626c7a;border-radius:7px 7px 0 0;box-shadow:0 -4px 24px #0007}.player-dock[hidden]{display:none}.player-dock span{color:var(--teal);font-size:12px}.cue-sound{width:100%;min-width:0;font-size:12px}#video-captions.side-by-side{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;align-items:center;align-content:safe center}#video-captions.side-by-side .video-caption{min-width:0;margin:0;padding:0;border:0}#video-captions.side-by-side .video-caption:nth-child(2){padding-left:14px;border-left:1px solid #ffffff24}#video-captions.side-by-side .video-caption:only-child{grid-column:1/-1}

.transport[hidden],#track-notice[hidden],#video-seek[hidden]{display:none!important}.video-hover-info{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;gap:12px;padding:10px 12px;background:linear-gradient(#000c,transparent);color:white;font-size:11px;pointer-events:none;opacity:0;transition:opacity .15s}.video-picture:hover .video-hover-info,#vimeo-area:focus-within .video-hover-info{opacity:1}#resize-player{position:absolute;right:0;bottom:0;border:0;background:transparent;color:#a6adb8;padding:0;width:22px;height:22px;min-height:22px;cursor:nwse-resize;touch-action:none}#vimeo-area .floating-controls{padding-right:26px}#vimeo-area:fullscreen #resize-player,#vimeo-area.theater #resize-player{display:none}#vimeo-area.floating-video{max-width:calc(100vw - 24px)}#vimeo-area:fullscreen,#vimeo-area.theater{max-width:none}

.waveform-strip{border:1px solid var(--line);background:#171b20;margin-bottom:16px;padding:8px 12px}.waveform-strip #wave{display:block;width:100%;height:76px;margin:0}#vimeo-host,#vimeo-host iframe{background:#000;color-scheme:dark}button[data-button-icon]::before{content:"";display:inline-block;width:18px;height:18px;flex:0 0 18px;vertical-align:-4px;margin-right:7px;background:currentColor;-webkit-mask:var(--button-icon) center/contain no-repeat;mask:var(--button-icon) center/contain no-repeat}#resize-player[data-button-icon]{font-size:0}#resize-player[data-button-icon]::before{margin:0}.player-dock[data-button-icon]{gap:8px}.player-dock strong{flex:1;text-align:left}

/* Player chrome overlays the picture/captions without changing their size. */
#video-captions .video-caption,#video-captions.side-by-side .video-caption:nth-child(2){border:0}
#vimeo-area #video-drag{position:absolute;top:0;left:0;right:0;z-index:3;min-height:30px;padding:3px 8px;gap:6px;background:#14171bea;font-size:11px}
#vimeo-area #video-drag button{min-height:24px;padding:2px 5px;font-size:10px;border-color:transparent;background:transparent}
#vimeo-area #video-drag button::before{width:14px;height:14px;vertical-align:-3px;margin-right:4px}
#vimeo-area .floating-controls{position:absolute;bottom:0;left:0;right:0;z-index:3;padding:6px 26px 6px 8px;background:#14171bf2;gap:6px}
#vimeo-area #resize-player{z-index:4}
#vimeo-area #video-drag,#vimeo-area .floating-controls,#vimeo-area #resize-player{opacity:0;pointer-events:none;transition:opacity .15s}
#vimeo-area:hover #video-drag,#vimeo-area:hover .floating-controls,#vimeo-area:hover #resize-player,
#vimeo-area:has(:focus-visible) #video-drag,#vimeo-area:has(:focus-visible) .floating-controls,#vimeo-area:has(:focus-visible) #resize-player,
#vimeo-area:has(select:focus) #video-drag,#vimeo-area:has(select:focus) .floating-controls,#vimeo-area:has(select:focus) #resize-player{opacity:1;pointer-events:auto}
#vimeo-area .video-hover-info{top:32px}
#vimeo-area:focus-within .video-hover-info{opacity:0}
#vimeo-area:hover .video-hover-info,#vimeo-area:has(:focus-visible) .video-hover-info{opacity:1}

.compact-export{width:min(540px,calc(100vw - 32px));} .compact-export #clip-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;} .compact-export label{display:flex;flex-direction:column;gap:5px;margin:0;min-width:0;} .compact-export [hidden]{display:none!important;} .compact-export select{width:100%;min-width:0;font-size:13px;} .export-label{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted,#bbb);} .compact-export #clip-status{font-size:12px;} @media(max-width:440px){.compact-export #clip-options{grid-template-columns:1fr;}}
/* Compact task-based navigation. */
.settings-hub,.compact-settings{width:min(520px,calc(100vw - 32px));}
.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0;}
.settings-card{display:flex;align-items:center;gap:10px;text-align:left;padding:14px!important;font-size:13px!important;min-height:56px;}
.custom-navigation-icon:before{display:none!important;}
.custom-navigation-icon svg{width:18px;height:18px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;}
.toolbar .custom-navigation-icon{font-size:0!important;width:32px;height:30px;padding:5px!important;display:inline-flex;align-items:center;justify-content:center;}
.toolbar{justify-content:flex-end;gap:8px!important;}
.toolbar [hidden],settings-hub [hidden],.settings-hub [hidden],.compact-settings [hidden]{display:none!important;}
.compact-settings label{display:flex;flex-direction:column;gap:5px;margin:12px 0;font-size:12px;color:var(--muted);}
.compact-settings label:has(input[type=checkbox]){flex-direction:row;align-items:center;}
.compact-settings input:not([type=checkbox]),.compact-settings select{width:100%;min-width:0;}
.compact-settings small{display:block;color:var(--muted);font-size:12px;margin:10px 0;}
.compact-settings h2,.settings-hub h2{font-size:19px;margin:0 0 16px;}
.compact-settings p[role=status]:empty{display:none;}
.compact-settings fieldset{border:1px solid var(--line,#45443d);border-radius:8px;margin:12px 0;padding:10px;}
.compact-settings details{margin:14px 0;}
.compact-settings summary{cursor:pointer;font-size:13px;}
.settings-tabs{display:flex;flex-wrap:wrap;gap:5px;margin:0 0 18px;}
.settings-tabs button{font-size:12px!important;}
.settings-tabs button[aria-selected=true]{color:#f4bd78;border-color:#bd8547;}
.backup-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
#project-languages{display:grid;grid-template-columns:1fr 1fr;gap:0 12px;}
#project-copy-panel{margin-top:20px;}
.compact-export label:has(input[type=checkbox]){flex-direction:row;align-items:center;font-size:12px;}
@media(max-width:420px){.settings-grid,.backup-actions{grid-template-columns:1fr;}}

.settings-tabs button:before{display:none!important;}
.settings-scope{font-size:12px;color:var(--muted);margin:20px 0 8px;border-top:1px solid #45443d;padding-top:12px;}
.settings-hub .settings-grid{margin:8px 0;}
#language-track-dialog .track-fields{display:grid;grid-template-columns:1fr;gap:4px;}
#language-track-dialog #track-rule{font-size:12px;color:var(--muted);}
#language-track-dialog details{margin:0;}
.project-open-line{display:flex;align-items:flex-end;gap:8px;margin-bottom:12px;}
.project-open-line label{flex:1;margin:0;}.project-open-line button{margin-bottom:0;}
.compact-new-project{width:min(440px,calc(100vw - 32px));}
.compact-new-project label{margin:8px 0;}
.custom-language{display:grid;grid-template-columns:2fr 1fr;gap:10px;}
#language-track-dialog [hidden]{display:none!important;}
.custom-language[hidden]{display:none!important;}
.project-people-summary,.deleted-project-row,.undo-project-banner{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:12px 0;font-size:13px;}
.project-people-summary[hidden],#project-context[hidden]{display:none!important;}
.undo-project-banner{padding:8px 24px;background:#342c20;}
#ai-dialog .track-fields{display:flex;flex-direction:column;gap:4px;}
#ai-dialog .track-fields label{margin:6px 0;}
#ai-dialog details{margin:8px 0;}
#studio-backup-projects{max-height:40vh;overflow:auto;}
#project-copy-panel{display:flex;flex-wrap:wrap;align-items:center;gap:8px;}
#project-copy-panel[hidden]{display:none!important;}
#project-copy-panel label{flex-basis:100%;}
#project-people-open{font-size:0!important;width:30px;}
#project-people-open:before{margin:0;}
#delete-project{color:#e6aaa0;}
#project-close{margin-top:12px;}

/* Compact project controls and a non-blocking chat window. */
#project-people-open{height:30px!important;min-height:30px!important;max-height:30px;padding:6px!important;align-self:center;line-height:16px;flex:0 0 30px;}
dialog.project-chat-dialog{position:fixed;inset:auto 16px 16px auto;margin:0;width:min(390px,calc(100vw - 24px));max-height:calc(100dvh - 32px);padding:0;z-index:1000;box-shadow:0 12px 40px #0008;}
.chat-window-header{display:flex;align-items:center;gap:6px;padding:10px 12px;border-bottom:1px solid #514d41;cursor:move;touch-action:none;}
.chat-window-header h2{font-size:15px;margin:0;flex:1;}.chat-window-header button{font-size:0!important;width:30px;height:30px;padding:6px!important;}.chat-window-header button:before{margin:0;}
.chat-window-body{padding:12px;max-height:calc(100dvh - 100px);overflow:auto;}.chat-window-body p:empty{display:none;}.chat-window-body #chat-messages{max-height:32vh!important;min-height:70px;}.chat-window-body textarea{min-height:64px;font-size:14px;}.chat-window-body #chat-connection,.chat-window-body #chat-typing{font-size:11px;color:#bfb9aa;margin:4px 0;}.chat-window-body details{margin:8px 0;}.chat-options summary{font-size:12px;}.chat-window-body .history-entry{padding:8px 0;}.chat-window-body .history-entry strong{font-size:12px;}
#chat-restore{display:none;}.chat-minimized .chat-window-body,.chat-minimized #chat-title,.chat-minimized #chat-minimize{display:none;}.chat-minimized #chat-restore{display:block;font-size:12px!important;width:auto;margin-right:auto;}dialog.chat-minimized{width:180px;}.chat-minimized .chat-window-header{border:0;}
.ai-run-history{margin-top:16px;}.ai-run-history .ai-job{padding:8px 0;}.ai-run-history summary{font-size:13px;}

.shared-bar>.toolbar{padding:0;margin:0;border:0;background:none;flex:0 0 auto;min-height:0;}.message-notifications:empty{display:none;}.message-notifications{flex-basis:100%;}.message-notifications button{font-size:12px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.message-notifications button:before,.sender-unread:before{display:none!important;}.reviewer-badge{position:relative;}.reviewer-badge:has(.sender-unread){padding-right:36px;}.reviewer-badge .sender-unread{position:absolute;right:4px;top:50%;transform:translateY(-50%);border-radius:50%;min-width:24px;height:24px;padding:2px;font-size:11px!important;background:#a76628;color:white;line-height:18px;}

.related-source-bar{display:flex;gap:10px;padding:6px 12px;font-size:12px;}.related-source-bar label{flex:1;min-width:0;}.related-source-bar select{max-width:100%;}.alternate-picture{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#000;pointer-events:none;}.with-associated{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;}.with-associated #vimeo-area{width:100%;min-width:0;}.associated-viewer{background:#171916;border:1px solid #555;border-radius:8px;overflow:hidden;min-width:0;}.associated-viewer>div{display:flex;justify-content:space-between;align-items:center;padding:8px;font-size:12px;}.associated-viewer video{width:100%;max-height:55vh;}.related-line{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:8px 0;}#recording-result{max-height:40vh;overflow:auto;}#recording-result blockquote{font-size:12px;color:#c2b79f;margin:8px;}
@media(max-width:650px){.with-associated{grid-template-columns:1fr;}.related-source-bar{flex-wrap:wrap;}}
#associated-video{display:block;height:calc(100% - 48px);min-height:180px;max-height:55vh;object-fit:contain;background:#000;}
.associated-captions{white-space:pre-line;text-align:center;padding:8px;min-height:2.8em;font-size:14px;line-height:1.4}.associated-viewer>div:first-child{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.associated-viewer select{max-width:150px}.source-matches{max-height:36vh;overflow:auto}.source-match{padding:8px 0;border-bottom:1px solid #514b40}.source-match p{margin:5px 0}.source-match button+button{margin-left:6px}#comparison-film-language{max-width:180px}#associated-video{height:calc(100% - 120px)}
.project-media-panel{width:min(560px,calc(100vw - 32px));padding:22px;position:fixed}.project-media-panel h2{font-size:18px;margin:0 0 16px}.media-tabs{display:flex;gap:4px;padding:3px;background:#191b18;border-radius:8px;margin-bottom:14px}.media-tabs button{flex:1;border:0;background:transparent;color:#aaa69c}.media-tabs button.active{background:#393126;color:#ffd08a}.project-media-panel .related-line{display:flex;align-items:center;gap:6px;padding:10px 0;border-bottom:1px solid #393a33}.project-media-panel .related-line>span{flex:1;font-size:13px}.project-media-panel details{border:0;padding:10px 0}.project-media-panel summary{font-size:13px;color:#c8b898;cursor:pointer}.project-media-panel label{font-size:11px;display:block;margin:10px 0 6px;color:#b4b0a6}.project-media-panel select,.project-media-panel input{width:100%;margin-top:4px;min-height:30px;font-size:12px}.project-media-panel .media-icon{width:30px;height:30px;min-width:30px;min-height:30px;padding:6px;display:inline-flex;align-items:center;justify-content:center}.project-media-panel .media-icon svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.6}.project-media-panel #related-close{position:absolute;right:16px;top:16px}.project-media-panel #related-status:empty{display:none}.project-media-panel #related-status{font-size:12px;margin-bottom:0}.project-media-panel .source-match{font-size:13px}.project-media-panel .source-match small{color:#b5ac99}.project-media-panel .source-match button{font-size:11px;padding:5px 9px}.project-media-panel .manual-source-time{margin-top:8px}.project-media-panel #related-upload{margin-left:5px}.media-tabs button::before,.project-media-panel .media-icon::before{display:none!important}
.compact-settings .related-line{display:flex;align-items:center;gap:8px;margin:8px 0}.compact-settings .related-line>span{flex:1}.compact-settings .media-icon{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;padding:6px}.compact-settings .media-icon svg{width:16px;height:16px}.compact-settings details{margin:14px 0}.compact-settings .settings-grid .settings-card.active{border-color:#a77539}.compact-settings #related-close{margin-top:14px}#library-recordings{max-height:38vh;overflow:auto}.settings-card.custom-navigation-icon{display:flex;align-items:center;justify-content:flex-start;gap:10px}
#story-highlights{max-height:40vh;overflow:auto}#story-synopsis{width:100%;font-size:13px}#library-recordings .deleted-project-row span{overflow-wrap:anywhere}

.workflow-recording-row { display:grid; grid-template-columns:minmax(0,1fr) minmax(110px,34%); align-items:center; gap:8px; padding:4px 0; }
.workflow-recording-row label { margin:0; min-width:0; }
.workflow-recording-row select { min-width:0; width:100%; }

.single-language .cue-grid{grid-template-columns:179px minmax(0,1fr)}
.single-language .language-bar{grid-template-columns:182px minmax(0,1fr)}
.single-language .language-bar>label:has(#right-language){display:none}
.transcript-only .cue-play-mode,.transcript-only .cue-sound,.transcript-only [data-cue-play],.transcript-only #timeline-play{display:none}
@media(max-width:900px){.single-language .cue-grid{grid-template-columns:minmax(0,1fr)}.single-language .language-bar{grid-template-columns:minmax(0,1fr)}}
.transcript-only #timeline-mode{display:none}
.recording-source-label{display:block;font-size:11px;color:var(--muted);margin-top:5px}

.library-overview{padding:8px 0;border-bottom:1px solid var(--line,#45443b);margin-bottom:8px}.library-overview .button-row{display:flex;gap:6px;flex-wrap:wrap;align-items:center}#library-recordings{max-height:42vh;overflow:auto}.library-recording-card{padding:10px 2px;border-bottom:1px solid var(--line,#45443b)}.library-recording-card .deleted-project-row{margin:0 0 4px}.library-recording-card details{margin-top:6px}.library-recording-card details select{max-width:75%}.library-recording-card .subtle{font-size:12px;line-height:1.6}

.cloud-chat-link{font-size:11px;white-space:nowrap;border:1px solid var(--border);padding:6px 8px;border-radius:6px;text-decoration:none;}
.chat-minimized #cloud-chat-test{display:none;}

.chat-window-body[hidden]{display:none;}
.cloud-chat-body{padding:0!important;}

.draft-film{width:min(1000px,94vw);padding:16px}.draft-film header,.draft-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.draft-film header h2{flex:1;margin:0 0 12px}.draft-screen{position:relative;background:#080808;aspect-ratio:16/9;max-height:48vh;display:grid;place-items:center}.draft-screen video{width:100%;height:100%;max-height:48vh;object-fit:contain}#draft-caption{position:absolute;bottom:8%;left:8%;right:8%;text-align:center;white-space:pre-line;color:white;text-shadow:0 2px 3px #000;font-size:18px;pointer-events:none}#draft-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:12px;background:#000a;color:white;padding:24px}.draft-spinner{display:none;width:20px;height:20px;border:2px solid #777;border-top-color:#efbb77;border-radius:50%;animation:draft-spin 1s linear infinite}.is-loading .draft-spinner{display:block}@keyframes draft-spin{to{transform:rotate(360deg)}}.draft-controls{padding:10px 0}#draft-clock{font-size:11px;color:var(--muted);margin-left:auto}#draft-seek{width:100%}#draft-passages{max-height:26vh;overflow:auto}.draft-passage{display:flex;width:100%;flex-direction:column;align-items:flex-start;text-align:left;white-space:pre-line;gap:5px;margin:5px 0;padding:10px}.draft-passage small{color:var(--muted)}.draft-passage.selected{border-color:var(--accent);background:#51402d}

.draft-screen{width:100%;height:min(48vh,52vw);aspect-ratio:auto}.draft-screen video{min-width:0}@media(prefers-reduced-motion:reduce){.draft-spinner{animation:none}}

/* Player media fills its frame without the spacing used by standalone previews. */
#vimeo-host > video{display:block;margin:0}