/* Production selection is a page; the workspace occupies the full viewport. */
[hidden]{display:none!important}html,body{height:100%;margin:0}body{overflow:hidden;display:flex;flex-direction:column}#appHeader{height:70px;flex:0 0 auto;gap:18px;padding:10px 20px;border-color:#344132;background:#151a16}#appHeader h1{font-size:22px}#appHeader button{white-space:nowrap}#productionHeading{flex:1;min-width:0}#productionHeading small{font-size:9px;letter-spacing:1.5px}#productionHeading h2{font-size:18px;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#workspaceActions{display:flex;gap:5px}#workspaceActions button{font-size:12px;margin:0}#mode{font-size:10px;white-space:nowrap;padding:4px 10px}#main{min-height:0;flex:1;overflow:hidden}#login{padding:40px;max-width:520px;margin:auto;width:100%}#productionPage{display:block;height:100%;overflow:auto;border:0;padding:56px max(28px,8vw)}.production-page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px}.production-page-heading h2{font-size:34px;margin-top:10px}.production-page-heading p{color:#9ba99b;margin:8px 0}#projects{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:18px}.production-card{display:flex;flex-direction:column;align-items:flex-start;text-align:left;padding:24px;margin:0;min-height:195px;background:#1b231c;color:#e0ead9;border:1px solid #3c4c36;gap:16px;overflow:hidden}.production-card:hover{border-color:#c8e99c;background:#263125}.production-card strong{font-size:20px;font-weight:500}.production-card span{font-size:13px;line-height:1.6;color:#a5b29e;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.production-card small{font-size:11px;color:#c8e99c;margin-top:auto}#productionPage>p{font-size:12px;max-width:620px}#productionPage>details{font-size:12px;margin-top:30px;color:#9ba99b}#editorPage{padding:0;width:100%;height:100%;display:flex;flex-direction:column;min-height:0}#workspace{display:flex;flex:1;flex-direction:column;min-height:0}#nle{margin:0;border:0;border-radius:0;flex:1;min-height:0;display:flex;flex-direction:column;position:relative}#notice{position:static;flex:none;min-height:0;padding:5px 20px;font-size:12px;background:#263322}#notice:empty{display:none}#nle .nle-toolbar{padding:8px 16px;flex:none;gap:7px;min-height:52px}.plan-tabs{gap:5px}.plan-tabs button{font-size:13px!important;padding:8px 18px!important}.workspace-mode-help{flex:none;padding:6px 20px;font-size:11px;color:#a5b79c;border-bottom:1px solid #2d392c;background:#18201a}#planning{flex:1;min-height:0;overflow:auto}#productionBrief{margin:14px 22px 0;font-size:12px;color:#acbba5}#productionBrief p{max-width:1100px}#nle .nle-stage{height:auto;min-height:0;flex:1;grid-template-columns:minmax(0,1fr) 300px;overflow:hidden}#nle .nle-monitor{padding:10px;min-height:0;overflow:hidden}#nle .nle-canvas{width:100%;max-height:100%;height:100%;aspect-ratio:1.8;object-fit:contain}#nle .nle-inspector{height:100%;max-height:none;min-height:0;overflow:auto;padding:16px}#nle .nle-direction-expanded{height:100%}#nle.nle-direction-expanded .nle-stage{display:block}#nle.nle-direction-expanded .nle-inspector{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding:24px 4vw;gap:4vw}#nle.nle-direction-expanded textarea{min-height:250px;height:35vh}#nleDirectionBoard{max-height:38vh;object-fit:contain}#nle .nle-transport{flex:none;padding:8px 16px;gap:8px}.nle-timeline-wrap{height:clamp(190px,32vh,350px);flex:none;min-height:0}.nle-scroll{max-height:none;height:100%;min-height:0}.nle-labels{overflow:hidden;min-height:0}.nle-footer{flex:none;padding:7px 16px;font-size:10px}.nle-footer span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.nle-history{position:absolute;right:0;top:53px;width:380px;max-width:100%;z-index:30;background:#202a20;box-shadow:0 8px 30px #0008}.nle-overlay-item{height:18px!important;padding:1px 7px!important}.nle-overlay-lane{overflow:hidden}#nleOverlayPreview,#overlayDemoLayer{position:absolute;inset:0;overflow:hidden}body[data-mode=plan] .nle-timeline-wrap,body[data-mode=direction] .nle-timeline-wrap{display:none}body:not([data-mode=preview]) .nle-transport>*:not(#nlePlay):not(#nleClock),body:not([data-mode=preview]) .nle-footer span{display:none}body[data-mode=preview] .nle-direction-field,body[data-mode=preview] .nle-direction-actions,body[data-mode=preview] #nleDraftState,body[data-mode=preview] #nleDirectionBoard{display:none}body[data-mode=direction] .nle-trim-fields,body[data-mode=direction] .nle-trim-actions,body[data-mode=direction] #nleFitWarning{display:none}body[data-mode=preview] .nle-assets-form{margin-top:18px}.workspace-dialog{width:min(1050px,94vw);max-height:88dvh;overflow:auto;background:#171d19;color:#e9eee7;border:1px solid #516447;border-radius:12px;padding:26px}.workspace-dialog::backdrop{background:#000b}.dialog-close{float:right}.workspace-dialog>details{margin:18px 0;padding:14px;border:1px solid #354633;border-radius:8px}.workspace-dialog section{margin:12px 0;padding:16px}.workspace-dialog h2{font-size:26px}.recording-stop{background:#aa283b!important;color:#fff!important;border-color:#ec657a!important}.overlay-editor{width:min(1200px,96vw);max-height:94dvh;padding:0;overflow:hidden}.overlay-editor form{display:flex;flex-direction:column;max-height:94dvh}.overlay-heading{display:flex;align-items:center;justify-content:space-between;padding:16px 22px;border-bottom:1px solid #384931;flex:none}.overlay-heading small{font-size:10px;letter-spacing:2px}.overlay-heading h2{font-size:23px;margin:4px 0}.overlay-layout{display:grid;grid-template-columns:minmax(260px,.9fr) minmax(350px,1.1fr);min-height:0;overflow:auto}.overlay-demo{padding:24px;background:#101613;min-width:0;align-self:start;position:sticky;top:0}.overlay-demo-canvas{aspect-ratio:1.8;position:relative;background:radial-gradient(ellipse at center,#303d36,#080d0a);overflow:hidden;border:1px solid #394737;border-radius:6px}.overlay-form{padding:20px;min-width:0}.overlay-form details{border-top:1px solid #384931;padding:14px 0;margin-top:14px}.overlay-form summary{font-size:13px;cursor:pointer}.overlay-effects{display:grid;gap:8px;margin:16px 0}.overlay-effects label{display:flex;align-items:center;gap:9px}.overlay-effects input{width:16px;margin:0}.overlay-point{display:grid;grid-template-columns:1fr 1fr 1fr 28px;align-items:center;gap:8px}.overlay-point button,.overlay-word-row button{padding:5px!important;margin-top:14px}.overlay-word-row{display:grid;grid-template-columns:minmax(80px,1.5fr) 1fr 1fr 28px;gap:6px;align-items:center}.overlay-word-row input{font-size:12px;padding:6px;margin:4px 0}.overlay-words-table{max-height:280px;overflow:auto}.overlay-actions{padding:12px 22px;border-top:1px solid #384931;flex:none}.overlay-actions p{margin:0;font-size:12px}.overlay-demo [data-clock]{font:12px ui-monospace,monospace;align-self:center}.overlay-demo .plan-warning p{font-size:12px}.record-status{font-size:12px;white-space:pre-wrap}.record-download{color:#c8e99c}.workspace-dialog label input[type=checkbox]{display:inline;width:auto}
@media(max-width:900px){#mode{display:none}#appHeader{gap:8px;padding:8px 12px}#productionHeading h2{font-size:15px}#backProductions{font-size:12px;padding:7px}#workspaceActions button{padding:7px}#nle .nle-stage{grid-template-columns:minmax(0,1fr) 240px}#nle .nle-inspector{padding:12px}.nle-footer span{display:none}.overlay-layout{grid-template-columns:1fr}.overlay-demo{position:static}.overlay-demo-canvas{max-width:440px;margin:auto}.overlay-editor{max-height:96dvh}.overlay-editor form{max-height:96dvh}}
@media(max-width:650px){#appHeader{height:64px;flex-wrap:nowrap}#productionId{display:none}#workspaceActions{gap:3px}#sourceOpen{font-size:0!important}#sourceOpen:after{content:'Sources';font-size:11px}#backProductions{font-size:0}#backProductions:after{content:'←';font-size:18px}#productionHeading h2{font-size:13px}#nle .nle-toolbar{padding:6px 9px;gap:5px}.plan-tabs{width:auto;flex:1;gap:3px}.plan-tabs button{padding:7px 8px!important;font-size:11px!important}#nleUndo,#nleRedo{font-size:0!important;width:28px;padding:6px!important}#nleUndo:after{content:'↶';font-size:16px}#nleRedo:after{content:'↷';font-size:16px}#nleHistoryToggle{display:none}.workspace-mode-help{font-size:10px;padding:5px 10px}#nle .nle-stage{grid-template-columns:1fr;grid-template-rows:minmax(100px,1fr) minmax(80px,120px)}#nle .nle-inspector{display:flex;gap:20px;border-left:0;border-top:1px solid #303b30;font-size:11px}#nle .nle-direction-form{min-width:150px}.nle-assets-form{min-width:240px}#nle.nle-direction-expanded .nle-inspector{display:block;padding:16px}#nle.nle-direction-expanded textarea{height:25vh;min-height:150px}.nle-timeline-wrap{height:clamp(160px,26vh,230px);grid-template-columns:60px minmax(0,1fr)}#nle .nle-transport{padding:6px;gap:5px}#nle .nle-transport button{font-size:10px;padding:5px}.nle-clock{font-size:13px;min-width:70px}.nle-transport label{font-size:10px}.nle-transport input{width:70px!important}#nleSectionName,#nleSection{display:none!important}.production-page-heading{display:block}#productionPage{padding:26px 18px}#projects{grid-template-columns:1fr}.production-card{min-height:180px}.overlay-form,.overlay-demo{padding:16px}.overlay-point{gap:5px}.overlay-actions{padding:10px 16px}}

#nle .nle-monitor{container-type:size}#nle .nle-canvas{width:min(100%,180cqh);height:auto;aspect-ratio:1.8;max-height:100%}

.nle-transport>label{display:flex;align-items:center;gap:10px}.nle-transport{min-height:44px}.nle-labels div{box-sizing:border-box}

#nle .nle-overlay-item{height:23px!important;padding:2px 10px!important;cursor:grab;touch-action:none;outline:none}#nle .nle-overlay-item.selected{background:#8767a6;border:2px solid #ead4ff;color:#fff}.nle-overlay-handle{position:absolute;top:0;bottom:0;width:7px;background:#c8a5e650;cursor:col-resize}.nle-overlay-handle.start{left:0}.nle-overlay-handle.end{right:0}.nle-overlay-marquee{position:absolute;background:#c5a4ef30;border:1px solid #d5b1fb;pointer-events:none;z-index:4}.nle-overlay-lane{min-height:66px}

/* Take browsing owns wheel input inside each stack; timeline zoom belongs only to the time ruler. */
#nleTakesLabel{padding:4px!important;overflow:hidden}#nle #nleExpandTakes{font-size:9px;padding:4px 2px;width:100%;margin:0;white-space:nowrap;position:sticky;top:0}#nle .nle-take-stack{overflow-y:auto;scrollbar-width:thin;scrollbar-color:#95ac78 #1a231b;touch-action:pan-y}#nle .nle-take-stack button{height:21px;min-height:21px;flex:0 0 21px}#nle .nle-take-stack:focus-visible{outline:1px solid #c8e99c;outline-offset:-1px}

#nle .nle-take-stack.scrollable{overscroll-behavior-y:contain}

/* Multicam: explicit picture selection, with B above A and candidates below. */
#nle .nle-monitor{display:flex;flex-direction:column;align-items:stretch;container-type:normal;gap:8px}
.nle-pictures{display:grid;grid-template-columns:minmax(0,1fr);flex:1;min-height:70px;gap:10px;overflow:hidden}
.nle-pictures.compare{grid-template-columns:1fr 1fr}.nle-current-pane{display:flex;flex-direction:column;min-width:0;min-height:0}
#nle .nle-pictures .nle-canvas{width:100%;height:100%;max-height:100%;min-height:0;aspect-ratio:auto}.nle-current-pane>b,.nle-monitor-title{font-size:10px;color:#b4c4aa}.nle-monitor-title{position:absolute;top:7px;left:9px;z-index:5;background:#101810bb;padding:4px 7px;border-radius:4px}
#mcCurrentOverlays{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.nle-angle-controls{flex:none;max-height:165px;overflow:auto;font-size:11px;display:grid;gap:6px}.nle-angle-toolbar,.nle-angle-actions,#mcPassControls,#mcPlacementControls{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.nle-angle-controls label{display:flex;gap:4px;align-items:center;margin:0}.nle-angle-controls input[type=checkbox]{width:auto!important;margin:0!important}.nle-angle-chips{display:flex;gap:5px;overflow:auto;padding:2px;min-height:32px}.nle-angle-chips button{flex:none;white-space:nowrap}.nle-angle-chips .in-cut{box-shadow:inset 0 -3px #a3c76b}#nle .auditioning{outline:2px solid #e7b086;outline-offset:-2px}#mcViewLabel,#mcRange,#mcPassStatus{color:#adbd9f}#mcName{max-width:150px;margin:0!important}#mcRecord{border:1px solid #a25c54}#mcSwitches{background:#30281c}.mc-switch,.mc-placement{position:absolute;border:1px solid #718553;border-radius:4px;overflow:hidden;white-space:nowrap;cursor:grab}.mc-switch{height:26px;top:3px;font-size:10px;padding:5px 10px;background:#59512e}.mc-placement{height:42px;display:flex;flex-direction:column;padding:5px 10px;background:#304132;gap:3px}.mc-placement b{font-size:11px}.mc-placement small{font-size:9px;color:#b5c4a9}#mcStory{background:#1d2230}#mcStory .mc-placement{background:#323d53;border-color:#6b7fa2}.mc-left-handle,.mc-right-handle{position:absolute;top:0;bottom:0;width:7px;background:#c9dbad40;cursor:col-resize}.mc-left-handle{left:0}.mc-right-handle{right:0}#nleCue{position:absolute;top:0;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:10px solid #b8a1ff;transform:translateX(-5px);z-index:5;pointer-events:none}
#nle .nle-toolbar{min-height:44px;padding:6px 12px}.workspace-mode-help{padding:3px 16px}#notice{padding:3px 16px}.nle-timeline-wrap{height:clamp(165px,24vh,290px)}.nle-footer{min-height:24px;align-items:center;padding:4px 12px}.nle-footer b{white-space:nowrap;flex:none}.nle-angle-toolbar{flex-wrap:nowrap}.nle-angle-chips{flex:1;min-width:0}.nle-angle-toolbar #mcViewLabel{display:none}.nle-angle-actions{flex-wrap:nowrap}.nle-angle-controls{max-height:85px;overflow:auto}.nle-angle-toolbar label{flex:none}#mcPlacementControls{display:grid;gap:7px;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid #41503c}#mcCoverage{font-size:11px;color:#bacba9;margin:8px 0 16px}#mcCoverage p{font-size:11px}#mcPassControls{font-size:10px}#mcPassStatus{max-width:260px}#nleWindowOverride{width:auto;display:inline}.nle-current-pane>b{position:absolute}
.nle-timeline-wrap{height:clamp(190px,32vh,360px)}#nle .nle-overlay-lane{min-height:24px}.nle-resize{height:7px;flex:none;cursor:row-resize;background:#253126;border-top:1px solid #475a3b;touch-action:none}.nle-resize:focus-visible,.nle-resize:hover{background:#729155}body:not([data-mode=preview]) .nle-resize,body:not([data-mode=preview]) #mcPassControls{display:none}#mcPlacementControls label{font-size:11px}#mcPlacementControls input[type=checkbox]{width:auto;display:inline;margin-right:6px}

/* Keep transport outside track scrolling and the seek ruler pinned above every lane. */
body[data-mode=preview] #appHeader{height:52px;padding:5px 14px}
body[data-mode=preview] #productionHeading small{display:none}
body[data-mode=preview] .workspace-mode-help{display:none}
body[data-mode=preview] #nle .nle-toolbar{min-height:36px;padding:3px 10px;flex-wrap:nowrap;overflow-x:auto}
body[data-mode=preview] .plan-tabs{flex-wrap:nowrap;flex-shrink:0}
body[data-mode=preview] .plan-tabs button{min-height:28px;padding:4px 12px!important;white-space:nowrap}
body[data-mode=preview] #nle .nle-transport{min-height:36px;padding:4px 10px;flex-wrap:nowrap;overflow-x:auto}
body[data-mode=preview] .nle-transport>*{flex-shrink:0;white-space:nowrap}
body[data-mode=preview] #nle .nle-stage{grid-template-columns:minmax(0,1fr) 10px var(--nle-drawer-width,300px)}
body[data-mode=preview] #nle .nle-monitor{padding:5px 7px;gap:4px}
body[data-mode=preview] #nle .nle-inspector{padding:10px;border-left:0}
body[data-mode=preview] .nle-assets-form{margin-top:10px}
#nle .nle-angle-controls{gap:3px}.nle-angle-toolbar,.nle-angle-actions{gap:5px}
#nle .nle-angle-controls button{padding:4px 7px;min-height:26px;font-size:11px}
.nle-ruler{position:sticky;top:0;z-index:10;background:#151d17;box-shadow:0 1px #566748}
.nle-time-label{position:sticky;top:0;z-index:10;background:#192019}
.nle-ruler-head{position:absolute;top:0;height:32px;width:1px;background:#f0b38e;pointer-events:none}
.nle-ruler-head:before{content:'';position:absolute;left:-4px;border-top:7px solid #f0b38e;border-left:4px solid transparent;border-right:4px solid transparent}
.nle-resize,.nle-drawer-resize{position:relative;background:#253126;touch-action:none;flex:none}
.nle-resize{height:10px}
.nle-resize:after,.nle-drawer-resize:after{content:'';position:absolute;background:#829973;border-radius:4px;pointer-events:none}
.nle-resize:after{width:44px;height:3px;left:calc(50% - 22px);top:3px}
.nle-drawer-resize{cursor:col-resize;min-height:0}
.nle-drawer-resize:after{height:44px;width:3px;top:calc(50% - 22px);left:3px}
.nle-drawer-resize:hover,.nle-drawer-resize:focus-visible{background:#729155;outline:1px solid #c8e99c;outline-offset:-1px}
body:not([data-mode=preview]) .nle-drawer-resize{display:none}
@media(max-width:650px){body[data-mode=preview] #nle .nle-stage{grid-template-columns:minmax(0,1fr)}.nle-drawer-resize{display:none}.nle-angle-controls{max-height:80px}body[data-mode=preview] .plan-tabs button{padding:4px 7px!important}}

.nle-time-label{cursor:pointer}.nle-time-label:hover,.nle-time-label:focus-visible{background:#344632;color:#e5f2d3;outline:1px solid #c8e99c;outline-offset:-1px}

.nle-row-label{position:relative;overflow:hidden;display:flex;align-items:center;padding:0 8px!important}.nle-row-resize{position:absolute;bottom:0;left:0;right:0;height:6px;padding:0!important;border:0!important;cursor:row-resize;touch-action:none;background:transparent;z-index:6}.nle-row-resize:after{content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background:#526449}.nle-row-resize:hover:after,.nle-row-resize:focus-visible:after{height:2px;background:#c8e99c}.nle-row-resize:focus-visible{outline:none;background:#c8e99c15}
#nle .nle-overlay-item{height:var(--clip-height,23px)!important;display:flex;align-items:center}#nle .nle-wave-lane svg{inset:4px 0;height:calc(100% - 8px)}#nle .nle-section-marker{display:flex;align-items:center}#nleGuides .plan-beat{height:100%;display:flex;align-items:center;top:0}
#nle .nle-follow{display:flex;align-items:center;gap:5px;white-space:nowrap}#nle #nleFollow{width:14px!important;height:14px;margin:0!important;accent-color:#c8e99c}
#nle .has-thumbnail{background-image:linear-gradient(0deg,#090e0bda,#090e0b10 80%),var(--thumbnail)!important;background-size:100% 100%,auto 100%;background-position:center;background-repeat:no-repeat,repeat-x;color:#fff;text-shadow:0 1px 3px #000}#nle .has-thumbnail small{color:#fff}#nle .mc-take-window button{flex:none;width:100%;height:100%;min-height:12px;max-height:none;white-space:nowrap}#nle .mc-take-window.has-thumbnail button{background:transparent!important;color:#fff!important;text-shadow:0 1px 3px #000}#nle .mc-take-window.has-thumbnail button.in-cut{box-shadow:inset 0 0 0 2px #b4d984}#nle .nle-take-stack:not(.mc-take-window) button{flex:none;min-height:12px}#nle .timeline-compact{padding-top:0!important;padding-bottom:0!important;justify-content:center}#nle .timeline-compact small{display:none}#nle .timeline-compact b,#nle .timeline-compact strong{font-size:10px}
#mcBoards{background:#272020}#nle .mc-board-clip{position:absolute;top:5px;height:52px;padding:6px 9px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:3px;overflow:hidden;white-space:nowrap;border:1px dashed #756257;border-radius:4px;background:#372d28;color:#ddcdbd;text-align:left}.mc-board-clip b{font-size:11px}.mc-board-clip small{font-size:9px;color:#c9b5a3}#nle .mc-board-clip.has-board{border-style:solid;background:#4a3930}.mc-board-clip:focus-visible{outline:2px solid #e7b086;outline-offset:-2px}
#nle #mcPlaybackMode{width:auto;max-width:230px;flex:none;margin:0;font-size:11px;padding:5px}body:not([data-mode=preview]) #mcPlaybackMode{display:none}

/* Take browser stays beside the preview, sharing the timeline's selection. */
/* The unified monitor bank follows take lanes; future A/B banks can reuse it. */
body:not([data-mode=preview]) #mcGridToggle,body:not([data-mode=preview]) #nle #takeGrid{display:none}
body[data-mode=preview] #nle .nle-inspector.take-grid-open{display:flex;flex-direction:column;overflow:hidden}
body[data-mode=preview] #nle .nle-inspector.take-grid-open>:not(#takeGrid){display:none!important}
#nle #takeGrid{min-width:0;min-height:0;flex:1;display:flex;flex-direction:column;gap:5px;padding:0;border:0;margin:0;overflow:hidden;height:100%}
#nle #takeGrid[hidden]{display:none}
.take-grid-heading{display:flex;flex-wrap:wrap;align-items:center;gap:6px;min-height:30px;flex:none;font-size:11px}
.take-grid-heading>span{display:none;color:#a8b3a6;font-size:10px;flex:1}.take-grid-heading small{color:#93a18e;font-weight:normal}.take-grid-heading label{display:flex;align-items:center;gap:5px;margin:0;font-size:10px}
#nle .take-grid-heading input{width:80px;margin:0}#nle .take-grid-heading button{font-size:10px;padding:4px 6px;white-space:nowrap}
.take-grid-cards{display:grid;grid-template-columns:repeat(var(--wall-columns,3),minmax(0,1fr));grid-auto-rows:var(--wall-height,120px);gap:6px;flex:1;min-height:0;overflow:auto;align-content:start;padding:2px;scrollbar-gutter:stable}
.take-grid-card{position:relative;min-width:0;min-height:0;overflow:hidden;background:#090d0b;border:1px solid #344036;border-radius:4px}
#nle .take-grid-pick{display:flex;flex-direction:column;width:100%;height:100%;background:transparent;color:#e2e9df;padding:0;gap:0;text-align:left;border:0;border-radius:0;min-height:0}
#nle .take-grid-pick:disabled{opacity:1;cursor:default}.take-grid-screen{position:relative;display:block;flex:1;min-height:0;width:100%;overflow:hidden;background:#060908}
.take-grid-poster,.take-grid-screen video{position:absolute;inset:0;width:100%;height:100%;background-color:transparent;object-fit:contain}
.take-grid-poster{background-position:center;background-size:contain;background-repeat:no-repeat;opacity:.75}
.take-grid-status,.take-grid-tally{position:absolute;top:5px;font-size:9px;padding:2px 4px;border-radius:2px;background:#0a100bc9;color:#d7dfd4}.take-grid-status{left:5px}.take-grid-tally{right:5px;background:#a72d38;color:white;font-weight:bold;letter-spacing:.5px}
.take-grid-pick>b,.take-grid-pick>small{display:block;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:1px 6px;line-height:14px;font-size:10px;flex:none}.take-grid-pick>b{padding-top:3px}.take-grid-pick>small{font-size:9px;color:#9fae98;padding-bottom:3px}
.take-grid-card.is-default{border-color:#87ac63}.take-grid-card.selected{outline:2px solid #eab985;outline-offset:-2px}.take-grid-card.on-air{border-color:#e55765}
#nle .take-grid-remove{position:absolute;bottom:3px;right:3px;width:20px;height:20px;min-height:0;padding:0;font-size:14px;background:#293523;border-color:#6d884d;color:#cce5b4}.take-grid-card.is-default small{padding-right:25px}
#nleTakePrompt{min-height:55px;height:70px}#nle .nle-angle-actions{flex-wrap:wrap}#nle .nle-angle-controls{max-height:115px}
@media(max-width:1050px){.take-grid-heading>span{display:none}}@media(max-width:600px){.take-grid-heading small{display:none}.take-grid-heading{gap:5px}}

#nle .take-grid-poster.has-thumbnail{background-image:var(--thumbnail)!important;background-size:contain;background-repeat:no-repeat;opacity:1}
#nle .take-grid-card{padding:0;margin:0}

.take-grid-card.up-next .take-grid-poster,.take-grid-card.up-next .take-grid-screen video{filter:brightness(.45) saturate(.7)}

/* One compact header and one transport strip; media gets the reclaimed space. */
body[data-view=editor] #appHeader{height:44px;padding:3px 10px;gap:8px;flex-wrap:nowrap}
body[data-view=editor] #productionHeading{flex:0 1 180px;min-width:65px}body[data-view=editor] #productionHeading small{display:none}body[data-view=editor] #productionHeading h2{font-size:13px}
#appHeader>.nle-toolbar{display:flex;align-items:center;flex:1;min-width:0;gap:5px;overflow-x:auto;scrollbar-width:thin;border:0;padding:0;margin:0}
body:not([data-view=editor]) #appHeader>.nle-toolbar{display:none}
#appHeader .nle-toolbar>.spacer{display:none}#appHeader .nle-toolbar>*{flex:none}
#appHeader button,#appHeader .nle-toolbar button{font-size:11px;padding:5px 8px;margin:0;min-height:28px;white-space:nowrap}
#appHeader .plan-tabs{display:flex;flex-wrap:nowrap;width:auto;gap:3px;margin:0}#appHeader .plan-tabs button{font-size:11px!important;padding:5px 8px!important;min-height:28px}
#appHeader button[aria-pressed=true]{background:#c8e99c;color:#172110}
#appHeader #mcPlaybackMode{width:145px;max-width:145px;font-size:10px;padding:4px;margin:0}#appHeader #mcPassControls{font-size:10px}
body[data-view=editor] #mode{display:none}
/* Shared action feedback uses the existing header, never a modal or an extra row. */
#appHeader #notice{position:static;inset:auto;display:flex;align-items:center;gap:5px;flex:0 1 320px;height:28px;min-height:0;max-height:28px;min-width:0;max-width:30vw;margin:0;padding:3px 7px;border:1px solid #415039;border-radius:4px;box-shadow:none;background:#202a20;color:#c1d4b2;font-size:11px;overflow:hidden}
#noticeText{min-width:0;flex:1;white-space:nowrap;overflow:auto;scrollbar-width:none}
#appHeader #noticeDismiss{flex:none;padding:0 4px;margin:0;height:20px;min-height:20px;line-height:18px;border:0;background:transparent;color:inherit;font-size:17px}
#appHeader #notice.error{background:#38211e;border-color:#b77161}
.nle-compare-controls{display:flex;align-items:center;gap:5px}.nle-compare-controls>*{flex:none;white-space:nowrap}.nle-compare-controls label{display:flex;align-items:center;gap:4px;margin:0}
#nle .nle-compare-controls input[type=checkbox]{width:14px!important;height:14px;margin:0!important;accent-color:#c8e99c}
#nle .nle-transport{gap:6px}#nle .nle-transport button{padding:5px 7px;font-size:11px}#mcRange{font-size:10px}#nle .nle-clock{font-size:14px;min-width:76px}
body[data-mode=preview] .nle-footer{display:none}
/* Purple denotes the monitored lane/take, separate from the editing selection. */
.take-grid-card.selected{outline:3px solid #bf8dff;outline-offset:-3px}.take-grid-card.selected .take-grid-pick>b{color:#dec8ff;background:#59348680}
#nle .mc-take-window.lane-preview{outline:3px solid #bf8dff;outline-offset:-3px;z-index:2;box-shadow:inset 0 0 0 5px #613a8a80}
#nle .mc-take-window.lane-preview:after{content:'PREVIEW';position:absolute;right:3px;top:2px;background:#563181;color:#f3eaff;font:bold 8px system-ui;padding:1px 3px;border-radius:2px;pointer-events:none}
/* Unlanded footage has state colors, never a scene's storyboard image. */
#nle [data-media-state=queued]{--state-bg:#24354f;--state-edge:#8197c5}
#nle [data-media-state=preparing]{--state-bg:#54411d;--state-edge:#d6ae56}
#nle [data-media-state=submitting],#nle [data-media-state=running]{--state-bg:#164842;--state-edge:#62cbbd}
#nle [data-media-state=uncertain]{--state-bg:#52391d;--state-edge:#e4ac62}
#nle [data-media-state=failed]{--state-bg:#50262d;--state-edge:#e28591}
#nle [data-media-state=cancelled]{--state-bg:#34363c;--state-edge:#90939d}
#nle [data-media-state]:not([data-media-state=complete]):not([data-media-state=empty]):not([data-media-state='']){background-color:var(--state-bg)!important;border-color:var(--state-edge)}
#nle .mc-take-window[data-media-state]:not([data-media-state=complete]) button{background:transparent!important;color:#e9edf5!important}
#nle .take-grid-card[data-media-state]:not([data-media-state=complete]) .take-grid-screen{background:var(--state-bg,#101613)}
#nle .take-grid-card[data-media-state]:not([data-media-state=complete]) .take-grid-status{color:var(--state-edge,#bacbb3);text-transform:capitalize}
#nle .nle-canvas.up-next>video,#nle .nle-canvas.up-next>img{filter:brightness(.45) saturate(.7)}
@media(max-width:850px){body[data-view=editor] #productionHeading{display:none}#appHeader #nleHistoryToggle{display:none}#appHeader #backProductions{font-size:0;width:28px;padding:4px}#appHeader #backProductions:after{content:'←';font-size:16px}}
#nle .take-grid-pick[aria-pressed=true]{background:transparent;color:#e2e9df}
#nle #mcRange,#nle #mcRemoveDefault{display:none}

#takeGridArchived{flex:none;max-height:40%;overflow:auto;font-size:11px;padding:6px;background:#182019;border:1px solid #394634;border-radius:4px}.take-grid-archived-item{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:4px;border-bottom:1px solid #30392d}.take-grid-archived-item span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#nle .take-grid-archived-item button{font-size:10px;padding:3px 6px}

/* Time selection is independent of editing selection and purple monitored footage. */
.nle-time-range{position:absolute;top:0;bottom:0;background:#70d3ea35;border:2px solid #80d9ee;pointer-events:none;z-index:0}
#nle .range-tool,#nle .range-tool *{cursor:crosshair!important}
.nle-range-actions{display:flex;align-items:center;gap:5px;font-size:10px;color:#9fe2ef}.nle-range-actions>*{white-space:nowrap;flex:none}
.nle-context-menu{position:fixed;z-index:200;display:flex;flex-direction:column;gap:2px;background:#20291f;border:1px solid #586d4e;border-radius:6px;padding:5px;box-shadow:0 6px 24px #000b;min-width:210px}
.nle-context-menu button{font-size:12px;text-align:left;margin:0;padding:7px 10px;border:0;background:transparent;color:#e4efdc;border-radius:3px}.nle-context-menu button:hover,.nle-context-menu button:focus-visible{background:#425839;outline:none}.nle-context-menu button:disabled{opacity:.4}
#nleRuler,#nleSections,#nleGuides{touch-action:none}

#analysisJobs>div{padding:6px 0;border-bottom:1px solid #30362d}#audioMonitor{max-width:135px}#analysisJobs button{font-size:11px;padding:3px 8px}.analysis-error{color:#eea892}

/* The song is one continuous background behind sections and beats. */
#nle #nleWave{position:absolute;left:0;z-index:0;pointer-events:none;background:transparent;border:0;opacity:.5;overflow:hidden}
#nleSections,#nleGuides{z-index:1;background:transparent;cursor:crosshair}
#nle .nle-section-marker,#nleGuides .plan-beat{text-shadow:0 1px 3px #071007,0 0 3px #071007}
#nleGuides .plan-beat{color:#c7dabb}

/* Vocals share the overlays track; the cue strip stays separate from draggable clips. */
#nleOverlayTrack{position:relative;background:#201c2b;overflow:hidden;--vocal-cue-height:0px}
#nle #nleOverlays{position:relative;height:calc(100% - var(--vocal-cue-height));min-height:0;background:transparent;z-index:1}
#nleVocal{position:absolute;inset:0;pointer-events:none;opacity:.55;overflow:hidden}
#nleVocal svg{position:absolute;inset:4px 0;width:100%;height:calc(100% - 8px)}
#nleVocalCues{position:absolute;left:0;right:0;bottom:4px;height:calc(var(--vocal-cue-height) - 4px);overflow:hidden;z-index:2;background:#18131de0}
#nle .vocal-cue{position:absolute;top:0;bottom:0;margin:0;padding:0 3px;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font:10px system-ui;background:#372a45;color:#eddefb;border:0;border-left:1px solid #b187d5;border-radius:2px;text-align:left}
#nle .vocal-cue.word{background:#251d2f;text-overflow:clip}
#nle .vocal-cue.low-confidence{border-color:#dfa85a;background:#47351f}
#nle .vocal-cue.transcribed{border-bottom:1px dashed #e5c897}
#nle .vocal-cue:hover,#nle .vocal-cue:focus-visible{background:#624779;outline:1px solid #e0c8f2;outline-offset:-1px}
#nleOverlayTrack:has(#nleVocal:not([hidden])) .nle-overlay-item:not(.selected){background:#57456bd9}
.mc-placement.sync-unlocked{outline:1px dashed #d8b36a;outline-offset:-2px}
.nle-overlays-toggle{display:flex;align-items:center;gap:6px;cursor:pointer}.nle-overlays-toggle input{width:auto;margin:0}#nleOverlayTrack.overlays-off .nle-overlay-item{opacity:.35}