/* V5 working canvas; scoped to the monitor's empty state. */
#monitor-empty{padding:0;display:block;overflow:auto;text-align:left;background:radial-gradient(ellipse at 16% 0%,#15334690,transparent 55%),radial-gradient(ellipse at 95% 90%,#35206070,transparent 58%),#090e19}
#monitor-empty.is-hidden{display:none}
.workflow-canvas{min-height:100%;padding:clamp(16px,2vw,30px);display:flex;flex-direction:column;justify-content:center;gap:18px;box-sizing:border-box;color:#eaf1ff}
.workflow-kicker{font:600 10px/1.5 system-ui;letter-spacing:.18em;color:#6adeee}
.workflow-canvas-heading h3{font:650 clamp(22px,2.2vw,34px)/1.16 system-ui;margin:7px 0 9px;letter-spacing:-.035em;overflow-wrap:anywhere}
.workflow-canvas-heading p{font:13px/1.55 system-ui;color:#a4b1c8;margin:0;max-width:670px}
.workflow-canvas-frames{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;min-height:130px}
.workflow-canvas-frames figure{position:relative;min-width:0;margin:0;overflow:hidden;border-radius:12px;border:1px solid #4b648455;background:#111c2e;aspect-ratio:1.52}
.workflow-canvas-frames img{width:100%;height:100%;object-fit:cover;display:block;filter:brightness(.83)}
.workflow-canvas-frames figcaption{position:absolute;inset:auto 0 0;padding:28px 12px 12px;background:linear-gradient(transparent,#050911ef);color:#d2e2f4;font:9px/1.6 system-ui;letter-spacing:.08em}
.workflow-canvas-frames figcaption strong{display:block;font:600 clamp(12px,1.1vw,16px)/1.2 system-ui;letter-spacing:0;color:white}
.workflow-scene-note{min-width:0;padding:16px;border:1px solid #4f85a34a;border-radius:12px;background:linear-gradient(145deg,#14314488,#20173066);position:relative;overflow:hidden}
.workflow-scene-note span{display:block;color:#92daeb;font:600 10px/1.5 system-ui;letter-spacing:.09em}
.workflow-scene-note b{display:block;font:200 38px/1.4 system-ui;color:#8eafff}
.workflow-scene-note p{font:12px/1.5 system-ui;color:#dee5f4;margin:5px 0 12px;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.workflow-scene-note small{font:10px/1.4 system-ui;color:#98aac0}
.workflow-canvas-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}
.workflow-canvas-steps button{min-width:0;text-align:left;padding:10px 8px;background:#0d1828;border:1px solid #34455f;border-radius:9px;color:#dae6f7;cursor:pointer}
.workflow-canvas-steps button:disabled{opacity:.65;cursor:default}
.workflow-canvas-steps button.is-ready{border-color:#3cc6c077;background:#14302b77}
.workflow-canvas-steps button span{font:500 10px/1.5 system-ui;color:#86a1c6;display:block;margin-bottom:5px}
.workflow-canvas-steps button.is-ready span{color:#68e0bf}
.workflow-canvas-steps strong{font:600 11px/1.4 system-ui;display:block}
.workflow-canvas-steps small{font:10px/1.4 system-ui;display:block;color:#a8b8cf;margin-top:4px}
.workflow-canvas :is(button,a):focus-visible{outline:2px solid #78eaff;outline-offset:3px}
.workflow-canvas-footer{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;padding-bottom:12px}
.workflow-canvas-footer p{font:12px/1.6 system-ui;color:#b5c5dc;flex:1 1 220px;margin:0}
.workflow-canvas-footer>div{display:flex;flex-wrap:wrap;gap:8px}
.workflow-canvas-footer .button{font-size:11px;min-height:34px;text-decoration:none}
@media(max-width:1100px){.workflow-canvas{gap:12px;padding:16px}.workflow-canvas-frames figcaption{padding:20px 8px 8px}.workflow-canvas-steps{grid-template-columns:repeat(3,minmax(0,1fr))}.workflow-canvas-steps small{font-size:9px}}
@media(max-width:550px){.workflow-canvas{padding:14px}.workflow-canvas-frames{gap:6px;min-height:105px}.workflow-canvas-frames figure{aspect-ratio:.8}.workflow-canvas-frames figcaption{font-size:7px}.workflow-scene-note{padding:10px}.workflow-scene-note p{font-size:11px}.workflow-scene-note span{font-size:8px}.workflow-scene-note small{font-size:9px}.workflow-canvas-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.workflow-canvas-steps button:last-child{grid-column:span 2}.workflow-canvas-heading h3{font-size:24px}}
@media(max-width:550px){.workflow-canvas-heading{padding-top:20px}.workflow-kicker{font-size:9px;letter-spacing:.1em}}
/* Scene workbench uses real plan/asset state; slates are never rendered-scene claims. */
.workflow-canvas.has-scene-plan{justify-content:flex-start;gap:10px;padding:18px}
.has-scene-plan .workflow-canvas-heading h3{font-size:22px;margin:5px 0}.has-scene-plan .workflow-canvas-heading p{font-size:11px}
.has-scene-plan .workflow-canvas-frames{display:none}.has-scene-plan .workflow-canvas-steps{gap:5px}.has-scene-plan .workflow-canvas-steps button{padding:7px}.has-scene-plan .workflow-canvas-steps button span{display:none}.has-scene-plan .workflow-canvas-footer{padding-bottom:0}.has-scene-plan .workflow-canvas-footer p{font-size:11px}
#scene-workbench[hidden]{display:none}#scene-workbench{min-width:0;color:#e9eef9}
.scene-workbench-bar{display:flex;justify-content:space-between;gap:12px;align-items:center;font:9px/1.5 system-ui;letter-spacing:.08em;color:#91a9bd;margin-bottom:10px}.scene-workbench-bar b{display:block;color:#f0f6ff;font:600 13px/1.6 system-ui;letter-spacing:0}.scene-workbench-bar i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#7ce6d0;box-shadow:0 0 12px #7ce6d0;margin-right:5px}
.scene-workbench-main{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(225px,1fr);gap:12px;min-height:275px}.scene-stage{position:relative;min-width:0;min-height:260px;overflow:hidden;border-radius:12px;border:1px solid #65799366;background:linear-gradient(125deg,#18384d,#172139 50%,#352a42)}
.scene-stage:before{content:'';position:absolute;inset:12px;border:1px solid #a4d0df25;pointer-events:none}.scene-stage img{width:100%;height:100%;position:absolute;inset:0;object-fit:contain;background:#070c13}.scene-reference-label{position:absolute;top:12px;left:12px;right:12px;font:8px/1.6 system-ui;color:#e1d7b2;background:#09111bcd;padding:5px}
.scene-shot-slate{padding:25px 20px 105px;background:radial-gradient(ellipse at 30% 15%,#317b9166,transparent 70%)}.scene-shot-slate>span{font:200 40px/1.3 system-ui;color:#a9d9ec}.scene-shot-slate strong{display:block;font:500 15px/1.4 system-ui;margin:14px 0 9px;max-width:250px}.scene-shot-slate p{font:12px/1.5 system-ui;color:#a9bdd4;max-width:230px}.scene-shot-slate small{font:9px/1.5 system-ui;color:#aac1d3}
.scene-stage-caption{position:absolute;inset:auto 0 0;padding:34px 16px 14px;background:linear-gradient(transparent,#080e1aec)}.scene-stage-caption>span{font:10px/1.5 ui-monospace,monospace;color:#97d7e1}.scene-stage-caption h4{font:500 14px/1.4 system-ui;margin:7px 0 0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.scene-inspector{min-width:0;max-height:360px;overflow:auto;padding:12px;background:#0b1220;border:1px solid #39496088;border-radius:12px}.scene-inspector-top{display:flex;justify-content:space-between;font:600 12px/1.4 system-ui}.scene-inspector-top span{font:9px/1.4 system-ui;border:1px solid #60849b66;border-radius:12px;padding:2px 7px;color:#a3dacd}.scene-story-action{font:12px/1.65 system-ui;color:#c6d2e6;margin:12px 0}.scene-inspector dl{margin:10px 0;display:grid;gap:7px}.scene-inspector dl div{display:grid;grid-template-columns:47px 1fr;gap:7px;font:10px/1.55 system-ui}.scene-inspector dt{color:#7e91af}.scene-inspector dd{margin:0;color:#cbd8ec}.scene-inspector blockquote{margin:10px 0;padding:8px 10px;border-left:2px solid #b998f4;background:#29203b70;font:11px/1.5 system-ui;color:#d9c7f5}.scene-inspector details{font:10px/1.6 system-ui;color:#adbbd2;margin:10px 0}.scene-inspector summary{cursor:pointer;color:#9ed7e6}.scene-inspector label{display:block;font:10px/1.5 system-ui;color:#aabbd2;margin-top:12px}.scene-inspector textarea{display:block;width:100%;box-sizing:border-box;margin:6px 0 9px;padding:9px;border:1px solid #4c5b78;border-radius:7px;background:#101b2c;color:#eaf0fb;font:11px/1.5 system-ui;resize:vertical;min-height:65px}.scene-inspector .button{font-size:10px;width:100%;min-height:32px}.scene-edit-note{display:block;margin-top:8px;font:9px/1.5 system-ui;color:#92a3be}
.scene-filmstrip{display:flex;gap:7px;overflow:auto;max-width:100%;padding:12px 1px 7px;scroll-snap-type:x proximity}.scene-filmstrip button{flex:0 0 108px;min-width:0;text-align:left;background:#111c2d;border:1px solid #344760;border-radius:8px;color:#d6e3f5;padding:0;overflow:hidden;cursor:pointer;scroll-snap-align:start}.scene-filmstrip button[aria-pressed=true]{border-color:#71ded7;box-shadow:0 0 0 1px #71ded755;background:#15312f}.scene-filmstrip img{display:block;width:100%;height:56px;object-fit:cover}.scene-strip-slate{display:block;height:56px;box-sizing:border-box;padding:10px;font:200 25px/1.4 system-ui;color:#9eb8e0;background:linear-gradient(130deg,#244154,#30233e)}.scene-filmstrip strong{display:block;font:500 10px/1.45 system-ui;padding:6px 7px 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.scene-filmstrip small{display:block;padding:0 7px 7px;font:9px/1.5 ui-monospace,monospace;color:#9caec7}.scene-workbench-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:5px}.scene-workbench-footer .button{font-size:10px;min-height:28px}.scene-workbench-footer>span{font:9px/1.5 system-ui;color:#9eafc8;text-align:right}
#lane-video [data-scene-select]{cursor:pointer}#lane-video .is-selected{outline:2px solid #75fff1;outline-offset:-2px;z-index:2}#lane-video [role=button]:focus-visible{outline:2px solid white;z-index:3}#timeline-ruler{cursor:crosshair}
@media(max-width:1100px){.scene-workbench-main{grid-template-columns:minmax(0,1fr)}.scene-stage{min-height:230px}.scene-inspector{max-height:290px}.scene-shot-slate{padding-bottom:80px}.scene-workbench-bar{font-size:8px}.scene-workbench-footer{flex-wrap:wrap}.scene-workbench-footer>span{text-align:left}}
@media(max-width:550px){.workflow-canvas.has-scene-plan{padding:12px}.has-scene-plan .workflow-canvas-heading{padding-top:16px}.scene-workbench-main{gap:8px}.scene-stage{min-height:240px}.scene-inspector{max-height:320px}.scene-filmstrip button{flex-basis:100px}.scene-workbench-bar>span:last-child{white-space:nowrap}}
@media(min-width:1101px){.has-scene-plan .workflow-canvas-steps,.has-scene-plan .workflow-canvas-footer{display:none}.scene-workbench-main{min-height:220px}.scene-stage{height:220px;min-height:220px}.scene-inspector{height:220px;max-height:220px;box-sizing:border-box}.scene-shot-slate{padding:16px 18px 70px}.scene-shot-slate>span{font-size:28px}.scene-shot-slate strong{font-size:13px;margin:8px 0}.scene-shot-slate p{font-size:11px;margin:6px 0}.scene-stage-caption h4{-webkit-line-clamp:2;font-size:12px}.scene-stage-caption{padding:25px 14px 12px}}

.scene-filmstrip button{position:relative}.scene-strip-reference{position:absolute;top:5px;right:5px;border-radius:3px;background:#071322dc;color:#afecf5;font-size:8px;padding:2px 4px;font-style:normal;letter-spacing:.06em}.scene-stage>img{object-fit:contain;background:#080e1b}

/* The imported-song inspector has one brief and one planning action. */
#song-creation-controls,#video-advanced-controls,#video-revision-controls{display:grid;gap:12px;min-width:0}
.studio-shell [hidden],#video-wallet-help.is-hidden{display:none!important}
.quick-director-hint{display:block;color:#acbcd7;line-height:1.5}
[data-director-mode="advanced"] .quick-director-hint{display:none}
[data-director-mode="quick"][data-song-loaded="true"] .video-direction-card>summary{display:none}
[data-director-mode="quick"][data-song-loaded="true"] #direct-video,
[data-director-mode="quick"][data-song-loaded="true"] #studio-free-visualizer{display:none}
#video-plan-status{padding:12px;border:1px solid #5964aa;border-radius:10px;line-height:1.5;color:#e8efff}

#video-direction-card>p{font-size:12px;line-height:1.5}
#video-direction-card>.consent-option{display:flex;gap:9px;align-items:flex-start;margin:12px 0;font-size:13px}
#video-direction-card>.consent-option input{flex:0 0 auto;width:16px;height:16px;margin-top:3px}
#video-direction-card>.consent-option strong,#video-direction-card>.consent-option small{display:block;line-height:1.5}
#video-direction-card>.consent-option small{font-size:11px;color:#acbcd7}
#progress-fill{min-width:0}

.studio-song-picker{padding:14px;border:1px solid #3d4673;border-radius:10px;background:#10182b}
.studio-song-picker h3{margin:0 0 10px;font-size:16px}.studio-song-picker p{font-size:13px;line-height:1.5;color:#bac8df}
#studio-song-status{overflow-wrap:anywhere}.song-waveform{position:absolute;inset:4px 0;height:30px;width:100%;pointer-events:none}.song-waveform path{stroke:#7dffd5;stroke-width:1;fill:none}

[data-song-loaded="true"] .studio-song-picker>p:not(#studio-song-status),[data-song-loaded="true"] #studio-import-status{display:none}
[data-song-loaded="true"] .studio-song-picker{padding:10px}
[data-director-mode="quick"] #activity-log{display:none}
.studio-song-picker #studio-song-status{margin-bottom:0}

.director-planning{margin:20px 0;padding:20px;border:1px solid #6159ac;border-radius:16px;background:linear-gradient(125deg,#142734,#211739);color:#e7edff}
.director-planning-header{display:flex;align-items:center;gap:12px}.director-planning-header time{margin-left:auto;font-variant-numeric:tabular-nums;color:#a8bcdb}
.director-pulse{width:14px;height:14px;border-radius:50%;background:#82e1f4;box-shadow:0 0 0 7px #82e1f420;animation:director-breathe 1.8s ease-in-out infinite}
.director-planning ol{display:flex;flex-wrap:wrap;gap:12px;padding:0;list-style:none;margin:22px 0}
.director-planning li{display:flex;gap:7px;align-items:center;color:#93a2b8;font-size:12px}.director-planning li span{display:grid;place-items:center;border:1px solid #53647b;width:23px;height:23px;border-radius:50%}
.director-planning li.is-active{color:#fff}.director-planning li.is-active span{background:#7057ef;border-color:#ac9cff}.director-planning li.is-done{color:#85ebc0}
.director-planning p{color:#afc0d7;font-size:13px;line-height:1.5;margin-bottom:0}.director-story-draft b{display:block;color:#dbe9ff;margin-bottom:6px}
@keyframes director-breathe{50%{box-shadow:0 0 0 12px #82e1f405;opacity:.55}}
@media(prefers-reduced-motion:reduce){.director-pulse{animation:none}}

#video-plan-status.is-planning::before{content:'';display:inline-block;width:10px;height:10px;margin-right:9px;border-radius:50%;background:#82e1f4;animation:director-breathe 1.8s ease-in-out infinite}
@media(prefers-reduced-motion:reduce){#video-plan-status.is-planning::before{animation:none}}

/* Activity stays above the preview, including while character review is open. */
.studio-work-progress,.zone-monitor>.director-planning{flex:0 0 auto;margin:0 0 16px;padding:18px;border:1px solid #786bd2;border-radius:14px;background:linear-gradient(120deg,#201c3d,#10252f);color:#f4f1ff}
.studio-work-progress[hidden],.zone-monitor>.director-planning[hidden]{display:none}
.studio-work-heading{display:flex;align-items:center;gap:14px}
.studio-work-heading h3{margin:5px 0;font-size:19px;line-height:1.35;letter-spacing:normal;text-transform:none}
.studio-work-progress p{font-size:14px;line-height:1.55;color:#cfdbeb;margin:12px 0}
.studio-work-progress progress{width:100%;height:12px;accent-color:#b09bff}
.studio-work-progress progress[hidden]{display:none}
.director-wave{display:flex;align-items:center;justify-content:center;gap:4px;flex:0 0 48px;height:48px;border-radius:50%;background:#a38aff20}
.director-wave i{width:4px;height:24px;border-radius:4px;background:linear-gradient(#d1b8ff,#58dce7);animation:director-wave 1.15s ease-in-out infinite alternate;transform-origin:center}
.director-wave i:nth-child(2){animation-delay:-.3s}.director-wave i:nth-child(3){animation-delay:-.6s}.director-wave i:nth-child(4){animation-delay:-.15s}.director-wave i:nth-child(5){animation-delay:-.45s}
@keyframes director-wave{from{transform:scaleY(.25);opacity:.5}to{transform:scaleY(1);opacity:1}}
.studio-work-progress[data-working="false"] .director-wave i{animation:none;height:12px}
.studio-work-thumbnails{display:flex;gap:10px;margin:12px 0;overflow:hidden}
.studio-work-thumbnails:empty{display:none}
.studio-work-thumbnails button{flex:1;min-width:0;max-width:160px;border:1px solid #75668e;border-radius:8px;background:#101827;color:#fff;padding:0;overflow:hidden;cursor:pointer;min-height:44px}
.studio-work-thumbnails img{display:block;width:100%;height:76px;object-fit:cover}.studio-work-thumbnails span{display:block;padding:5px;font-size:12px}
.studio-work-thumbnails button:focus-visible{outline:2px solid #8be8ff;outline-offset:2px}
.studio-work-progress .button{min-height:44px;white-space:normal}
.identity-review-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.identity-review-panel .identity-review-cards img{height:260px}
@media(max-width:600px){.identity-review-cards{grid-template-columns:1fr}.studio-work-progress,.zone-monitor>.director-planning{padding:14px}.studio-work-heading h3{font-size:17px}}
@media(prefers-reduced-motion:reduce){.director-wave i{animation:none;transform:none}}
#studio-scene-gallery{width:min(1160px,94vw);max-height:88vh;box-sizing:border-box;overflow:auto;padding:24px;background:#101827;color:#f2f5ff;border:1px solid #7765ae;border-radius:16px}
#studio-scene-gallery::backdrop{background:#040810d9}
.studio-gallery-heading{display:flex;justify-content:space-between;align-items:start;gap:16px}.studio-gallery-heading h2{margin:0;font-size:22px}
#studio-scene-gallery p{color:#bacce3;line-height:1.5}.studio-gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.studio-gallery-grid figure{margin:0;min-width:0}.studio-gallery-grid button{display:block;width:100%;padding:0;background:#080c15;border:1px solid #546477;border-radius:8px;overflow:hidden;cursor:zoom-in}.studio-gallery-grid img{display:block;width:100%;aspect-ratio:16/9;object-fit:contain}.studio-gallery-grid figcaption{font:13px/1.5 system-ui;padding:8px 0}.studio-gallery-grid figcaption span{display:block;color:#c2cedd;margin-top:4px}.studio-gallery-footer{margin-top:20px;border-top:1px solid #4b5066;padding-top:12px}
#studio-scene-gallery .button{min-height:44px;white-space:normal}
@media(max-width:820px){.studio-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#studio-scene-gallery{padding:16px}}
@media(max-width:480px){.studio-gallery-grid{grid-template-columns:1fr}.studio-gallery-heading{flex-direction:column}}
#studio-render-readiness[hidden],#studio-preview-note[hidden]{display:none}
#studio-render-readiness h3{font-size:18px;margin:0 0 10px;line-height:1.4}
#studio-render-readiness li{margin:8px 0;overflow-wrap:anywhere}
#studio-render-readiness details{margin-top:14px}

/* Keep screenplay text readable inside the workflow canvas heading styles. */
#scene-workbench strong,#scene-workbench h4{letter-spacing:normal;text-transform:none}
#scene-workbench .scene-shot-slate strong{font:500 14px/1.5 system-ui;max-width:none;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
#scene-workbench .scene-shot-slate p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

/* Uses the monitor's existing scroll container, never a nested scroller. */
.production-job-review{min-width:0;flex:0 0 auto;margin-top:12px;padding:14px 16px;border:1px solid #33425c;border-radius:12px;background:#101827;color:#e4edff;font-size:13px;line-height:1.6}
.production-job-review summary{cursor:pointer;font-weight:600;color:#d5caff}
.production-job-review p{margin:10px 0;overflow-wrap:anywhere}
.production-job-review small{display:block;margin-top:12px;color:#b4c4de}
.production-job-list{display:grid;gap:8px;padding:0;list-style:none}
.production-job-list li{display:flex;flex-wrap:wrap;gap:6px 18px;padding:8px 0;border-bottom:1px solid #29354b;overflow-wrap:anywhere}
.production-job-list span{color:#b4c4de;font-variant-numeric:tabular-nums}
#studio-project-checkout[hidden]{display:none}
.production-job-review button{min-height:44px;max-width:100%;white-space:normal;margin:6px 8px 0 0;padding:10px 14px;border:1px solid #635bb6;border-radius:9px;background:#292347;color:#f2edff;font:600 13px/1.4 system-ui;cursor:pointer}
.production-job-review button:first-of-type{background:linear-gradient(120deg,#7252fb,#3838b5)}
.production-job-review button:focus-visible{outline:2px solid #8be8ff;outline-offset:3px}