/* An isolated editor surface avoids changing the public site's shared styles. */
:root{color-scheme:dark;--bg:#121416;--panel:#1b1e21;--line:#34383d;--muted:#9da5ad;--text:#e4e7eb;--accent:#e4b57d;--measure:48px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:13px/1.5 system-ui,-apple-system,BlinkMacSystemFont,sans-serif}button,input,select{font:inherit}button{border:1px solid #42474d;background:#2a2e33;color:var(--text);border-radius:5px;padding:7px 12px;cursor:pointer}button:hover{background:#3d4249}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}button.primary{background:var(--accent);color:#181715;border-color:var(--accent);font-weight:700}header{display:flex;align-items:center;gap:12px;height:70px;padding:0 22px;border-bottom:1px solid var(--line);background:#191c1f}.brand{color:#fff;font-size:14px;font-weight:850;letter-spacing:2px;text-decoration:none}.brand span{font-weight:300}.project{margin-left:auto;display:grid;padding-right:14px}.project span,.muted{color:var(--muted)}.badge{font-size:10px;letter-spacing:1px;border:1px solid #6c5639;padding:3px 8px;color:var(--accent);border-radius:3px}.workspace{display:grid;grid-template-columns:245px minmax(300px,1fr) 320px;min-height:520px}.library,.inspector,.viewer-panel{background:var(--panel);border-right:1px solid var(--line);padding:16px}.panel-title{font-size:10px;letter-spacing:1.3px;font-weight:700;color:var(--muted);display:flex;justify-content:space-between;margin-bottom:16px}.panel-title span{font-size:10px;letter-spacing:.4px}h1{font-size:23px;line-height:1.25;margin:20px 0 12px;font-weight:600}h2{font-size:16px;line-height:1.4;font-weight:600;margin:0 0 8px}p{color:var(--muted)}.library>button{width:100%;margin-top:9px}.section-label{font-size:10px;letter-spacing:1px;color:var(--muted);font-weight:700;margin:24px 0 10px;display:flex;justify-content:space-between}nav{display:grid;gap:3px}nav button{text-align:left;background:transparent;border:0;display:flex;justify-content:space-between;padding:7px 5px}nav button span{color:var(--muted);font-size:11px}.notice{border-left:2px solid #725a3e;padding-left:10px;margin-top:18px;color:#b7a68e;font-size:11px}.viewer-panel{display:flex;flex-direction:column;padding:16px 20px}.viewer{background:#08090a;position:relative;aspect-ratio:16/9;max-height:430px;width:100%;margin:auto;overflow:hidden}.viewer video{width:100%;height:100%;object-fit:contain;position:absolute;inset:0}.viewer #blend{opacity:0;pointer-events:none}.viewer-overlay{position:absolute;bottom:12px;left:14px;right:14px;display:flex;gap:10px;justify-content:space-between;text-shadow:0 1px 4px #000;font-size:10px;pointer-events:none}.viewer-overlay span:last-child{letter-spacing:1px;color:#ddd}#fade{position:absolute;inset:0;background:#000;pointer-events:none;opacity:0}#empty-view{position:absolute;inset:0;display:grid;place-items:center;color:#a2a6aa;background:#111416}.transport{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 0}.transport button{border:0;background:transparent;font-size:15px;padding:3px 10px}#play{font-size:19px;color:var(--accent)}#time{font:13px ui-monospace,monospace;padding:0 15px}.transport-note{font-size:10px;color:var(--muted)}.scrub-label{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:11px}input[type=range]{accent-color:var(--accent);min-width:0}.scrub-label input{width:100%}#playback-status{min-height:18px;color:#d3b28d;font-size:11px}.inspector{border-right:0;overflow-y:auto;max-height:660px}.inspector p{font-size:11px}#takes{display:grid;gap:6px}.take{display:grid;grid-template-columns:68px 1fr auto;align-items:center;gap:8px;border:1px solid var(--line);border-radius:5px;padding:5px}.take.active{border-color:var(--accent);background:#3b3328}.take img{width:68px;height:39px;object-fit:cover;border-radius:3px}.take strong{font-size:11px;display:block}.take small{font-size:10px;color:var(--muted)}.take button{padding:4px 6px;font-size:11px}.take .choose{grid-column:2 / 4;justify-self:start;border:0;background:transparent;padding:0;color:var(--accent)}.fields{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}.fields label{display:grid;gap:4px;color:var(--muted);font-size:10px}.fields input,.fields select{width:100%;background:#141719;border:1px solid var(--line);color:#fff;padding:6px;border-radius:4px;font-size:12px}.fields output{padding:7px 0;color:#ddd}.property{font-size:11px;padding:12px 0;border-bottom:1px solid var(--line)}.rules{font-size:11px;color:#b5bec7;padding-top:12px}.small{font-size:10px!important}.timeline-panel{border-top:1px solid var(--line);background:#191c1f}.timeline-toolbar{display:flex;align-items:center;gap:20px;padding:13px 18px}.timeline-toolbar>div{margin-right:auto}.timeline-toolbar strong{font-size:12px}.timeline-toolbar span{color:var(--muted);font-size:10px;margin-left:12px}.timeline-toolbar label{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:11px}.timeline-toolbar input[type=number]{width:50px;padding:3px;background:#101315;color:#fff;border:1px solid var(--line);border-radius:4px}.timeline-toolbar input[type=range]{width:95px}.grid-note{font-size:10px;margin:0;padding:0 18px 12px}#timeline-scroll{overflow:auto;max-height:530px;overscroll-behavior-x:contain}#timeline{position:relative;width:calc(160px + var(--measure) * 56);min-width:100%}#ruler{height:40px;position:relative;border-bottom:1px solid var(--line);margin-left:160px;cursor:crosshair;background:repeating-linear-gradient(to right,transparent 0,transparent calc(var(--measure) - 1px),#363b42 calc(var(--measure) - 1px),#363b42 var(--measure))}.measure{position:absolute;top:8px;color:#929ba6;font:10px ui-monospace,monospace}.measure.anchor{color:var(--accent);top:22px;white-space:nowrap;font-size:9px}.lane{height:76px;position:relative;border-bottom:1px solid #2f343a;background:repeating-linear-gradient(to right,transparent 0,transparent calc(var(--measure) - 1px),#23282d calc(var(--measure) - 1px),#23282d var(--measure));background-position:160px 0}.track-label{position:sticky;left:0;z-index:5;width:160px;height:100%;background:#23272c;border-right:1px solid #41464d;padding:13px 14px;color:#d9dee5}.track-label strong{font-size:12px;display:block}.track-label small{color:var(--muted);font-size:10px}.track-label:before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--track-color)}.clip{position:absolute;top:7px;height:62px;border:1px solid color-mix(in srgb,var(--track-color),#fff 20%);border-radius:4px;background:color-mix(in srgb,var(--track-color),#101318 38%);color:#eaf3f5;padding:6px 8px;overflow:hidden;touch-action:pan-y;cursor:pointer;text-align:left;user-select:none}.clip.selected{outline:2px solid var(--accent);outline-offset:0;z-index:3}.clip .title{display:block;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.clip .meta{font-size:9px;display:block;opacity:.75;white-space:nowrap}.clip img{position:absolute;right:0;top:0;width:40px;height:100%;object-fit:cover;opacity:.28}.clip .title,.clip .meta{position:relative;z-index:1}.clip .handle{position:absolute;top:0;bottom:0;width:7px;z-index:2;cursor:ew-resize;background:rgba(255,255,255,.08)}.clip .handle.left{left:0}.clip .handle.right{right:0}.slot-outline{position:absolute;top:4px;height:68px;border:1px dashed #426068;pointer-events:none;border-radius:5px;opacity:.4}.dissolve{position:absolute;top:5px;height:66px;z-index:4;pointer-events:none;background:linear-gradient(45deg,transparent 48%,#e7ce9c 49%,#e7ce9c 51%,transparent 52%);border:1px solid #c9b58988;width:calc(var(--measure) * .6667)}#playhead{position:absolute;top:0;bottom:0;width:1px;background:#ee816d;z-index:7;pointer-events:none;left:160px}#playhead span{position:absolute;top:0;left:-5px;border-top:10px solid #ee816d;border-left:5px solid transparent;border-right:5px solid transparent}footer{color:var(--muted);font-size:10px;padding:12px 18px;display:flex;justify-content:space-between;gap:18px}footer details{max-width:700px}footer summary{cursor:pointer;color:#b7c0c8}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#e4b57d;color:#1a1b1d;border-radius:5px;padding:10px 18px;z-index:20;display:none;max-width:90%;box-shadow:0 8px 40px #0009}
[hidden]{display:none!important}.view-tabs{display:flex;gap:10px;align-items:center;padding:10px 18px;border-bottom:1px solid var(--line);background:#16191c}.view-tabs button{background:transparent;border-color:transparent;font-size:11px}.view-tabs button.active{border-color:#765e41;color:var(--accent);background:#30281f}.view-tabs>span{margin-left:auto;font-size:10px;color:var(--muted)}.import-label{color:var(--muted);font-size:10px;cursor:pointer}.import-label input{width:85px;font-size:9px}.fade-field{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:11px;margin-top:12px}.fade-field input{width:60px;background:#121619;color:#eee;border:1px solid var(--line);padding:5px}#guide{padding:24px;max-width:1450px;margin:auto}.guide-intro{display:flex;justify-content:space-between;gap:25px;align-items:center}.guide-intro h1{margin-top:5px}.guide-intro label{display:grid;gap:6px;color:var(--muted);font-size:11px}.guide-intro select{background:#262b30;border:1px solid var(--line);padding:8px;color:#eee}.guide-policy{padding:12px 15px;border:1px solid #735c3d;background:#2b251d;color:#dbc2a2;font-size:12px;border-radius:5px}#guide-anchors{display:flex;flex-wrap:wrap;gap:6px;margin:16px 0}#guide-anchors button{font-size:11px}#guide-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.guide-card{background:var(--panel);padding:18px;border:1px solid var(--line);border-radius:6px;scroll-margin-top:20px}.guide-meta{color:var(--accent);font-size:10px;margin-bottom:10px;letter-spacing:.5px}.guide-card p{font-size:12px}.guide-rules{font-size:11px!important}.guide-settings{font-size:11px;border-top:1px solid var(--line);padding:10px 0;color:#c4d6d9}.guide-card button{font-size:10px;margin-top:8px}
@media(min-width:1600px){.workspace{grid-template-columns:260px 1fr 340px}.viewer{max-width:850px}}@media(max-width:1050px){.workspace{grid-template-columns:minmax(300px,1fr) 300px}.library{grid-column:1/-1;display:flex;align-items:center;gap:10px;padding:10px 16px}.library h1,.library p,.library .panel-title,.library .notice,.library .section-label{display:none}.library>button{width:auto;margin:0;white-space:nowrap}.library nav{display:flex;overflow:auto;flex:1}.library nav button{white-space:nowrap;font-size:11px}.library nav button span{display:none}.viewer-panel{padding:14px}.project span{display:none}.timeline-toolbar{gap:12px}#guide-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){header{height:auto;min-height:58px;padding:10px 12px;flex-wrap:wrap;gap:8px}.brand{font-size:11px;letter-spacing:1px}.project{display:none}.badge{margin-left:auto}header button{font-size:11px;padding:5px 8px}.workspace{display:flex;flex-direction:column}.library{overflow:auto;flex-wrap:wrap}.library nav{width:100%;flex:auto}.viewer-panel{border:0}.viewer{max-height:none}.transport-note{display:none}.inspector{max-height:none;border-top:1px solid var(--line);padding:16px}#takes{grid-template-columns:1fr 1fr 1fr;gap:5px}.take{display:flex;flex-direction:column;align-items:stretch;gap:5px;padding:5px}.take img{width:100%;height:auto;aspect-ratio:16/9}.take strong{font-size:10px}.take small{font-size:9px}.take .choose{font-size:10px;text-align:left}.fields{grid-template-columns:repeat(4,1fr);gap:7px}.fields label{font-size:9px}.fields input,.fields select{font-size:11px}.inspector .small{margin-bottom:0}.timeline-toolbar{flex-wrap:wrap;padding:12px}.timeline-toolbar>div{width:100%;display:flex;justify-content:space-between}.timeline-toolbar span{margin:0}.timeline-toolbar #save-status{display:none}.timeline-toolbar label{font-size:10px}.grid-note{padding:0 12px 10px}footer{display:block}footer details{margin-top:8px}.track-label{width:125px;padding:14px 10px}.track-label strong{font-size:11px}#ruler{margin-left:125px}.lane{background-position:125px 0}#timeline{width:calc(125px + var(--measure) * 56)}.view-tabs{padding:8px;gap:4px;flex-wrap:wrap}.view-tabs>span{display:none}.view-tabs button{font-size:10px}.import-label{margin-left:6px}#guide{padding:16px}.guide-intro{display:block}.guide-intro label{margin-bottom:14px}#guide-cards{grid-template-columns:1fr}.guide-policy{font-size:11px}}
/* Keep the timeline within reach on a desktop; long guidance scrolls inside its panel. */
@media(min-width:1051px){.workspace{height:560px;min-height:0}.library,.inspector{max-height:560px;overflow:auto}.viewer-panel{min-height:0}.library h1{font-size:20px;margin:10px 0}.library p{font-size:11px}.library nav button{padding:4px 5px}.library .section-label{margin-top:15px}.library .notice{font-size:10px}}
.timeline-toolbar #fit{font-size:10px;padding:4px 7px}
/* The planning viewer mirrors the four visible bands of the original DaVinci draft. */
.viewer-switch{display:flex;gap:6px;margin-bottom:10px}.viewer-switch button{font-size:11px;padding:5px 10px;background:transparent}.viewer-switch button.active{color:var(--accent);border-color:#806647;background:#342a20}.viewer[data-mode=template]{aspect-ratio:auto;max-height:none;min-height:0;background:#111416;overflow:auto;margin:0;flex:1}.viewer[data-mode=template]>video,.viewer[data-mode=template]>#empty-view,.viewer[data-mode=template]>#fade,.viewer[data-mode=template]>.viewer-overlay{display:none!important}.viewer[data-mode=footage]>#planning-view{display:none}#planning-view{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:7px;min-height:100%}.planning-card{border:1px solid color-mix(in srgb,var(--track-color),white 15%);border-left:4px solid var(--track-color);background:color-mix(in srgb,var(--track-color),#16191d 65%);padding:9px 11px;border-radius:3px;min-width:0}.planning-track-6,.planning-track-5{grid-column:1/-1}.planning-heading{font-size:9px;font-weight:750;letter-spacing:1px;color:color-mix(in srgb,var(--track-color),white 55%);margin-bottom:4px}.planning-card h3{font-size:13px;line-height:1.35;font-weight:650;margin:0 0 5px}.planning-card p{font-size:11px;line-height:1.4;color:#e0e3e6;margin:0 0 6px}.planning-card .planning-rule{font-size:9px;color:#bdc7ce;margin:6px 0 0}.planning-settings{font-size:9px;line-height:1.4;color:#d3c1a7}.planning-card.false-ending{box-shadow:inset 0 0 0 1px var(--accent)}#playhead{width:15px;background:transparent;transform:translateX(-7px);pointer-events:auto;cursor:ew-resize;touch-action:none;z-index:9}#playhead:after{content:'';position:absolute;left:7px;top:0;bottom:0;width:1px;background:#ee816d}#playhead span{left:2px;z-index:1}#playhead:focus-visible{outline:2px solid var(--accent);outline-offset:2px}#ruler{touch-action:none}.viewer-panel{overflow:hidden}
@media(min-width:1051px){.workspace{height:600px}.library,.inspector{max-height:600px}}@media(max-width:1050px) and (min-width:701px){.viewer[data-mode=template]{min-height:470px;max-height:620px}#planning-view{grid-template-columns:1fr 1fr}.planning-card{padding:7px}.planning-card h3{font-size:12px}.planning-card p{font-size:10px}}@media(max-width:700px){.viewer[data-mode=template]{max-height:none;overflow:visible}.planning-card{padding:8px}.planning-card h3{font-size:12px}.planning-card p{font-size:10px}#planning-view{min-height:0;gap:6px}.viewer-switch button{font-size:10px}#playhead{width:25px;transform:translateX(-12px)}#playhead:after{left:12px}#playhead span{left:7px}}
/* Default to one clear planning surface; secondary tools open only when needed. */
.workspace,.workspace.inspector-open{min-height:0;height:auto;grid-template-columns:minmax(0,1fr);display:grid}.workspace .library{display:none!important}.workspace.inspector-open{grid-template-columns:minmax(0,1fr) 320px}.workspace .viewer-panel{min-width:0;padding:14px 18px}.workspace .inspector{max-height:650px;border-left:1px solid var(--line)}.workspace .viewer[data-mode=template]{flex:none;max-height:520px;min-height:390px}.workspace .viewer[data-mode=footage]{max-height:390px;margin:0 auto}.panel-title{margin-bottom:8px}.viewer-switch{margin-bottom:7px}.transport{padding:8px 0}.scrub-label{font-size:10px}#playback-status:empty{display:none}#playback-status:not(:empty){padding-top:5px}.view-tabs{padding:7px 18px}.view-tabs #inspector-toggle{margin-left:auto;border-color:var(--line)}.options-menu{position:relative}.options-menu>summary{cursor:pointer;list-style:none;border:1px solid #42474d;padding:6px 12px;border-radius:5px;font-size:12px}.options-menu>summary:after{content:' ▾'}.options-content{position:absolute;top:40px;right:0;z-index:30;width:220px;display:grid;gap:8px;background:#252a30;padding:14px;border:1px solid var(--line);border-radius:5px;box-shadow:0 12px 30px #0008}.options-content label{display:block;font-size:11px;color:var(--muted)}.options-content input[type=number]{width:55px;background:#111416;border:1px solid var(--line);color:#eee;padding:5px}.options-content input[type=file]{width:100%;margin-top:5px}.timeline-toolbar{padding:10px 18px;gap:14px}.timeline-toolbar .section-jump select{background:#22272c;color:#ddd;border:1px solid var(--line);font-size:11px;padding:4px;border-radius:3px;max-width:145px}.grid-note{padding-bottom:7px;font-size:9px}.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.planning-card h3{font-size:14px}.planning-card p{font-size:12px}#planning-view{gap:6px;padding:6px}.planning-card{padding:9px 12px}.planning-rule{max-width:100%}.viewer-panel .panel-title span{color:var(--accent)}footer{padding:8px 18px}.project span{display:none}.project{padding:0}.brand{font-size:12px}.options-menu{margin-left:4px}
@media(max-width:1050px){.workspace .viewer[data-mode=template]{min-height:390px;max-height:600px}.planning-card h3{font-size:13px}.planning-card p{font-size:11px}}@media(max-width:700px){header{flex-wrap:nowrap}.workspace,.workspace.inspector-open{display:flex;flex-direction:column}.workspace .viewer-panel{padding:12px}.workspace .viewer[data-mode=template]{max-height:none;min-height:0}.workspace .inspector{max-height:none;border-left:0}.view-tabs{padding:6px 8px;gap:3px}.view-tabs button{padding:5px 7px;font-size:9px}.timeline-toolbar{padding:8px 12px;gap:8px}.timeline-toolbar .section-jump select{max-width:110px;font-size:10px}.planning-card{padding:8px}.planning-card h3{font-size:12px}.planning-card p{font-size:10px}.options-content{width:210px}.brand{font-size:10px}.badge{font-size:9px}.options-menu>summary{font-size:11px;padding:5px 9px}.timeline-toolbar>div{margin:0}.timeline-toolbar label{font-size:9px}.timeline-toolbar input[type=range]{width:70px}}
#planning-phase{margin:6px 6px 0;padding:6px 10px;background:#3b2d1e;color:#e7c699;border:1px solid #755b39;font-size:11px;border-radius:3px}.viewer[data-mode=footage]>#planning-phase{display:none}
/* All instructional cards remain fully readable, including long scoring guidance. */
.workspace .viewer[data-mode=template]{max-height:none!important;overflow:visible}
/* The phase cue and card grid size naturally together, so neither overlaps transport. */
#planning-view{min-height:0}.workspace .viewer[data-mode=template]{display:block;height:auto;flex:0 0 auto}
/* A fixed canvas and reserved cue row keep transport and timeline stationary while scrubbing.
   Long instructions scroll inside their own card instead of resizing the editor. */
.workspace .viewer[data-mode=template]{height:clamp(460px,58vh,600px);min-height:0;max-height:none!important;display:flex;flex-direction:column;overflow:hidden;flex:none}
#planning-phase,#planning-phase[hidden]{display:block!important;flex:0 0 44px;height:44px;margin:6px 6px 0;overflow:auto}
#planning-phase[hidden]{visibility:hidden}
#planning-view{flex:1;min-height:0;grid-template-rows:minmax(0,1.15fr) minmax(0,.9fr) minmax(0,1.5fr) minmax(0,1fr)}
.planning-card{min-height:0;overflow:auto;scrollbar-gutter:stable;overscroll-behavior:contain}
#playback-status,#playback-status:empty{display:block;min-height:23px;height:23px;overflow:hidden}
@media(max-width:700px){.workspace .viewer[data-mode=template]{height:clamp(540px,70svh,760px)}#planning-phase,#planning-phase[hidden]{flex-basis:56px;height:56px}}
/* Editing tools wrap within the viewport on narrow screens. */
.timeline-toolbar{flex-wrap:wrap;min-width:0}.timeline-toolbar>div{min-width:0}.timeline-panel{min-width:0;max-width:100%}
/* Keep the viewer in a fixed viewport band; only the timeline tracks scroll. */
:root{--track-height:76px}
body{height:100dvh;overflow:hidden;display:flex;flex-direction:column}
header{flex:none;height:58px;min-height:58px}
main{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}
.view-tabs{flex:none}
.workspace,.workspace.inspector-open{position:relative;display:grid;flex:0 0 52%;height:52%;min-height:0;overflow:hidden}
.workspace .viewer-panel{height:100%;min-height:0;padding:8px 18px}
.workspace .viewer[data-mode=template]{height:auto;min-height:0;flex:1;overflow:hidden}
.workspace .inspector{height:100%;min-height:0;max-height:none;overflow:auto}
.transport{flex:none;padding:4px 0}.scrub-label,.panel-title{flex:none}
#playback-status,#playback-status:empty{display:none}
.timeline-panel{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}
.timeline-toolbar{flex:none;gap:8px;padding:6px 12px;max-height:100px;overflow:auto}
.timeline-toolbar button{font-size:10px;padding:4px 8px}
.grid-note{flex:none;padding:0 12px 4px}
#timeline-scroll{flex:1;min-height:0;max-height:none;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
#ruler{position:sticky;top:0;z-index:8;background:#191c1f}
.lane{height:var(--track-height)}
.clip{height:calc(var(--track-height) - 14px)}
.track-label{display:flex;flex-direction:column;justify-content:center;padding-top:4px;padding-bottom:4px}
footer{flex:none;max-height:30px;overflow:auto;padding:4px 12px}
#guide{min-height:0;overflow:auto;width:100%}
.guide-open .timeline-panel{display:none}
.guide-open footer{display:none}
@media(max-width:700px){
 header{height:48px;min-height:48px}
 .workspace,.workspace.inspector-open{display:grid;grid-template-columns:minmax(0,1fr);height:50%;flex-basis:50%}
 .workspace .viewer-panel{padding:6px 8px}
 .workspace.inspector-open .inspector{position:absolute;right:0;top:0;bottom:0;width:min(320px,85vw);z-index:12;border-left:1px solid var(--line);box-shadow:-12px 0 24px #0008}
 .timeline-toolbar{max-height:105px;gap:6px}
 #planning-phase,#planning-phase[hidden]{height:32px;flex-basis:32px;padding:3px 6px;font-size:9px}
 .planning-card{padding:5px 7px}.planning-card h3{font-size:11px}.planning-card p{font-size:10px}
 .planning-heading{font-size:8px;margin-bottom:2px}.planning-settings{font-size:8px}
 footer{max-height:23px}
}
/* Minimal editor chrome: one header, one transport, one compact tool row. */
header{height:36px;min-height:36px;padding:0 10px;gap:8px}
.brand{font-size:9px;letter-spacing:1px}
header .view-tabs{padding:0;border:0;background:none;gap:2px;flex:1}
header .view-tabs button{font-size:10px;padding:3px 7px}
header .view-tabs #inspector-toggle{margin-left:auto}
.options-menu>summary{font-size:10px;padding:3px 7px}
.options-content{top:29px}
.workspace,.workspace.inspector-open{flex:1;height:auto;min-height:0}
.workspace .viewer-panel{padding:4px 6px}
.viewer-panel>.panel-title,.scrub-label,.transport-note,.grid-note{display:none}
.transport{padding:2px 0;gap:4px}
.transport button{padding:0 7px;font-size:12px}#play{font-size:15px}#time{font-size:10px;padding:0 8px}
#planning-view{gap:3px;padding:3px}
.planning-card{border-radius:0;border-left-width:2px;padding:5px 7px}
.planning-heading{font-size:8px;letter-spacing:.6px;margin-bottom:2px}
.planning-card h3{font-size:12px;margin-bottom:3px}
.planning-card p{font-size:11px;margin-bottom:3px}
.planning-card .planning-rule,.planning-settings{font-size:9px}
#planning-phase,#planning-phase[hidden]{height:26px;flex-basis:26px;margin:3px 3px 0;padding:3px 7px;font-size:10px;border-radius:0}
.timeline-panel{flex:0 0 auto;height:min(calc(6 * var(--track-height) + 58px),52%)}
.timeline-toolbar{padding:3px 6px;gap:7px;min-height:28px;max-height:68px}
.timeline-toolbar label{font-size:9px}.timeline-toolbar input[type=range]{width:70px}
.timeline-toolbar button,.timeline-toolbar #fit{font-size:9px;padding:2px 6px}
.timeline-toolbar #undo-edit{margin-left:auto}
#ruler{height:26px}.track-label small,.clip .meta{display:none}
.track-label strong{font-size:10px;font-weight:550}
.track-label{padding-left:8px}.clip{top:3px;height:calc(var(--track-height) - 6px);padding:3px 6px;border-radius:2px}
.clip .title{font-size:10px}.clip{display:flex;align-items:center}
footer{display:none}
@media(max-width:700px){
 header{height:34px;min-height:34px;padding:0 5px;gap:3px}.brand{font-size:8px;letter-spacing:0}
 header .view-tabs button{font-size:9px;padding:3px 4px}.options-menu>summary{font-size:9px;padding:3px 5px}
 .workspace,.workspace.inspector-open{flex:1;height:auto}.workspace .viewer-panel{padding:3px}
 .timeline-panel{height:min(calc(6 * var(--track-height) + 80px),48%)}
 .timeline-toolbar{gap:4px;max-height:68px}.timeline-toolbar input[type=range]{width:57px}
 .timeline-toolbar #undo-edit{margin-left:0}.planning-card{padding:4px 5px}.planning-card h3{font-size:11px}.planning-card p{font-size:10px}
}
/* Scaling tracks never shifts the viewer or the timeline boundary. */
.workspace,.workspace.inspector-open{flex:0 0 45%;height:45%}
.timeline-panel{flex:1;height:auto}
@media(max-width:700px){.workspace,.workspace.inspector-open{flex-basis:48%;height:48%}.timeline-panel{flex:1;height:auto}}
/* Only active cards occupy viewer space; long text stays scrollable without chrome. */
.planning-card{scrollbar-width:none;scrollbar-gutter:auto}
.planning-card::-webkit-scrollbar,#planning-phase::-webkit-scrollbar{display:none;width:0;height:0}
#planning-phase{scrollbar-width:none}
#shuttle-rate{font:10px ui-monospace,monospace;color:var(--accent)}#shuttle-rate:empty{display:none}
/* Static viewer blocks: typography scales to fit instead of scrolling. */
.planning-card{overflow:hidden;overscroll-behavior:none;font-size:12px}
.planning-card h3{font-size:1em;line-height:1.25}
.planning-card p{font-size:.92em;line-height:1.3}
.planning-card .planning-rule,.planning-settings{font-size:.75em;line-height:1.25}
.planning-heading{font-size:.67em;line-height:1.2}
#planning-phase{overflow:hidden}
@media(max-width:700px){.planning-settings{display:none}.planning-card{padding:3px 5px}.planning-card h3,.planning-card p{margin-bottom:2px}}
#qc-field{margin:12px 0;padding:8px;border:1px solid var(--line);font-size:10px}#qc-field label{display:block;margin:6px 0}#qc-field input[type=text],#qc-field select{max-width:100%;background:#141719;border:1px solid var(--line);color:var(--text);padding:4px}#qc-field input[type=text]{width:100%}#qc-note{font-size:10px}
/* Glanceable current-action cards; details are retained in the Inspector and Guide. */
.planning-card{display:flex;flex-direction:column;justify-content:center;padding:12px 16px;font-size:15px}.planning-card .planning-heading{font-size:10px;letter-spacing:1.3px;margin-bottom:6px;opacity:.75}.planning-card h3{font-size:clamp(15px,1.8vw,24px);line-height:1.2;margin:0;font-weight:600}.planning-card p{font-size:12px;margin:5px 0 0;color:#c1ccd1}.planning-card .planning-settings,.planning-card .planning-rule{display:none}@media(max-width:700px){.planning-card{padding:7px 9px}.planning-card h3{font-size:15px}.planning-card .planning-heading{font-size:9px;margin-bottom:3px}}
/* Card artwork remains behind readable titles; each dropdown is a separate drag-safe control. */
.clip .card-thumbnail{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.48;pointer-events:none}.clip .title{position:relative;z-index:1;text-shadow:0 1px 3px #000;padding-right:24px}.clip .meta{display:none}.card-waveform{position:absolute;left:0;bottom:0;width:100%;height:65%;fill:currentColor;opacity:.3;pointer-events:none}.card-picker{background:#22292d;color:#e4b57d;border:1px solid #596169;border-radius:4px;font:12px system-ui;padding:5px 7px;max-width:100%;cursor:pointer}.planning-card .card-picker{align-self:flex-start;margin-top:8px;max-width:100px}.timeline-card-picker{position:absolute;top:5px;height:22px;z-index:5;padding:0;border:0;background:#172023dd;color:#e4b57d;font-size:0}.timeline-card-picker option{font-size:13px}.custom-card-label{position:relative;z-index:6;background:#161b20;color:#fff;border:1px solid #e4b57d;padding:7px;max-width:100%}.lane>.custom-card-label{position:sticky;left:160px;top:0;width:240px}.clip .title{background:#12141670}.planning-card{padding:8px 12px}.planning-card h3{font-size:clamp(14px,1.6vw,21px)}
.planning-card{position:relative}.planning-card .card-thumbnail{position:absolute;right:12px;top:10px;height:calc(100% - 20px);width:110px;object-fit:cover;border-radius:4px;opacity:.85}.planning-track-6{padding-right:138px}.planning-card .card-waveform{opacity:.13;height:50%;z-index:0}.planning-card h3,.planning-card .planning-heading,.planning-card .card-picker{position:relative;z-index:1}@media(max-width:700px){.planning-card .card-thumbnail{width:66px;right:8px}.planning-track-6{padding-right:82px}.planning-card .card-picker{font-size:11px;padding:3px 6px}}

/* Quiet card replacement control, with the same accessible native menu. */
.card-picker{appearance:none;background:transparent;border:0;border-radius:4px;color:#a5abb0;width:26px;height:26px;padding:0;font-size:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='m3 4.5 3 3 3-3' fill='none' stroke='%23a5abb0' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:12px;background-repeat:no-repeat;background-position:center;opacity:.5;transition:opacity .15s,background-color .15s}
.card-picker:hover,.card-picker:focus-visible{opacity:1;background-color:#ffffff0a;outline:1px solid #e4b57d66}
.card-picker option{font-size:13px;background:#22292d;color:#e7e9eb}
.planning-card .card-picker{position:absolute;right:8px;top:8px;margin:0;padding:0;font-size:0;width:28px;height:28px}
.planning-track-6 .card-picker{right:128px}
.timeline-card-picker{background-color:transparent;height:22px}
@media(max-width:700px){.planning-card .card-picker{padding:0;font-size:0}.planning-track-6 .card-picker{right:80px}}
.planning-card .planning-heading{padding-right:32px}
.planning-card:not(.planning-track-6) h3{padding-right:32px}

.movable-transition{top:3px;height:calc(var(--track-height) - 6px);z-index:6;pointer-events:auto;cursor:grab;padding:0;border-radius:1px;touch-action:none;background:linear-gradient(45deg,transparent 48%,#ddc69b 49%,#ddc69b 51%,transparent 52%),#ddc69b18;border:1px solid #ddc69b99}.movable-transition:hover{background-color:#ddc69b30}.movable-transition:active{cursor:grabbing}.transition-resize{position:absolute;right:-3px;top:0;bottom:0;width:7px;cursor:ew-resize}

.duplicate-ghost{opacity:.7;outline:1px solid #e4b57d;pointer-events:none}
/* Final pass keeps review notes separate from the editable timeline. */
#final-pass[hidden],.final-open .workspace,.final-open .timeline-panel,.guide-open .workspace{display:none!important}
#final-pass{flex:1;min-height:0;overflow:auto;padding:22px 28px;background:#15181b}
.final-layout{display:grid;grid-template-columns:255px minmax(0,760px);gap:32px;max-width:1100px;margin:0 auto}
.final-sidebar h1{font-size:25px;line-height:1.2;margin:0 0 12px;letter-spacing:-.4px}
.final-sidebar>p{color:#aeb8bf;font-size:12px;line-height:1.6;margin:0 0 14px}
.final-progress{display:block;color:#d9b47e;font-size:11px;margin:14px 0}
.final-sidebar nav{display:grid;gap:6px}
.final-sidebar nav button{display:grid;grid-template-columns:22px 1fr 30px;gap:7px;text-align:left;align-items:center;padding:12px 9px;font-size:12px;line-height:1.4;background:#20252a;border:1px solid #353d43}
.final-sidebar nav button.active{border-color:#9f8057;background:#332a21;color:#f4dfc2}
.final-stage-number,.final-stage-count{font-size:10px;color:#9ba7b0}.final-stage-count{text-align:right}
.final-sidebar .final-local-note{font-size:10px;margin-top:16px;color:#9ba7b0}
#final-stage{min-width:0;background:#1c2126;border:1px solid #353d43;padding:24px;border-radius:5px}
.final-owner{font-size:10px;text-transform:uppercase;letter-spacing:.5px;color:#d9b47e;margin:0 0 9px}
#final-stage h2{font-size:24px;line-height:1.3;margin:0 0 10px}.final-summary{font-size:14px;color:#c1cbd1;line-height:1.6;margin:0 0 22px}
.final-checks{border:0;padding:0;margin:0}.final-checks legend{font-size:10px;color:#9ba7b0;text-transform:uppercase;letter-spacing:.7px;margin-bottom:8px}
.final-checks label{display:flex;align-items:flex-start;gap:11px;padding:12px 0;border-bottom:1px solid #32393f;font-size:13px;line-height:1.65;color:#e1e5e8;cursor:pointer}
.final-checks input{margin:5px 0 0;width:15px;height:15px;flex:none;accent-color:#c9a674}
.final-ready{padding:12px 14px;font-size:12px;line-height:1.6;background:#26302c;color:#c6d7cf;border-left:2px solid #719580;margin:18px 0}
.final-note-label{display:block;color:#aeb8bf;font-size:11px}.final-note-label textarea{display:block;width:100%;box-sizing:border-box;margin-top:7px;padding:10px;background:#13171a;color:#e1e5e8;border:1px solid #414a52;border-radius:3px;font:inherit;line-height:1.5;resize:vertical}
.final-research{margin:24px 0 0;border-top:1px solid #353d43;padding-top:14px}.final-research>summary,.final-sources>summary{font-size:12px;color:#d9b47e;cursor:pointer;line-height:1.5}
.final-research article{margin-top:20px}.final-research h3{font-size:14px;line-height:1.5;margin:0 0 7px}.final-research p{font-size:12px;line-height:1.8;color:#c3cbd1;margin:0}
.final-source-links{display:flex;gap:12px;flex-wrap:wrap;margin-top:8px}.final-source-links a,.final-sources a{font-size:11px;color:#d9b47e;text-decoration:underline;text-underline-offset:3px}
.final-stage-footer{display:flex;justify-content:space-between;gap:12px;margin-top:24px;flex-wrap:wrap}.final-stage-footer button{font-size:11px;padding:8px 12px}
.final-sources{max-width:1100px;margin:24px auto 0;padding-top:15px;border-top:1px solid #353d43}.final-sources p{font-size:11px;line-height:1.7;color:#aeb8bf;max-width:850px}
@media(max-width:800px){#final-pass{padding:16px}.final-layout{grid-template-columns:1fr;gap:16px}.final-sidebar nav{grid-template-columns:repeat(2,minmax(0,1fr))}.final-sidebar h1{font-size:23px}.final-sidebar nav button{font-size:11px;padding:9px 7px}.final-sidebar .final-local-note{margin-bottom:0}#final-stage{padding:18px}#final-stage h2{font-size:21px}.final-summary{font-size:13px}.final-checks label{font-size:12px}header .view-tabs{min-width:0}header .view-tabs #inspector-toggle{margin-left:auto}}
@media(max-width:390px){header .brand{font-size:7px}header .view-tabs button{font-size:8px;padding:3px}#final-pass{padding:12px}.final-sidebar nav button{grid-template-columns:18px 1fr 24px;gap:4px}.final-stage-count{font-size:9px}}