/* Cinematic production studio. The room is a backdrop; every label and status is live UI. */
body:has(.cinema-mode){height:auto;min-height:100vh;overflow:auto;background:radial-gradient(ellipse at 50% -10%,#163049 0%,#081421 42%,#050c14 100%);color:#e0edf7}
body:has(.cinema-mode) .topbar{display:grid;grid-template-columns:240px minmax(0,1fr) auto;grid-template-areas:"brand nav tools";align-items:center;gap:14px;padding:10px 16px;background:rgba(5,15,25,.97);border-bottom:1px solid #345066;box-shadow:0 4px 26px #0005;backdrop-filter:blur(12px)}
body:has(.cinema-mode) .brand{grid-area:brand;min-width:0;gap:9px}
body:has(.cinema-mode) .brand-title{font-size:18px;letter-spacing:1px;white-space:nowrap;color:#dfeeff}
body:has(.cinema-mode) .brand-sub{font-size:9px;letter-spacing:1.2px;color:#7795b0}
body:has(.cinema-mode) .top-right{grid-area:tools;max-width:520px;gap:5px}
body:has(.cinema-mode) .top-right .btn,body:has(.cinema-mode) .top-right .pill{font-size:10px;padding:4px 7px}
body:has(.cinema-mode) .top-right .lang-sel{font-size:10px;padding:5px;width:auto;max-width:86px}
body:has(.cinema-mode) .studio-nav{grid-area:nav;gap:3px;align-self:stretch;align-items:stretch;margin:-10px 0;min-height:56px;scrollbar-width:none}
body:has(.cinema-mode) .studio-nav button{display:flex;align-items:center;justify-content:center;gap:5px;min-height:56px;padding:0 13px;border-radius:0;font-size:13px;letter-spacing:1px;color:#acc1d4}
body:has(.cinema-mode) .studio-nav-icon{margin:0;font-size:14px}
body:has(.cinema-mode) .studio-nav button.active{color:#e0f9ff;background:linear-gradient(180deg,#1759750c,#17597533);text-shadow:0 0 12px #80dffb55}
body:has(.cinema-mode) .studio-nav button.active:after{height:2px;left:12px;right:12px;background:#66deff;box-shadow:0 0 10px #61d4fc88}
body:has(.cinema-mode) .studio-overview{padding:10px 16px;min-height:44px;background:#07111b99;border-bottom:1px solid #1f3548}
body:has(.cinema-mode) .studio-eyebrow{font-size:9px;letter-spacing:1.6px;color:#6697b8}
body:has(.cinema-mode) #studioProjectName{font-size:17px;color:#d4e9f6}
body:has(.cinema-mode) .studio-summary strong{font-size:16px;color:#77d8df}
body:has(.cinema-mode) .studio-summary .error strong{color:#f299a1}
body:has(.cinema-mode) .studio-summary .attention strong{color:#edc382}
body:has(.cinema-mode) .studio-summary>div{font-size:10px;padding:0 13px;border-color:#274252}
.cinema-mode.grid{display:grid;grid-template-columns:200px minmax(0,1fr) 310px;grid-template-rows:auto;gap:10px;padding:12px 12px 14px;flex:none;min-height:0;isolation:isolate;align-items:stretch}
.cinema-mode>.studio-floor{grid-column:2;grid-row:1;min-width:0;min-height:0;height:auto;overflow:visible;gap:9px}
.cinema-mode>.studio-projects{grid-column:1;grid-row:1;display:flex;align-self:stretch;min-width:0;min-height:0;max-height:none;height:auto;overflow:auto;gap:0;margin:0;padding:0;background:linear-gradient(180deg,#0b1b2aee,#07131fee);border:1px solid #2c475b;border-radius:7px;box-shadow:0 10px 26px #0003}
.cinema-mode>.studio-projects>.panel{background:transparent;border:0;border-bottom:1px solid #243d50;border-radius:0;box-shadow:none;padding:13px 11px}
.cinema-mode>.studio-projects>.panel:last-child{border-bottom:0}
.cinema-mode .studio-projects .panel-h{font-size:13px;letter-spacing:.6px;color:#bfd8e9;margin-bottom:11px}
.cinema-mode .studio-projects #projectSel{background:#0a1b29;border:1px solid #335269;border-radius:5px;padding:9px 7px;color:#dbedf6;font-size:12px}
.cinema-mode .studio-projects .btn{border-radius:4px;font-size:10px;min-height:28px;padding:4px 7px}
.cinema-mode .studio-projects .btn.ghost{background:#10223233;border-color:#304b61}
.cinema-mode .studio-projects .trend-list.compact{max-height:430px;overflow:auto}
.cinema-mode .studio-projects .trend-summary{font-size:10px;line-height:1.7;color:#829fb4}
.cinema-mode .studio-projects .spec{font-size:10px;color:#a8bed0}
.cinema-mode>.studio-inspector{grid-column:3;grid-row:1;display:flex;align-self:stretch;gap:10px;margin:0;min-width:0;min-height:0;max-height:none;height:auto;padding:10px;overflow:visible;background:linear-gradient(180deg,#0b1d2dee,#071522ee);border:1px solid #2e4a5e;border-radius:7px;box-shadow:0 10px 26px #0003}
.cinema-mode .studio-inspector>.panel{box-shadow:none;background:transparent}
.cinema-mode .studio-crew,.cinema-mode .studio-timeline{display:none}
.cinema-mode #hubPanel{display:flex;align-items:center;flex-wrap:wrap;gap:7px 10px;flex:none;min-height:48px;padding:8px 10px;border:1px solid #2a485d;border-radius:6px;background:linear-gradient(105deg,#102739,#0b1c2c);box-shadow:inset 0 1px #81c4dd08}
.cinema-mode .hub-top{display:none}
.cinema-mode .hub-progress{display:flex;flex:1 1 140px;min-width:0;max-width:230px;gap:7px;margin:0;padding:0;border:0}
.cinema-mode .hub-progress>.row:first-child,.cinema-mode .hub-progress>.bar,.cinema-mode .hub-progress>.row.mt6{display:none}
.cinema-mode .hub-progress>.row.mt4{display:flex;flex:1;min-width:0;gap:7px;margin:0;align-items:center}
.cinema-mode .hub-progress>.row.mt4>span:first-child{display:none}
.cinema-mode #curTask{font-size:10px;line-height:1.55;max-height:32px;color:#7cbdd6;text-align:left}
.cinema-mode .hub-controls{display:flex;flex:1 1 auto;flex-wrap:wrap;align-items:center;gap:6px 8px;margin:0;padding:0;border:0}
.cinema-mode .hub-controls>.btn{font-size:11px;min-height:28px;padding:4px 8px;border-radius:4px}
.cinema-mode .hub-controls>.chk{font-size:10px;gap:3px}
.cinema-mode .hub-controls .num{width:42px!important;font-size:10px;padding:2px 4px}
.cinema-mode .hub-controls>#estText{font-size:9px;color:#8aabc0}
.cinema-stage{display:flex;flex-direction:column;flex:none;gap:7px;min-width:0;min-height:0;position:relative}
.cinema-stage[hidden]{display:none}
.cinema-controls{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;padding:1px 1px 3px;min-height:28px;flex:none}
.cinema-brand{display:flex;align-items:center;gap:7px;min-width:0;color:#b8d4e5}
.cinema-brand b{font-size:11px;letter-spacing:2px;font-weight:650}
.cinema-brand>span:last-child{font-size:9px;letter-spacing:.6px;color:#6c94ad}
.cinema-live-dot{display:block;width:5px;height:5px;border-radius:50%;flex:none;background:#4da0b5;box-shadow:0 0 6px #48a7ba44}
.cinema-tools{display:flex;align-items:center;gap:4px;flex-wrap:wrap;justify-content:flex-end}
.cinema-controls button,.cinema-controls .btn{min-height:25px;padding:3px 7px;border:1px solid #304e64;border-radius:4px;background:#0c2030;color:#9ac1d8;font:inherit;font-size:10px;cursor:pointer;white-space:nowrap}
.cinema-controls button:hover{color:#d6f6ff;border-color:#72a8c6;background:#17354b}
.cinema-controls button:disabled{opacity:.4;cursor:not-allowed}
.cinema-controls #cinemaZoomOut,.cinema-controls #cinemaZoomIn{min-width:25px;font:15px/1 var(--mono);padding:3px 6px}
.cinema-controls #cinemaInspectCurrent{color:#a3e7e0;border-color:#3e7178;background:#173840}
.cinema-controls #cinemaClassic{color:#7898af;background:transparent;font-size:9px}
.cinema-controls #cinemaProjects{display:none}
.cinema-stage-rail{display:flex;align-items:center;justify-content:space-between;gap:6px;flex:none;min-height:37px;padding:6px 10px;border:1px solid #25465f;border-radius:5px;background:linear-gradient(90deg,#091d2d,#101f30);overflow-x:auto;scrollbar-width:thin}
.cinema-stage-rail>button,.cinema-stage-step,.stage-rail-item{display:flex;align-items:center;justify-content:center;gap:6px;flex:1 0 auto;position:relative;padding:3px 4px;border:0;background:transparent;color:#6f8ea7;font:inherit;font-size:10px;white-space:nowrap}
.cinema-stage-rail>button:not(:last-child):after,.cinema-stage-step:not(:last-child):after,.stage-rail-item:not(:last-child):after{content:"";width:19px;height:2px;margin-left:5px;background:#2e4559;border-radius:4px}
.stage-rail-dot{width:11px;height:11px;border-radius:50%;border:1px solid #39556e;background:#172b3e;box-shadow:inset 0 0 0 2px #0d1928;flex:none}
.cinema-stage-rail .done,.cinema-stage-rail .passed{color:#b4d8d4}
.cinema-stage-rail .done .stage-rail-dot,.cinema-stage-rail .passed .stage-rail-dot{background:#60d5b5;border-color:#77e1c5;box-shadow:0 0 7px #58caae55}
.cinema-stage-rail .running,.cinema-stage-rail .active{color:#d2f8ff;text-shadow:0 0 8px #51c8e955}
.cinema-stage-rail .running .stage-rail-dot,.cinema-stage-rail .active .stage-rail-dot{background:#5cdaed;border-color:#b1f3ff;box-shadow:0 0 0 3px #2696bb33,0 0 9px #7ae1ff77}
.cinema-stage-rail .error{color:#e6a4ad}
.cinema-departments{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;flex:none;min-width:0}
.cinema-department{--department-color:#68cce3;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:2px 4px;min-height:40px;padding:5px 7px;position:relative;overflow:hidden;border:1px solid #29495e;border-radius:4px;background:linear-gradient(150deg,#0e2637,#0c1b2b);color:#bcd2e4;text-align:left;font:inherit;cursor:pointer;box-shadow:inset 0 1px #7bbacf08}
.cinema-department:nth-child(2){--department-color:#7bbdda}.cinema-department:nth-child(3){--department-color:#b89bea}.cinema-department:nth-child(4){--department-color:#74cde5}.cinema-department:nth-child(5){--department-color:#84bce4}.cinema-department:nth-child(6){--department-color:#82c8d0}.cinema-department:nth-child(7){--department-color:#dfbb7a}
.cinema-department:hover,.cinema-department:focus-visible{border-color:var(--department-color);background:#163b50}
.cinema-department.working,.cinema-department.active{border-color:#5097ae;box-shadow:inset 0 0 18px #468da91a,0 0 8px #4399b51a}
.cinema-department.error{border-color:#956775}
.department-label{min-width:0;font-size:10px;font-weight:650;letter-spacing:.2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.department-state{grid-column:1;min-width:0;font-size:8px;line-height:1.4;color:#718fa7;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.department-count{grid-column:2;grid-row:1/3;align-self:center;font-family:var(--mono);font-size:11px;color:var(--department-color)}
.department-progress{grid-column:1/-1;height:2px;margin-top:1px;background:#05121e;border-radius:4px;overflow:hidden}
.department-progress>i{display:block;height:100%;background:var(--department-color);transition:width .4s}
.cinema-viewport{display:flex;align-items:center;position:relative;flex:none;min-height:600px;height:clamp(600px,68vh,720px);overflow:auto;border:1px solid #31576e;border-radius:6px;background:radial-gradient(ellipse at 50% 30%,#1d345099,#081522 68%);box-shadow:inset 0 0 40px #02071299,0 0 0 1px #071521,0 10px 30px #0005;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#335b75 #07111d}
.cinema-viewport:focus-visible{outline:2px solid #6ac2db;outline-offset:2px}
.cinema-canvas{position:relative;flex:none;width:calc(1600px * var(--scene-scale-x,var(--scene-scale,1)));height:calc(1000px * var(--scene-scale-y,var(--scene-scale,1)));min-width:0;margin:auto}
.cinema-world{position:absolute;left:0;top:0;width:1600px;height:1000px;transform:scale(var(--scene-scale-x,var(--scene-scale,1)),var(--scene-scale-y,var(--scene-scale,1)));transform-origin:0 0;isolation:isolate}
.cinema-viewport>.cinema-world{position:relative;margin:auto}
.cinema-backdrop{position:absolute;inset:0;display:block;width:1600px;height:1000px;object-fit:cover;pointer-events:none;user-select:none;z-index:0}
#cinemaHalo{position:absolute;inset:0;width:1600px;height:1000px;pointer-events:none;z-index:1;mix-blend-mode:screen;opacity:.9}
.cinema-wall{position:absolute;left:42px;top:28px;width:500px;min-height:50px;max-height:78px;z-index:3;padding:8px 13px;border-left:2px solid #6ca8c699;color:#d3e9f5;text-align:left;background:linear-gradient(90deg,#081522ae,#08152200);pointer-events:none;overflow:hidden;text-shadow:0 1px 6px #000}
.cinema-screen-kicker{font-size:10px;letter-spacing:3.5px;line-height:1.4;color:#7ea6c4}
.cinema-screen-task{font-size:22px;font-weight:550;line-height:1.45;letter-spacing:1.6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#cce7f9}
.cinema-screen-sub{font-size:10px;line-height:1.4;margin-top:3px;color:#6f99b7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cinema-screen-stats{display:none}
#cinemaFlows{position:absolute;inset:0;width:1600px;height:1000px;overflow:visible;pointer-events:none;z-index:2}
#cinemaFlows .flow-line{fill:none;stroke:var(--flow-color,#65c7ed);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;opacity:.16}
#cinemaFlows .flow-line.active,#cinemaFlows .flow-line.working{stroke-width:3;opacity:.9;stroke-dasharray:13 10;filter:drop-shadow(0 0 4px var(--flow-color,#76dfff)) drop-shadow(0 0 9px #42c6ef88);animation:cinema-flow 2s linear infinite}
#cinemaFlows .flow-line.done,#cinemaFlows .flow-line.complete{stroke:#5e9ba9;opacity:.35}
#cinemaFlows .flow-dot,#cinemaFlows .flow-particle{fill:var(--flow-color,#a2efff);filter:drop-shadow(0 0 6px #6cd9f3);opacity:.95}
#cinemaStations{position:absolute;inset:0;z-index:4;pointer-events:none}
.cinema-department-station{--station-color:#7dcced;position:absolute;display:grid;grid-template-columns:minmax(0,1fr) auto;align-content:center;align-items:center;gap:2px 9px;width:180px;min-height:68px;padding:9px 12px;transform:translate(-50%,-50%);border:1px solid #67aaca77;border-radius:6px;background:linear-gradient(145deg,#0d2943e6,#061727dc);box-shadow:inset 0 1px #d5f2ff0f,0 5px 15px #0008,0 0 12px #67c3ed14;color:#e1f2ff;text-align:left;font:inherit;cursor:pointer;pointer-events:auto;backdrop-filter:blur(6px);transition:border-color .2s,box-shadow .2s,background .2s;isolation:isolate}
.cinema-department-station:before{content:"";position:absolute;top:-1px;left:20px;right:20px;height:1px;background:linear-gradient(90deg,transparent,var(--station-color),transparent);opacity:.85;pointer-events:none}
.cinema-department-station:hover,.cinema-department-station:focus-visible,.cinema-department-station.selected{border-color:#acddf4;background:linear-gradient(145deg,#194666ed,#0c2641ed);box-shadow:inset 0 0 14px #7ddcff12,0 6px 20px #0009,0 0 16px #70ccec44;z-index:6}
.cinema-department-station:focus-visible{outline:2px solid #b7edff;outline-offset:4px}
.cinema-department-station.working,.cinema-department-station[data-status="working"]{--station-color:#8ae6fa;border-color:#77d7f2aa;box-shadow:inset 0 0 18px #63c8ff0c,0 5px 18px #0009,0 0 15px #78d6fa44}
.cinema-department-station.waiting,.cinema-department-station[data-status="waiting"]{--station-color:#e1bd82;border-color:#b8a37399}
.cinema-department-station.error,.cinema-department-station[data-status="error"]{--station-color:#edb1b8;border-color:#d88d9b99}
.cinema-department-station.director,.cinema-department-station.central{width:230px;min-height:79px;padding:10px 16px;border-color:#76c3ecaa;background:linear-gradient(145deg,#153d5bef,#082441ef);box-shadow:inset 0 1px #dcf4ff22,0 6px 22px #0009,0 0 20px #55aee83d}
.station-title{display:block;font-size:17px;font-weight:650;letter-spacing:1.2px;line-height:1.4;overflow-wrap:anywhere;text-shadow:0 1px 3px #000}
.station-state{grid-column:1;display:flex;align-items:center;gap:5px;min-width:0;font-size:11px;line-height:1.5;color:#98b5cf;overflow-wrap:anywhere}
.station-state:before{content:"";width:5px;height:5px;flex:none;border-radius:50%;background:#54738e;box-shadow:0 0 0 2px #0b2030}
.working .station-state,.cinema-department-station[data-status="working"] .station-state{color:#a5e5f4}
.working .station-state:before,.cinema-department-station[data-status="working"] .station-state:before{background:#7de9ef;box-shadow:0 0 7px #81e2f188;animation:cinema-beacon 2.2s ease-in-out infinite}
.waiting .station-state:before,.cinema-department-station[data-status="waiting"] .station-state:before{background:#e4c087}
.done .station-state:before,.passed .station-state:before{background:#6ec9b2}
.error .station-state:before,.cinema-department-station[data-status="error"] .station-state:before{background:#e69ca8}
.station-count{grid-column:2;grid-row:1/3;align-self:center;font:500 14px/1 var(--mono);color:#85b8d4;white-space:nowrap}
.director .station-title,.central .station-title{font-size:19px;letter-spacing:1.7px}.director .station-state,.central .station-state{font-size:12px}
.cinema-review-station{display:none}
.cinema-legend{display:flex;align-items:center;flex-wrap:wrap;gap:11px;padding:0 3px;flex:none;font-size:9px;line-height:1.5;color:#7298b1}
.cinema-legend>span{display:inline-flex;align-items:center;gap:5px}
.cinema-legend i{display:inline-block;width:4px;height:4px;border-radius:50%;background:#638da6}
.cinema-legend .cyan{background:#76dbe8;box-shadow:0 0 4px #6dcced44}.cinema-legend .amber{background:#d8bd82}.cinema-legend .magenta{background:#76bfe9}
#cinemaSelectionHint{margin-left:auto;color:#587e99;font-size:9px}
.cinema-mode .studio-floor>.logs{flex:0 0 120px;min-height:80px;max-height:180px;padding:9px 11px;border:1px solid #2b4a60;border-radius:6px;background:linear-gradient(135deg,#0b1d2b,#081827);box-shadow:none}
.cinema-mode .logs .panel-h{font-size:12px;margin-bottom:6px;color:#b1cfdf}
.cinema-mode .logs .log-feed{background:#061320c9;border-color:#183950;font-size:10px;line-height:1.65}
.cinema-mode .logs.logs-collapsed,.cinema-mode .logs.collapsed,.cinema-mode .logs.is-collapsed{flex:0 0 auto;min-height:0;max-height:none}
.cinema-mode .logs.logs-collapsed .panel-h,.cinema-mode .logs.collapsed .panel-h,.cinema-mode .logs.is-collapsed .panel-h{margin:0}
.cinema-mode:not(.cinema-logs-open) .studio-floor>.logs{flex:0 0 36px;min-height:36px;max-height:36px;overflow:hidden}
.cinema-mode:not(.cinema-logs-open) .logs .panel-h{margin:0}
.cinema-mode:not(.cinema-logs-open) #logFeed{display:none}
.cinema-mode.cinema-logs-open .studio-floor>.logs{flex:0 0 120px;min-height:120px;max-height:120px}
.cinema-mode.cinema-logs-open #logFeed{display:block}
.cinema-mode .cinema-role-info{flex:none;min-width:0;margin:0;padding:6px 3px 13px;border:0;border-bottom:1px solid #29485c;border-radius:0;background:transparent;font-size:12px;line-height:1.7;overflow-wrap:anywhere}
.cinema-role-info[hidden]{display:none}
.cinema-role-info h3,.cinema-role-info h4{margin:0 0 9px;font-size:20px;font-weight:650;letter-spacing:.8px;color:#dceefa}
.cinema-role-info .small,.cinema-role-info p{margin:5px 0;font-size:12px;line-height:1.75;color:#a2b9ce}
.cinema-role-info .station-outputs{gap:5px;padding:0;margin-top:9px}
.cinema-role-info .station-output{padding:4px 7px;background:#102e43;border-color:#365d75;border-radius:4px;font-size:10px;color:#add9e9}
.cinema-mode .studio-deliverables{flex:1 1 500px;min-height:400px;max-height:none;padding:0!important;border:0;border-radius:0;overflow:hidden}
.cinema-mode .studio-deliverables>.panel-h{padding:5px 2px 11px;border-bottom:1px solid #2b485d;margin:0 0 8px;color:#9fc5dd;font-size:12px;letter-spacing:.6px}
.cinema-mode .studio-output-empty{min-height:240px;padding:20px 14px;margin:0;background:radial-gradient(ellipse,#1c3f541c,#0b1b2a08);border-color:#315268;border-radius:5px;color:#7296b0}
.cinema-mode .studio-output-empty p{font-size:11px;line-height:1.8}
.cinema-mode .studio-output-symbol{color:#658ea8;font-size:32px}
.cinema-mode .studio-output-dock .modal-h{border-top:0;border-bottom:1px solid #2b4a60;border-radius:4px 4px 0 0;background:#13304766;color:#cce3f3;padding:8px;font-size:11px}
.cinema-mode .studio-output-dock .modal-h>.row{flex-wrap:wrap;justify-content:flex-end}
.cinema-mode .studio-output-dock .stage-output-toolbar{padding:9px 3px;border-color:#27485d}
.cinema-mode .studio-output-dock #stageOutputBody{min-height:180px;max-height:690px;padding:9px 0;font-size:11px}
.cinema-mode .studio-output-dock #stageOutputBody img,.cinema-mode .studio-output-dock #stageOutputBody video{max-height:390px;border-radius:4px}
.cinema-mode .stage-output-image-open{padding:5px;background:#0b1a2a;border-color:#31516a;border-radius:5px}
.cinema-mode .stage-output-image-open>span{font-size:10px;color:#83b3cc}
.cinema-mode .studio-output-dock .stage-output-footer{padding:9px 1px;border-color:#2a4a5f}
.cinema-mode .studio-output-dock .stage-output-footer span{font-size:10px;color:#7f9db6}
.cinema-mode #approvalPanel{flex:none;min-height:245px;max-height:470px;margin:0;padding:11px!important;border:1px solid #716348;border-radius:6px;background:linear-gradient(140deg,#322b1b77,#112132);box-shadow:inset 0 1px #e2c78f16}
.cinema-mode #approvalPanel>.panel-h>span{font-size:14px;font-weight:600;letter-spacing:.8px;color:#e5cb89}
.cinema-mode #gateTabs{gap:5px}
.cinema-mode .gate-tab{font-size:9px;gap:3px;background:#172533;border-color:#425265}
.cinema-mode .gate-tab.active{border-color:#b39562;color:#e2cc98}
.cinema-mode .gate-tab .pill{font-size:8px;padding:1px 4px}
.cinema-mode #gateBody{min-height:50px;max-height:240px;font-size:11px;line-height:1.7;color:#b3c1cf}
.cinema-mode .gate-actions{gap:8px}
.cinema-mode .gate-actions textarea{font-size:11px;background:#0b1b29;border-color:#3f5366;border-radius:4px}
.cinema-mode .col-btns .btn{font-size:10px;border-radius:4px;padding:6px 5px}
.cinema-mode .col-btns .btn.success{background:linear-gradient(135deg,#31575b,#296677);border:1px solid #527d81;color:#d0ece7}
.cinema-mode .col-btns .btn.warn{background:linear-gradient(135deg,#695232,#4f432f);border:1px solid #9f8454;color:#ead6a7}
.cinema-mode #cinemaInspectorClose{display:none}
.cinema-mode #cinemaReturn{display:none}
.studio-workspace:not(.cinema-mode) #cinemaStage,.studio-workspace:not(.cinema-mode) #cinemaInspectorClose,.studio-workspace:not(.cinema-mode) #cinemaRoleInfo{display:none}
.cinema-mode:has(.studio-output-dock.expanded){z-index:50}
.cinema-mode .studio-deliverables:has(.studio-output-dock.expanded){z-index:20;overflow:visible}
.cinema-mode .studio-output-dock.expanded #stageOutputBody{max-height:none;padding:20px;font-size:14px}
.cinema-mode .studio-output-dock.expanded #stageOutputBody img,.cinema-mode .studio-output-dock.expanded #stageOutputBody video{max-height:63vh}
.cinema-mode .studio-output-dock.expanded .modal-h{padding:13px 17px;font-size:14px}
.cinema-mode .studio-output-dock.expanded .stage-output-toolbar,.cinema-mode .studio-output-dock.expanded .stage-output-footer{padding:12px 18px}
body:has(.cinema-mode) .company-footer{padding:7px 16px;font-size:9px;color:#6789a4;border-top-color:#244256;background:#07111b}
.cinema-mode #trendList.cinema-trend-list{display:flex;flex-direction:column;gap:0;padding:0;margin-top:9px;max-height:520px}
.cinema-mode .cinema-trend-item{display:flex;align-items:flex-start;gap:7px;padding:10px 0;border-bottom:1px solid #223e51;background:transparent;border-radius:0;min-width:0}
.cinema-mode .cinema-trend-item:last-child{border-bottom:0}
.cinema-mode .cinema-trend-rank{flex:none;display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;margin-top:1px;border:1px solid #47594d;border-radius:3px;background:#35403244;color:#e3c978;font-size:11px;font-weight:600}
.cinema-mode .cinema-trend-item>.tb{min-width:0;flex:1}
.cinema-mode .cinema-trend-title{font-size:11px;line-height:1.7;color:#c0d8e8;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;white-space:normal}
.cinema-mode .cinema-trend-title a{color:inherit;text-decoration:none}.cinema-mode .cinema-trend-title a:hover{color:#8ed9f3;text-decoration:underline}
.cinema-mode .cinema-trend-meta{display:flex;justify-content:space-between;align-items:baseline;gap:4px;flex-wrap:wrap;margin-top:3px;font-size:9px;line-height:1.6;color:#718fa8}
.cinema-mode .cinema-trend-heat{font-size:9px;color:#7cc3db;overflow-wrap:anywhere}
.cinema-mode .cinema-trend-detail{display:flex;align-items:center;gap:3px;flex-wrap:wrap;margin-top:4px;font-size:8px;line-height:1.5;color:#607f98}
.cinema-mode .cinema-trend-detail .tgen{background:#132d4055;border:1px solid #284659;border-radius:3px;padding:0 3px;font-size:8px;color:#7fa6be}
.cinema-mode .cinema-trend-detail .small{font-size:8px}
.cinema-mode .cinema-trend-stale{font-size:8px;color:#af9874}
@keyframes cinema-flow{to{stroke-dashoffset:-92}}
@keyframes cinema-beacon{50%{box-shadow:0 0 10px #8adfecdd}}
@media(min-width:1700px){.cinema-mode.grid{grid-template-columns:210px minmax(0,1fr) 330px;gap:12px;padding:12px 16px 16px}.cinema-viewport{height:clamp(650px,68vh,720px);min-height:650px}.cinema-mode .hub-controls{gap:6px 10px}.cinema-department{padding:6px 9px;min-height:44px}.department-label{font-size:11px}.department-count{font-size:12px}.cinema-mode .studio-deliverables{min-height:470px}.cinema-mode .studio-projects .trend-list.compact{max-height:530px}}
@media(max-width:1450px){body:has(.cinema-mode) .topbar{grid-template-columns:220px minmax(0,1fr) auto;gap:9px;padding:9px 12px}body:has(.cinema-mode) .brand-title{font-size:16px}body:has(.cinema-mode) .brand-sub{font-size:8px}body:has(.cinema-mode) .top-right{max-width:430px}body:has(.cinema-mode) .studio-nav{margin:-9px 0}body:has(.cinema-mode) .studio-nav button{padding:0 10px;font-size:12px}.cinema-mode.grid{grid-template-columns:190px minmax(0,1fr) 290px;gap:9px;padding:10px}.cinema-mode .hub-controls{gap:5px 7px}.cinema-mode .hub-controls>.btn{font-size:10px;padding:4px 7px}.cinema-mode .hub-controls>.chk{font-size:9px}.cinema-brand>span:last-child{display:none}.cinema-controls button{padding:3px 6px;font-size:9px}.cinema-stage-rail{gap:3px;padding:6px}.cinema-stage-rail>button,.cinema-stage-step,.stage-rail-item{font-size:9px;gap:4px}.cinema-stage-rail>button:not(:last-child):after,.cinema-stage-step:not(:last-child):after,.stage-rail-item:not(:last-child):after{width:12px;margin-left:3px}.cinema-department{padding:5px;font-size:9px}.department-label{font-size:9px}.department-count{font-size:10px}}
@media(max-width:1250px){.cinema-mode.grid{grid-template-columns:170px minmax(0,1fr);gap:10px}.cinema-mode>.studio-floor{grid-column:2}.cinema-mode>.studio-inspector{display:none}.cinema-mode.inspector-open>.studio-inspector{position:fixed;right:14px;top:80px;bottom:18px;z-index:35;display:flex;width:340px;max-width:calc(100vw - 28px);height:auto;min-height:0;max-height:none;overflow:auto;padding:11px;gap:10px;align-self:auto;background:rgba(8,23,38,.98);border:1px solid #58728b;border-radius:8px;box-shadow:-16px 5px 70px #000b}.cinema-mode.inspector-open #cinemaInspectorClose{display:block;align-self:flex-end;flex:none;min-height:26px;padding:4px 9px;border:1px solid #3d5b72;border-radius:4px;background:#102d40;color:#b9d6e8;font-size:10px;cursor:pointer}.cinema-mode.inspector-open .studio-deliverables{flex:1 0 390px;min-height:350px}.cinema-mode.inspector-open #approvalPanel{min-height:240px;max-height:430px}.cinema-mode .studio-projects>.panel{padding:11px 9px}.cinema-mode .studio-projects .panel-h{font-size:11px}.cinema-mode .studio-projects .btn{font-size:9px;padding:4px 5px}.cinema-viewport{min-height:600px}.cinema-mode .hub-controls{gap:6px 9px}.cinema-mode .hub-controls>.chk{font-size:10px}.cinema-departments{gap:5px}.department-label{font-size:10px}.department-count{font-size:11px}body:has(.cinema-mode) .topbar{grid-template-columns:230px 1fr;grid-template-areas:"brand tools" "nav nav";row-gap:7px;padding-bottom:0}body:has(.cinema-mode) .top-right{max-width:none;justify-self:end}body:has(.cinema-mode) .studio-nav{min-height:35px;margin:0;justify-content:center}body:has(.cinema-mode) .studio-nav button{min-height:35px;padding:5px 24px 8px}.cinema-mode.inspector-open>.studio-inspector:has(.studio-output-dock.expanded){overflow:visible;z-index:40}.cinema-mode .studio-output-dock.expanded.modal{z-index:51}}
@media(max-width:900px){.cinema-mode.grid{grid-template-columns:minmax(0,1fr);grid-template-rows:auto;gap:0;padding:9px}.cinema-mode>.studio-floor{grid-column:1;min-height:0;height:auto;overflow:visible}.cinema-mode>.studio-projects{display:none}.cinema-controls #cinemaProjects{display:inline-flex}.cinema-mode.projects-open>.studio-projects{position:fixed;left:12px;top:100px;bottom:18px;z-index:34;display:flex;width:235px;max-width:calc(100vw - 24px);height:auto;min-height:0;max-height:none;overflow:auto;margin:0;padding:0;background:rgba(8,23,38,.98);border:1px solid #58728b;border-radius:8px;box-shadow:16px 5px 70px #000b}.cinema-mode.projects-open>.studio-projects>.panel{display:block;grid-column:auto}.cinema-mode.inspector-open>.studio-inspector{top:100px}.cinema-mode .studio-projects .btn{font-size:11px;padding:5px 7px}.cinema-viewport{height:620px;min-height:620px}.cinema-brand>span:last-child{display:inline}.cinema-controls button{font-size:10px}.cinema-departments{grid-template-columns:repeat(7,minmax(0,1fr))}.cinema-department{min-height:41px}.department-label{font-size:9px}.department-state{font-size:8px}.department-count{font-size:10px}.cinema-mode .hub-progress{max-width:180px}.cinema-mode .hub-controls{gap:6px 8px}.cinema-mode .studio-deliverables{max-height:none}.cinema-mode #approvalPanel{min-height:240px}.cinema-mode.cinema-logs-open .studio-floor>.logs{flex-basis:150px;min-height:150px;max-height:150px}}
@media(max-width:650px){body:has(.cinema-mode) .topbar{grid-template-columns:minmax(0,1fr) auto;gap:7px 8px;padding:8px 9px 0}body:has(.cinema-mode) .brand-title{font-size:14px;letter-spacing:.3px}body:has(.cinema-mode) .brand .logo svg{height:29px;width:29px}body:has(.cinema-mode) .top-right .btn{font-size:9px;padding:4px 6px}body:has(.cinema-mode) .top-right .balance-btn{font-size:9px}body:has(.cinema-mode) .top-right .lang-sel{max-width:73px;font-size:9px}body:has(.cinema-mode) .studio-nav{justify-content:flex-start;gap:0}body:has(.cinema-mode) .studio-nav button{padding:6px 14px 9px;font-size:11px}body:has(.cinema-mode) .studio-overview{gap:8px;padding:9px 10px}body:has(.cinema-mode) .studio-project-heading{width:auto;gap:4px}body:has(.cinema-mode) #studioProjectName{font-size:16px}body:has(.cinema-mode) .studio-eyebrow{font-size:8px}body:has(.cinema-mode) .studio-summary{gap:6px}body:has(.cinema-mode) .studio-summary>div{padding:0 8px 0 0;font-size:9px}body:has(.cinema-mode) .studio-summary strong{font-size:14px}.cinema-mode.grid{padding:8px}.cinema-mode #hubPanel{padding:8px;gap:5px}.cinema-mode .hub-progress{max-width:none;flex-basis:100%;font-size:9px}.cinema-mode #curTask{max-height:28px}.cinema-mode .hub-controls>.btn{font-size:10px;padding:4px 7px}.cinema-mode .hub-controls>.chk{font-size:9px}.cinema-controls{gap:6px}.cinema-brand b{font-size:10px;letter-spacing:1.4px}.cinema-brand>span:last-child{display:none}.cinema-tools{gap:4px}.cinema-controls button{font-size:9px;padding:3px 6px}.cinema-departments{display:flex;gap:5px;overflow-x:auto;scrollbar-width:thin;padding-bottom:2px}.cinema-department{flex:0 0 98px;min-height:43px;padding:6px}.department-label{font-size:10px}.department-count{font-size:11px}.cinema-stage-rail{justify-content:flex-start}.cinema-stage-rail>button,.cinema-stage-step,.stage-rail-item{flex:0 0 auto;font-size:10px;padding:3px 6px}.cinema-viewport{height:600px;min-height:600px}.cinema-legend{gap:6px 10px;font-size:8px}#cinemaSelectionHint{flex:1 0 100%;margin-left:0;font-size:8px}.cinema-mode.projects-open>.studio-projects,.cinema-mode.inspector-open>.studio-inspector{top:105px}.cinema-mode.inspector-open>.studio-inspector{right:9px;max-width:calc(100vw - 18px)}.cinema-mode .studio-output-dock.expanded.modal{padding:8px}.cinema-mode .studio-output-dock.expanded #stageOutputBody{padding:12px}.cinema-mode .studio-output-dock.expanded .modal-h{padding:10px 12px;font-size:12px}}
@media(prefers-reduced-motion:reduce){.cinema-mode *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Final live-content sizing: legacy crew stays available only in list view. */
.cinema-mode .studio-crew.col.right{display:none!important}
.cinema-mode .cinema-viewport{height:auto;min-height:0;max-height:none;aspect-ratio:16/10;align-items:flex-start;flex:none}
.cinema-mode .cinema-canvas{margin:0 auto}
.cinema-mode .cinema-department-station{transform:translate(-50%,-50%) scale(var(--label-size-x,var(--label-size,1)),var(--label-size-y,var(--label-size,1)));transform-origin:center}
.cinema-mode .cinema-stage-rail .working{color:#d2f8ff;text-shadow:0 0 8px #51c8e955}
.cinema-mode .cinema-stage-rail .working .stage-rail-dot{background:#5cdaed;border-color:#b1f3ff;box-shadow:0 0 0 3px #2696bb33,0 0 9px #7ae1ff77}
.cinema-mode .stage-rail-dot{display:inline-flex;align-items:center;justify-content:center;font-size:8px;line-height:1}
#cinemaFlows .flow-line.selected{stroke:#83c9de;stroke-width:2.4;opacity:.52;stroke-dasharray:none;animation:none;filter:drop-shadow(0 0 3px #61bdd244)}
.cinema-mode .cinema-controls button,.cinema-mode .cinema-controls .btn,.cinema-mode .hub-controls>.btn,.cinema-mode .hub-controls>.chk,.cinema-mode .station-output{font-size:11px}
.cinema-mode .cinema-stage-rail>button,.cinema-mode .cinema-stage-step,.cinema-mode .stage-rail-item{font-size:11px}
.cinema-mode .department-label,.cinema-mode .department-count{font-size:11px}
.cinema-mode .department-state{font-size:10px}
.cinema-mode .cinema-department{min-height:45px}
.cinema-mode .cinema-info-head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 8px;margin-bottom:8px}
.cinema-mode .cinema-info-kicker{grid-column:1/-1;color:#75a3bd;font-size:11px;letter-spacing:1px;line-height:1.5}
.cinema-mode .cinema-info-head h3{grid-column:1;margin:0;font-size:19px;line-height:1.5;letter-spacing:.5px;overflow-wrap:anywhere}
.cinema-mode .cinema-info-head>.pill{grid-column:2;grid-row:2;font-size:10px;padding:2px 6px;align-self:center}
.cinema-mode .cinema-role-info{flex:0 0 auto;padding:4px 2px 12px;line-height:1.65}
.cinema-mode .cinema-role-info>p{font-size:11px;line-height:1.65;margin:5px 0;color:#9eb8cd}
.cinema-mode .cinema-role-info>.cinema-role-detail{font-size:11px;color:#bbd3e4;white-space:normal;overflow-wrap:anywhere;max-height:none;overflow:visible;padding:6px 7px;border-left:2px solid #366a87;background:#16324633}
.cinema-mode .cinema-members{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;margin:10px 0 7px}
.cinema-mode .cinema-members>button{display:flex;align-items:center;gap:5px;min-width:0;min-height:29px;padding:5px 7px;background:linear-gradient(140deg,#143044,#0b2133);border:1px solid #35576d;border-radius:4px;color:#a4c3d8;font:inherit;font-size:11px;line-height:1.5;text-align:left;cursor:pointer;white-space:normal;overflow-wrap:anywhere;box-shadow:none}
.cinema-mode .cinema-members>button:hover,.cinema-mode .cinema-members>button:focus-visible{color:#d4f1ff;background:#1b4259;border-color:#77abc6}
.cinema-mode .cinema-members>button[aria-pressed="true"]{border-color:#79b9d7;color:#d3f3ff;background:linear-gradient(140deg,#214b66,#14354d);box-shadow:inset 0 0 12px #73c4e014}
.cinema-mode .cinema-members>button>i{display:block;width:5px;height:5px;border-radius:50%;flex:none;background:#647f97}
.cinema-mode .cinema-members>button>i.working{background:#75e4df;box-shadow:0 0 6px #77dadd77}
.cinema-mode .cinema-members>button>i.passed,.cinema-mode .cinema-members>button>i.done{background:#6ac6a8}
.cinema-mode .cinema-members>button>i.waiting{background:#d4ba82}
.cinema-mode .cinema-members>button>i.error,.cinema-mode .cinema-members>button>i.interrupted{background:#d68e9c}
.cinema-mode .cinema-role-info .station-outputs{gap:5px;margin-top:8px}
.cinema-mode .cinema-role-info .station-output{font-size:11px;padding:4px 6px;min-height:27px}
.cinema-mode .studio-deliverables{flex:0 0 auto;min-height:0;max-height:none}
.cinema-mode #studioOutputEmpty{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0;flex:0 0 auto;min-height:0;max-height:none;padding:0;border:0;background:transparent}
.cinema-mode #studioOutputEmpty[hidden]{display:none}
.cinema-mode #studioOutputEmpty>p{margin:8px 2px 4px;font-size:11px;line-height:1.6;color:#779db7;max-width:none;text-align:left}
.cinema-mode #cinemaAssets{display:grid;grid-template-columns:minmax(0,1fr);gap:7px;min-width:0;max-width:100%;margin:0;padding:0;font-size:11px;line-height:1.6;color:#7fabc2}
.cinema-mode #cinemaAssets:empty{display:none}
.cinema-mode .cinema-asset{display:flex;flex-direction:column;width:100%;min-width:0;max-width:100%;margin:0;padding:5px;border:1px solid #385c72;border-radius:5px;background:linear-gradient(140deg,#122c40,#0a1c2c);color:#9fc3db;text-align:left;font:inherit;cursor:zoom-in;overflow:hidden;box-shadow:inset 0 1px #8bc3df08}
.cinema-mode .cinema-asset:hover,.cinema-mode .cinema-asset:focus-visible{background:#173b51;border-color:#80b8d4;box-shadow:0 0 12px #589db522}
.cinema-mode .cinema-asset>img{display:block;width:100%;max-width:100%;height:94px;min-height:0;max-height:94px;object-fit:contain;object-position:center;margin:0;border:0;border-radius:3px;background:#061422}
.cinema-mode .cinema-asset>span{display:block;width:100%;min-width:0;max-width:100%;padding:5px 3px 1px;font-size:11px;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#a5c5db}
.cinema-mode #approvalPanel{min-height:230px;max-height:390px}
.cinema-mode .studio-output-dock #stageOutputBody{min-height:140px;max-height:430px}
.cinema-mode .studio-output-dock.expanded #stageOutputBody{max-height:none}
@media(min-width:1251px){.cinema-mode>.studio-inspector{align-self:start;max-height:max(690px,calc(100vh - 125px));min-height:0;overflow:auto}.cinema-mode>.studio-inspector:has(.studio-output-dock.expanded){overflow:visible}}
@media(min-width:1700px){.cinema-mode .cinema-asset>img{height:115px;max-height:115px}.cinema-mode .cinema-members>button{font-size:12px}.cinema-mode .cinema-role-info>p{font-size:12px}}
@media(max-width:650px){.cinema-mode .cinema-controls button,.cinema-mode .hub-controls>.btn,.cinema-mode .hub-controls>.chk{font-size:11px}.cinema-mode .cinema-department{flex-basis:106px}.cinema-mode .cinema-controls{gap:7px}.cinema-mode .cinema-tools{justify-content:flex-start;flex-wrap:wrap;gap:5px}.cinema-mode .cinema-members>button{min-height:32px}.cinema-mode .cinema-asset>img{height:110px;max-height:110px}}

.cinema-mode .cinema-screen-kicker,.cinema-mode .cinema-screen-task,.cinema-mode .cinema-screen-sub{display:block}
/* Keep the full product name and prevent the project rail from setting page height. */
body:has(.cinema-mode) .brand{width:max-content;max-width:none;flex-shrink:0;overflow:visible}
body:has(.cinema-mode) .brand>.logo{flex:0 0 auto}
body:has(.cinema-mode) .brand>div{min-width:max-content;flex:0 0 auto;overflow:visible}
body:has(.cinema-mode) .brand-title{display:block;width:max-content;max-width:none;overflow:visible;text-overflow:clip;white-space:nowrap}
@media(min-width:1251px){body:has(.cinema-mode) .topbar{grid-template-columns:max-content minmax(0,1fr) auto;column-gap:18px}}
@media(min-width:901px){.cinema-mode>.studio-projects{align-self:start;height:auto;min-height:0;max-height:850px;overflow-y:auto;overscroll-behavior:contain}.cinema-mode>.studio-projects>.panel{flex:0 0 auto}}
html[lang="en"] .cinema-department-station{width:210px}
html[lang="en"] .cinema-department-station.director,html[lang="en"] .cinema-department-station.central{width:245px}
html[lang="en"] .cinema-department-station .station-title{font-size:15px;letter-spacing:0;word-break:normal;overflow-wrap:normal;hyphens:none}
html[lang="en"] .cinema-department-station .station-count{font-size:13px}
html[lang="en"] .cinema-department-station.director .station-title{font-size:17px}
#cinemaProjectsClose{display:none}
@media(max-width:900px){.cinema-mode #cinemaProjectsClose{position:sticky;top:0;z-index:3;display:block;align-self:flex-end;flex:0 0 auto;min-height:30px;margin:7px 8px 2px;padding:5px 12px;border:1px solid #46677f;border-radius:4px;background:#163249;color:#c7e1f0;font:inherit;font-size:11px;cursor:pointer;box-shadow:0 2px 10px #06142177}}
@media(max-width:650px){body:has(.cinema-mode) .topbar{grid-template-columns:minmax(0,1fr);grid-template-areas:"brand" "tools" "nav";row-gap:7px;column-gap:0;padding:8px 9px 0}body:has(.cinema-mode) .brand{justify-self:start;max-width:100%}body:has(.cinema-mode) .top-right{justify-self:stretch;justify-content:flex-end;flex-wrap:wrap;max-width:100%;min-width:0;gap:5px}body:has(.cinema-mode) .studio-nav{margin:0;width:100%;min-width:0;justify-content:flex-start}.cinema-mode.projects-open>.studio-projects,.cinema-mode.inspector-open>.studio-inspector{top:145px}}
/* PC landscape workstation: the document stays still; each sidebar scrolls inside. */
.cinema-world,#cinemaFlows,#cinemaHalo{height:800px}
.cinema-world{overflow:hidden}
.cinema-canvas{height:calc(800px * var(--scene-scale-y,var(--scene-scale,1)))}
.cinema-backdrop{top:-140px;bottom:auto;height:1000px}
@media(min-width:1100px){
  html:has(.cinema-mode){height:100%;overflow:hidden}
  body:has(.cinema-mode){display:flex;flex-direction:column;height:100dvh;min-height:0;max-height:100dvh;overflow:hidden}
  body:has(.cinema-mode) .topbar{display:grid;grid-template-columns:max-content minmax(0,1fr) auto;grid-template-areas:"brand nav tools";align-items:center;flex:0 0 auto;gap:0 12px;min-height:52px;padding:8px 12px}
  body:has(.cinema-mode) .top-right{max-width:none;min-width:0;flex-wrap:nowrap;gap:5px;justify-self:end}
  body:has(.cinema-mode) .studio-nav{min-height:36px;margin:-8px 0;align-self:stretch;justify-content:flex-start;overflow-x:auto}
  body:has(.cinema-mode) .studio-nav button{min-height:48px;padding:0 12px;font-size:12px}
  body:has(.cinema-mode) .studio-overview{flex:0 0 auto;min-height:36px;max-height:44px;padding:6px 12px;gap:12px;flex-wrap:nowrap;overflow:hidden}
  body:has(.cinema-mode) .studio-project-heading{flex-wrap:nowrap;flex-direction:row;gap:8px;min-width:0}
  body:has(.cinema-mode) .studio-eyebrow{display:none}
  body:has(.cinema-mode) #studioProjectName{font-size:16px;line-height:1.4}
  body:has(.cinema-mode) .studio-summary{flex-wrap:nowrap;gap:0;flex:none}
  body:has(.cinema-mode) .studio-summary strong{font-size:14px}
  body:has(.cinema-mode) .studio-summary>div{font-size:10px;padding:0 11px}
  body:has(.cinema-mode) .company-footer{flex:0 0 auto;min-height:22px;max-height:27px;padding:3px 12px;gap:4px 12px;font-size:9px;line-height:1.5;flex-wrap:nowrap;overflow:hidden}
  body:has(.cinema-mode) .company-footer .btn{font-size:9px;line-height:14px;min-height:0;padding:1px 6px}
  .cinema-mode.grid{display:grid;flex:1 1 auto;grid-template-columns:190px minmax(0,1fr) 300px;grid-template-rows:minmax(0,1fr);gap:10px;padding:8px 12px;min-height:0;max-height:none;height:auto;align-items:stretch;overflow:hidden}
  .cinema-mode>.studio-floor{grid-column:2;grid-row:1;display:flex;flex-direction:column;gap:7px;min-height:0;max-height:none;height:100%;overflow:hidden}
  .cinema-mode>.studio-projects,.cinema-mode.projects-open>.studio-projects{grid-column:1;grid-row:1;position:relative;inset:auto;display:flex;align-self:stretch;width:auto;max-width:none;min-width:0;height:100%;min-height:0;max-height:none;margin:0;padding:0;overflow:auto;z-index:2;border-radius:6px;box-shadow:none}
  .cinema-mode>.studio-inspector,.cinema-mode.inspector-open>.studio-inspector{grid-column:3;grid-row:1;position:relative;inset:auto;display:flex;align-self:stretch;width:auto;max-width:none;min-width:0;height:100%;min-height:0;max-height:none;margin:0;padding:8px;gap:8px;overflow:auto;z-index:2;border-radius:6px;background:linear-gradient(180deg,#0b1d2dee,#071522ee);box-shadow:none}
  .cinema-mode #cinemaProjectsClose,.cinema-mode #cinemaInspectorClose,.cinema-mode.inspector-open #cinemaInspectorClose,.cinema-mode .cinema-controls #cinemaProjects{display:none}
  .cinema-mode #hubPanel{display:grid;grid-template-columns:140px minmax(0,1fr);align-items:center;flex:0 0 auto;min-height:42px;max-height:68px;gap:5px 9px;padding:6px 8px;overflow:auto}
  .cinema-mode .hub-progress{display:flex;flex:none;width:auto;max-width:none;min-width:0;margin:0;padding:0}
  .cinema-mode #curTask{max-height:31px;font-size:10px;line-height:1.5}
  .cinema-mode .hub-controls{display:flex;grid-column:2;flex:none;flex-wrap:wrap;justify-content:flex-start;gap:4px 7px;padding:0;margin:0;border:0;min-width:0}
  .cinema-mode .hub-controls>.btn{min-height:26px;font-size:11px;padding:3px 7px}
  .cinema-mode .hub-controls>.chk{font-size:10px;gap:2px}
  .cinema-mode .hub-controls .num{width:39px!important;font-size:10px;padding:1px 4px}
  .cinema-mode .hub-controls>#estText{font-size:9px}
  .cinema-mode .cinema-stage{display:flex;flex-direction:column;flex:1 1 0;min-height:0;height:auto;max-height:none;gap:5px;overflow:hidden}
  .cinema-mode .cinema-controls{flex:0 0 auto;min-height:27px;padding:0;gap:5px 8px;flex-wrap:nowrap}
  .cinema-mode .cinema-brand>span:last-child{display:none}
  .cinema-mode .cinema-tools{flex-wrap:nowrap;gap:4px}
  .cinema-mode .cinema-controls button{min-height:25px;padding:3px 6px;font-size:11px}
  .cinema-mode .cinema-stage-rail{flex:0 0 auto;min-height:32px;max-height:34px;padding:4px 7px;gap:4px}
  .cinema-mode .cinema-stage-step{padding:2px 3px;font-size:11px}
  .cinema-mode .cinema-departments{flex:0 0 auto;gap:5px}
  .cinema-mode .cinema-department{min-height:39px;padding:4px 6px;gap:1px 4px}
  .cinema-mode .department-label,.cinema-mode .department-count{font-size:10px}
  .cinema-mode .department-state{font-size:9px}
  .cinema-mode .cinema-viewport{display:flex;align-items:center;justify-content:center;flex:1 1 0;width:auto;height:auto;min-height:0;max-height:none;aspect-ratio:auto;overflow:hidden}
  .cinema-mode .cinema-canvas{margin:auto;flex:none}
  .cinema-mode.cinema-zoomed .cinema-viewport,.cinema-mode .cinema-viewport.is-zoomed{display:block;overflow:auto}
  .cinema-mode .cinema-legend{flex:0 0 auto;max-height:17px;min-height:13px;padding:0 2px;gap:8px;flex-wrap:nowrap;overflow:hidden;line-height:1.4}
  .cinema-mode .cinema-legend>span{white-space:nowrap;font-size:9px}
  .cinema-mode #cinemaSelectionHint{min-width:0;overflow:hidden;text-overflow:ellipsis}
  .cinema-mode .studio-floor>.logs,.cinema-mode.cinema-logs-open .studio-floor>.logs{flex:0 0 90px;min-height:90px;max-height:90px;padding:7px 9px;overflow:hidden}
  .cinema-mode .logs .panel-h{margin-bottom:5px;font-size:11px}
  .cinema-mode .logs .log-feed{min-height:0;max-height:none;overflow:auto;font-size:10px}
  .cinema-mode:not(.cinema-logs-open) .studio-floor>.logs{flex:0 0 33px;min-height:33px;max-height:33px;padding:6px 9px}
  .cinema-mode:not(.cinema-logs-open) .logs .panel-h{margin:0}
  .cinema-mode .studio-deliverables,.cinema-mode.inspector-open .studio-deliverables{flex:0 0 auto;min-height:0;max-height:none}
  .cinema-mode .cinema-role-info{flex:0 0 auto;min-height:0}
  .cinema-mode #approvalPanel,.cinema-mode.inspector-open #approvalPanel{flex:0 0 auto;min-height:230px;max-height:350px}
  .cinema-mode>.studio-inspector:has(.studio-output-dock.expanded),.cinema-mode.inspector-open>.studio-inspector:has(.studio-output-dock.expanded){overflow:visible;z-index:3}
  .cinema-mode:has(.studio-output-dock.expanded){overflow:visible}
}
@media(min-width:1100px){
  .cinema-mode #cinemaAssets{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}
  .cinema-mode .cinema-asset{padding:3px;border-radius:4px}
  .cinema-mode .cinema-asset>img{height:80px;max-height:80px;object-fit:contain}
  .cinema-mode .cinema-asset>span{padding:4px 1px 1px;font-size:10px;line-height:1.4;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
  .cinema-mode #studioOutputEmpty>p{margin:6px 1px 2px;font-size:10px;line-height:1.5}
  .cinema-mode .studio-deliverables>.panel-h{padding:3px 1px 7px;margin-bottom:6px}
  .cinema-mode .studio-output-dock #stageOutputBody{overflow:auto;max-height:360px}
  .cinema-mode .studio-output-dock.expanded #stageOutputBody{max-height:none}
}
/* Department lettering belongs to the physical desk face, not a floating card. */
.cinema-mode .cinema-department-station{height:46px;min-height:44px;max-height:50px;padding:0 7px;gap:1px 9px;border:0!important;border-radius:0;background:none!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;filter:none;outline:none;transition:none}
.cinema-mode .cinema-department-station::before{content:none;display:none}
.cinema-mode .cinema-department-station.director,.cinema-mode .cinema-department-station.central{width:210px;height:48px;min-height:44px;max-height:50px;padding:0 8px}
.cinema-mode .cinema-department-station .station-title{font-size:16px;line-height:1.2;letter-spacing:1.1px;font-weight:600;color:#b8dfef;text-shadow:0 1px 2px #020a14,0 0 4px #68bfe64d}
.cinema-mode .cinema-department-station .station-state{font-size:10px;line-height:1.25;letter-spacing:.2px;color:#86afc5;text-shadow:0 1px 2px #020a14}
.cinema-mode .cinema-department-station .station-count{font-size:12px;line-height:1.2;color:#82a9bf;text-shadow:0 1px 2px #020a14}
.cinema-mode .cinema-department-station .station-state::before{width:4px;height:4px;box-shadow:none}
.cinema-mode .cinema-department-station.director .station-title,.cinema-mode .cinema-department-station.central .station-title{font-size:17px;letter-spacing:1.3px}
.cinema-mode .cinema-department-station:hover .station-title,.cinema-mode .cinema-department-station.selected .station-title,.cinema-mode .cinema-department-station:focus-visible .station-title{color:#e0f5ff;text-shadow:0 1px 2px #020a14,0 0 7px #8bdaee99}
.cinema-mode .cinema-department-station:hover .station-state,.cinema-mode .cinema-department-station.selected .station-state{color:#b1d7e9}
.cinema-mode .cinema-department-station:focus-visible{outline:1px dashed #90bfd0a6;outline-offset:2px}
.cinema-mode .cinema-department-station.working .station-state,.cinema-mode .cinema-department-station[data-status="working"] .station-state{color:#99d6e7}
.cinema-mode .cinema-department-station.waiting .station-state,.cinema-mode .cinema-department-station[data-status="waiting"] .station-state{color:#c6b58a}
.cinema-mode .cinema-department-station.error .station-state,.cinema-mode .cinema-department-station[data-status="error"] .station-state{color:#d1a1ad}
#cinemaFlows .flow-line{opacity:.45}
#cinemaFlows .flow-line.done,#cinemaFlows .flow-line.complete{opacity:.45}
#cinemaFlows .flow-line.selected{opacity:.65;stroke-dasharray:none;animation:none}
#cinemaFlows .flow-line.active,#cinemaFlows .flow-line.working{opacity:.9}
/* Fixed floor-level collaboration routes: blue ambient traffic, real work in department color. */
#cinemaFlows .cinema-route{pointer-events:none}
#cinemaFlows .cinema-route path{fill:none;stroke-linecap:round;stroke-linejoin:round}
#cinemaFlows .route-bed{stroke:#041324;stroke-width:5;opacity:.6}
#cinemaFlows .route-line{stroke:#299eff;stroke-width:1.6;opacity:.75;filter:drop-shadow(0 0 3px #218bff)}
#cinemaFlows .route-stream{stroke:#9be3ff;stroke-width:2.3;stroke-dasharray:55 445;opacity:.95;filter:drop-shadow(0 0 4px #38b7ff);animation:cinema-route-stream 4.5s linear infinite;animation-delay:var(--route-delay,0s)}
#cinemaFlows .route-working{stroke:var(--signal-color);stroke-width:3;opacity:.7;filter:drop-shadow(0 0 4px var(--signal-color))}
#cinemaFlows .route-signal{stroke:var(--signal-color);stroke-width:5;stroke-dasharray:170 330;opacity:1;filter:drop-shadow(0 0 3px var(--signal-color)) drop-shadow(0 0 7px var(--signal-color));animation:cinema-route-stream 1.7s linear infinite;animation-delay:var(--route-delay,0s)}
#cinemaFlows .route-signal.reverse{animation-direction:reverse;stroke-dashoffset:250}
#cinemaFlows .route-port{fill:#bdeeff;stroke:#229dff;stroke-width:1.3;filter:drop-shadow(0 0 3px #28a4ff)}
.cinema-legend .magenta{background:#48baff;box-shadow:0 0 5px #219aff88}
.cinema-background #cinemaFlows path{animation-play-state:paused!important}
@keyframes cinema-route-stream{from{stroke-dashoffset:0}to{stroke-dashoffset:-1000}}
/* The scene itself is the department selector. Give the PC frame this space back. */
.cinema-mode .cinema-brand,.cinema-mode .cinema-departments{display:none}
@media(min-width:1100px){.cinema-mode .cinema-controls{display:none}}
/* Keep lettering inside the physical front plate; only the robot is interactive. */
.cinema-mode .cinema-department-station{display:block;min-height:0;max-height:none;padding:0;overflow:hidden;transform:translate(-50%,-50%);pointer-events:none;cursor:default}
.cinema-mode .cinema-department-station.director{min-height:0;max-height:none;padding:0}
.cinema-mode .station-lettering{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3px;width:calc(100% / var(--label-size-x,1));height:calc(100% / var(--label-size-y,1));padding:3px 8px;box-sizing:border-box;font-style:normal;transform:scale(var(--label-size-x,1),var(--label-size-y,1));transform-origin:top left}
.cinema-mode .cinema-department-station .station-title{flex:none;display:block;max-width:100%;min-width:0;text-align:center;font-size:19px;line-height:1.12;letter-spacing:.5px;font-weight:600;font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cinema-mode .cinema-department-station.director .station-title{font-size:20px;letter-spacing:.5px}
.cinema-mode .station-meta{display:flex;flex:none;align-items:center;justify-content:center;gap:7px;max-width:100%;min-width:0;font-style:normal;overflow:hidden}
.cinema-mode .cinema-department-station .station-state{display:flex;flex:0 1 auto;gap:4px;min-width:0;justify-content:center;font-size:12px;line-height:1.25;letter-spacing:0;font-style:normal;white-space:nowrap;overflow:hidden}
.cinema-mode .station-state-text{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cinema-mode .cinema-department-station .station-count{display:block;flex:none;min-width:0;font-size:12px;line-height:1.25;text-align:center;letter-spacing:0;font-style:normal;white-space:nowrap;overflow:hidden}
html[lang="en"] .cinema-mode .cinema-department-station .station-title{font-size:17px;letter-spacing:0}
.cinema-mode .cinema-robot-hit{position:absolute;z-index:5;display:block;min-width:0;min-height:0;margin:0;padding:0;transform:translate(-50%,-50%);border:1px solid transparent;border-radius:45% 45% 30% 30%;background:transparent;box-shadow:none;cursor:pointer;pointer-events:auto;touch-action:manipulation;outline:none;-webkit-tap-highlight-color:transparent}
.cinema-mode .cinema-robot-hit:hover{border-color:#87ddff70;background:#6ccfff0a;box-shadow:0 0 12px #63cbff24}
.cinema-mode .cinema-robot-hit:focus-visible{outline:2px solid #a4e6ff;outline-offset:3px;background:#6ccfff12}