:root{--canvas:#070b11;--canvas-glow:#0d1930;--surface:#0d141f;--surface-2:#111c2c;--surface-3:#152337;--line:#243249;--line-soft:#1a2638;--text:#f0f5fc;--muted:#8b9ab0;--muted-2:#64748b;--accent:#50e0b1;--accent-soft:#123e35;--info:#72a7ff;--warn:#f2bd62;--danger:#fb6f8d;--sidebar:264px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Tahoma,Arial,sans-serif}*{box-sizing:border-box}html{background:var(--canvas);scroll-behavior:smooth}body{margin:0;min-height:100vh;background:radial-gradient(900px 600px at 95% -10%,#162f5a66,transparent 58%),linear-gradient(115deg,#080c13 0%,var(--canvas) 42%,#09111d 100%);color:var(--text)}button,input,select,textarea{font:inherit}.hidden{display:none!important}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:24px}.auth-card{width:min(100%,440px);padding:38px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(155deg,#111d31,#0a101a);box-shadow:0 30px 90px #0009}.brand-mark{width:50px;height:50px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(145deg,var(--accent),#368eff);color:#071b1c;font-size:25px;font-weight:900;margin-bottom:24px}.brand-mark.small{width:33px;height:33px;margin:0;border-radius:9px;font-size:17px}.eyebrow{margin:0 0 6px;color:var(--accent);font-size:10px;font-weight:850;letter-spacing:.15em}.auth-card h1{margin:0;font-size:27px}.subtle,.surface-description{margin:12px 0 22px;color:var(--muted);font-size:13px;line-height:1.75}form{display:grid;gap:14px}label{display:grid;gap:7px;color:#cbd8ea;font-weight:700;font-size:13px}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:8px;background:#07101b;color:var(--text);outline:none}input,select{height:44px;padding:0 12px}input{direction:ltr;text-align:left}input:focus,select:focus,textarea:focus{border-color:var(--info);box-shadow:0 0 0 3px #72a7ff1e}button{height:40px;border:0;border-radius:8px;background:var(--accent);color:#05211c;padding:0 14px;font-weight:850;cursor:pointer;transition:transform .15s,filter .15s}button:hover:not(:disabled){filter:brightness(1.07);transform:translateY(-1px)}button:disabled{opacity:.55;cursor:not-allowed}.form-error{margin:0;min-height:18px;color:var(--danger);font-size:13px}.ops-shell{display:grid;grid-template-columns:var(--sidebar) minmax(0,1fr);min-height:100vh}.ops-sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:18px 14px;border-left:1px solid var(--line);background:linear-gradient(180deg,#0a1019,#080d15);z-index:30}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:4px 6px 28px}.sidebar-brand{display:flex;align-items:center;gap:10px}.sidebar-brand>span:last-child{display:grid;gap:1px}.sidebar-brand strong{font-size:15px}.sidebar-brand small{color:var(--muted-2);font-size:8px;font-weight:800;letter-spacing:.13em}.ops-nav{display:grid;gap:4px}.nav-section{margin:19px 10px 6px;color:var(--muted-2);font-size:10px;letter-spacing:.12em;font-weight:800}.nav-item{width:100%;height:39px;display:flex;align-items:center;gap:10px;padding:0 11px;background:transparent;color:var(--muted);text-align:right;font-size:13px;font-weight:700}.nav-item:hover{background:#111c2d;color:var(--text)}.nav-item.active{background:linear-gradient(90deg,#173345,#112539);box-shadow:inset -2px 0 0 var(--accent);color:var(--text)}.nav-symbol{display:grid;place-items:center;width:17px;color:var(--accent);font-size:16px}.nav-count{margin-right:auto;min-width:21px;height:20px;display:grid;place-items:center;border-radius:99px;background:#1a2b40;color:#a8c0dd;font-size:10px}.sidebar-footer{margin-top:auto;display:grid;gap:12px;padding:15px 7px 4px}.connection-state{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:11px}.status-dot{width:8px;height:8px;border-radius:50%;background:#526075;display:inline-block}.status-dot.ok{background:var(--accent);box-shadow:0 0 10px #50e0b1}.status-dot.bad{background:var(--danger);box-shadow:0 0 10px #fb6f8d77}.logout{background:transparent;border:1px solid #29374d;color:#b6c4d7;height:35px}.ops-workspace{min-width:0;max-width:1720px;width:100%;margin:0 auto;padding:0 34px 40px}.command-bar{min-height:83px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line-soft)}.command-bar-start{display:flex;align-items:center;gap:11px}.command-bar h1{margin:0;font-size:21px;letter-spacing:-.02em}.command-bar-actions{display:flex;align-items:center;gap:11px}.secondary{height:34px;background:#152339;color:#d6e2f2;border:1px solid #2a3b55;font-size:12px}.freshness{color:var(--muted);font-size:11px;white-space:nowrap}.ops-view{display:none;padding-top:27px}.ops-view.active{display:block}.operation-feedback{display:none;margin:18px 0 0;padding:11px 13px;border-radius:8px;border:1px solid #2c4160;background:#132238;color:#cbdaf0;font-size:13px}.operation-feedback:not(:empty){display:block}.operation-feedback.error{background:#3b1a27;border-color:#713043;color:#ffd2dd}.operation-feedback.success{background:#123a31;border-color:#277761;color:#b8f5de}.service-strip{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 18px;border:1px solid #28405d;border-radius:10px;background:linear-gradient(90deg,#102237,#0d1725);margin-bottom:16px}.service-strip-title{display:flex;gap:11px;align-items:center}.service-strip-title strong{display:block;font-size:13px}.service-strip-title small{display:block;margin-top:3px;color:var(--muted);font-size:11px}.service-strip-meta{display:grid;gap:3px;text-align:left}.service-strip-meta span{color:var(--muted-2);font-size:10px}.service-strip-meta strong{font-size:11px;font-weight:700;direction:rtl}.operations-layout{display:grid;grid-template-columns:minmax(0,1.62fr) minmax(290px,.78fr);gap:16px}.work-surface{border:1px solid var(--line);border-radius:11px;background:linear-gradient(150deg,var(--surface-2),var(--surface));min-width:0}.stream-inventory-surface,.host-surface{padding:19px}.surface-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:16px}.surface-heading h2{margin:0;font-size:16px;letter-spacing:-.01em}.text-action{height:auto;padding:3px 0;background:transparent;color:var(--info);font-size:12px;white-space:nowrap}.inventory-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-bottom:17px;border:1px solid var(--line-soft);background:var(--line-soft)}.inventory-summary>div{padding:13px;background:#0b121d}.inventory-summary span{display:block;color:var(--muted);font-size:10px}.inventory-summary strong{display:block;margin-top:5px;font-size:21px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:570px}th,td{padding:11px 10px;border-bottom:1px solid var(--line-soft);text-align:right;font-size:12px}th{color:var(--muted);font-size:10px;letter-spacing:.04em;font-weight:800}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#15223677}.empty-cell{padding:28px!important;text-align:center;color:var(--muted)}.state-badge{display:inline-flex;align-items:center;border-radius:99px;padding:4px 8px;font-size:10px;line-height:1.2;background:#1c2a3e;color:#c8d6e9}.state-running{background:#154535;color:#aef3d9}.state-failed{background:#4a1d2b;color:#ffc5d1}.state-pending{background:#2f3551;color:#dce0ff}.capacity-list{display:grid;gap:15px}.capacity-row{display:grid;grid-template-columns:70px 1fr 45px;align-items:center;gap:8px;color:var(--muted);font-size:11px}.capacity-row strong{direction:ltr;text-align:left;color:var(--text);font-size:11px}.capacity-track{height:6px;overflow:hidden;border-radius:99px;background:#202d40}.capacity-track i{display:block;width:0;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--accent),var(--info));transition:width .4s}.network-readout{display:grid;gap:4px;margin-top:22px;padding-top:14px;border-top:1px solid var(--line-soft)}.network-readout span,.network-readout small{color:var(--muted);font-size:10px}.network-readout strong{font-size:14px;direction:ltr;text-align:right}.chart-surface{margin-top:16px;padding:19px}.chart-legend{display:flex;align-items:center;gap:13px;color:var(--muted);font-size:10px}.legend{display:inline-block;width:7px;height:7px;margin-left:4px;border-radius:50%}.legend.cpu{background:var(--accent)}.legend.memory{background:var(--info)}#history-note{margin-right:8px}.chart-wrap{height:252px;padding:9px;border:1px solid var(--line-soft);border-radius:8px;background:#09111a}.chart-wrap svg{width:100%;height:100%}#chart-grid line{stroke:#1b2940;stroke-width:1}.cpu-line,.memory-line{fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.cpu-line{stroke:var(--accent)}.memory-line{stroke:var(--info)}.inventory-heading{align-items:flex-start}.inventory-toolbar{display:flex;gap:8px;align-items:center}.inventory-toolbar select{height:34px;width:145px;font-size:11px}.operations-table{min-height:170px}.channel-preview-cell{display:grid;gap:7px;justify-items:start;color:var(--muted);font-size:11px}.channel-preview-action{height:auto;min-width:142px;display:grid;gap:2px;padding:8px 10px;border:1px solid #2b8a70;border-radius:8px;background:linear-gradient(135deg,#174d42,#12342f);color:#d4fff0;text-align:right;line-height:1.25}.channel-preview-action span{color:#8cf0ce;font-size:11px;font-weight:850}.channel-preview-action small{color:#c6e8de;font-size:9px;font-weight:700}.empty-state{text-align:center;padding:52px 18px 20px}.empty-state-mark{display:grid;place-items:center;width:34px;height:34px;margin:0 auto 12px;border:1px solid #315174;border-radius:9px;color:var(--accent)}.empty-state h3{margin:0 0 7px;font-size:15px}.empty-state p{max-width:440px;margin:0 auto;color:var(--muted);line-height:1.7;font-size:12px}.monitoring-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:16px}.monitoring-grid .work-surface{padding:20px}.metric-details{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;margin:0;border:1px solid var(--line-soft);background:var(--line-soft)}.metric-details>div{padding:14px;background:#0b121d}.metric-details dt{color:var(--muted);font-size:11px}.metric-details dd{margin:7px 0 0;font-size:16px;direction:ltr;text-align:right}.integrity-list{display:grid;gap:12px}.integrity-list p{margin:0;padding-bottom:12px;border-bottom:1px solid var(--line-soft);color:var(--muted);font-size:12px;line-height:1.8}.integrity-list p:last-child{border-bottom:0}.integrity-list strong{color:var(--text)}.sidebar-backdrop,.mobile-only{display:none}@media(max-width:1060px){:root{--sidebar:230px}.ops-workspace{padding:0 24px 32px}.operations-layout{grid-template-columns:1fr}.host-surface{min-height:0}.monitoring-grid{grid-template-columns:1fr}.service-strip{align-items:flex-start;flex-direction:column}.service-strip-meta{text-align:right}}@media(max-width:760px){.ops-shell{display:block}.ops-sidebar{position:fixed;right:0;top:0;width:min(84vw,300px);height:100vh;transform:translateX(105%);transition:transform .2s ease;box-shadow:-20px 0 60px #0009}.ops-sidebar.open{transform:translateX(0)}.sidebar-backdrop.open{position:fixed;inset:0;display:block;background:#0009;z-index:20}.mobile-only{display:grid}.icon-button{width:35px;height:35px;place-items:center;padding:0;background:#142137;color:#d9e6f5;border:1px solid #2a3c57;font-size:18px}.ops-workspace{padding:0 15px 28px}.command-bar{min-height:70px}.command-bar h1{font-size:18px}.freshness{display:none}.command-bar-actions{margin-right:auto}.operations-layout,.monitoring-grid{grid-template-columns:1fr}.inventory-summary{grid-template-columns:1fr}.chart-surface{padding:15px}.chart-wrap{height:206px}.surface-heading{align-items:flex-start;flex-direction:column}.inventory-toolbar{width:100%}.inventory-toolbar select,.inventory-toolbar button{flex:1;width:auto}.metric-details{grid-template-columns:1fr}.service-strip{padding:14px}.chart-legend{flex-wrap:wrap}.ops-view{padding-top:18px}}
.command-center-shell{display:grid;gap:16px}.command-center-header{display:flex;justify-content:space-between;gap:22px;padding:2px 1px 4px}.command-center-header h2{margin:5px 0 0;font-size:25px}.back-action{height:auto;padding:0 0 9px;background:transparent;color:var(--info);font-size:12px}.command-actions{display:flex;align-items:flex-start;gap:8px;flex-wrap:wrap;padding-top:31px}.command-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.command-grid .work-surface{padding:19px}.command-preview-surface{grid-column:span 2}.command-preview-frame{position:relative;min-height:250px;overflow:hidden;border:1px solid var(--line);border-radius:12px;background:#060a12}.command-preview-frame video{width:100%;min-height:250px;max-height:460px;display:block;background:#060a12;object-fit:contain}.command-preview-empty{position:absolute;inset:0;display:grid;place-content:center;gap:8px;padding:24px;color:var(--muted);text-align:center;background:radial-gradient(circle at center,#1d3a5c52,transparent 68%)}.command-preview-empty strong{color:var(--text);font-size:1rem}.command-preview-empty.hidden{display:none}.inspector-overlay{position:absolute;inset:auto 14px 14px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 11px;border:1px solid #34697999;border-radius:8px;background:#07131de0;backdrop-filter:blur(8px);direction:ltr}.inspector-overlay strong{color:#d7fff0;font-size:14px}.inspector-live-state{display:flex;align-items:center;gap:6px;color:#c9d7e7;font-size:10px;font-weight:800}.inspector-live-state:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--muted-2)}.inspector-live-state.online:before{background:var(--accent);box-shadow:0 0 10px var(--accent)}.inspector-live-state.offline:before{background:var(--danger);box-shadow:0 0 10px #fb6f8d99}.inspector-media-summary{display:flex;flex-wrap:wrap;gap:8px 20px;padding:11px 0;color:#bed0e4;font-size:11px;direction:ltr}.stream-inspector{margin-top:2px;padding:14px;border:1px solid #2a405b;border-radius:10px;background:#09131f}.inspector-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:12px}.inspector-heading h4{margin:0;font-size:14px}.inspector-heading>div:last-child{display:grid;justify-items:end;gap:5px}.inspector-metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;border:1px solid var(--line-soft);background:var(--line-soft)}.inspector-metric-grid>div{display:grid;gap:5px;min-height:65px;padding:10px;background:#0b121d}.inspector-metric-grid span{color:var(--muted);font-size:9px;font-weight:800;letter-spacing:.04em}.inspector-metric-grid strong{font-size:13px;direction:ltr;text-align:right;overflow-wrap:anywhere}.inspector-details{margin-top:12px;border:1px solid var(--line);border-radius:8px;background:#07101a}.inspector-details summary{padding:10px 12px;color:#c8d9eb;cursor:pointer;font-size:11px;font-weight:800}.inspector-details pre{max-height:280px;overflow:auto;margin:0;padding:12px;border-top:1px solid var(--line);color:#a7c5d6;background:#050a11;direction:ltr;text-align:left;font:10px/1.65 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:pre-wrap}.command-grid h3,.command-tab-panel h3{margin:0;font-size:15px}.command-facts{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;margin:0;border:1px solid var(--line-soft);background:var(--line-soft)}.command-facts>div{padding:12px;background:#0b121d}.command-facts dt{color:var(--muted);font-size:10px}.command-facts dd{margin:7px 0 0;font-size:12px;overflow-wrap:anywhere}.readiness-list{display:grid;gap:10px;list-style:none;margin:0;padding:0}.readiness-list li{position:relative;padding:10px 31px 10px 10px;border-bottom:1px solid var(--line-soft);color:var(--muted);font-size:12px}.readiness-list li:before{position:absolute;right:6px;top:10px;content:"○";color:var(--muted-2);font-size:16px;line-height:1}.readiness-list li.ready{color:#c6f4e1}.readiness-list li.ready:before{content:"✓";color:var(--accent);font-weight:900}.readiness-list li.blocked{color:#ffd6a0}.readiness-list li.blocked:before{content:"!";color:var(--warn);font-weight:900}.command-tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);overflow:auto}.command-tab{height:38px;border-radius:7px 7px 0 0;background:transparent;color:var(--muted);white-space:nowrap;font-size:12px}.command-tab:hover{background:#131f31}.command-tab.active{background:#172a3e;color:var(--text);box-shadow:inset 0 -2px 0 var(--accent)}.command-tab span{margin-right:5px;color:var(--accent);font-size:10px}.command-tab-panel{display:none;padding:19px}.command-tab-panel.active{display:block}.operation-timeline{display:grid;gap:0}.operation-event{display:grid;grid-template-columns:10px 1fr auto;gap:10px;align-items:start;padding:12px 2px;border-bottom:1px solid var(--line-soft)}.operation-event:last-child{border-bottom:0}.operation-event i{width:8px;height:8px;margin-top:5px;border-radius:50%;background:var(--muted-2)}.operation-event i.succeeded{background:var(--accent)}.operation-event i.failed{background:var(--danger)}.operation-event i.queued{background:var(--info)}.operation-event strong{display:block;font-size:12px}.operation-event p{margin:4px 0 0;color:var(--muted);font-size:11px}.operation-event time{color:var(--muted-2);font-size:10px;white-space:nowrap}.modal-layer{position:fixed;z-index:80;inset:0;display:grid;place-items:center;padding:20px;background:#02060cb8;backdrop-filter:blur(4px)}.modal-card{width:min(100%,510px);max-height:min(92vh,740px);overflow:auto;padding:23px;border:1px solid #365071;border-radius:13px;background:linear-gradient(150deg,#132238,#0c1420);box-shadow:0 30px 90px #000b}.modal-heading{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.modal-heading h2{margin:0;font-size:18px}.modal-card textarea{min-height:84px;padding:10px;resize:vertical}.modal-actions{display:flex;justify-content:flex-start;gap:9px;margin-top:4px}@media(max-width:760px){.inspector-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.inspector-overlay{left:8px;right:8px;bottom:8px}.inspector-media-summary{font-size:10px}.command-center-header{display:grid}.command-center-header h2{font-size:20px}.command-actions{padding-top:0}.command-actions button{flex:1}.command-grid{grid-template-columns:1fr}.command-facts{grid-template-columns:1fr}.command-tab-panel{padding:14px}.operation-event{grid-template-columns:9px 1fr}.operation-event time{grid-column:2}.modal-layer{padding:12px}.modal-card{padding:18px}.modal-actions{flex-direction:column}.modal-actions button{width:100%}}
.live-alerts-surface{margin-top:16px;padding:19px}.live-alert-list{display:grid;gap:0}.live-alert-item{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:start;padding:12px 2px;border-bottom:1px solid var(--line-soft)}.live-alert-item:last-child{border-bottom:0}.alert-severity{min-width:56px;padding:4px 7px;border-radius:5px;background:#273448;color:#d8e4f5;text-align:center;font-size:10px;font-weight:800}.alert-severity.warning{background:#4d3a16;color:#ffd88f}.alert-severity.critical{background:#4c2028;color:#ffb4bd}.live-alert-item strong{display:block;font-size:12px}.live-alert-item p{margin:4px 0 0;color:var(--muted);font-size:11px}.live-alert-item time{color:var(--muted-2);font-size:10px;white-space:nowrap}@media(max-width:760px){.live-alert-item{grid-template-columns:auto 1fr}.live-alert-item time{grid-column:2}}
.schedule-form{display:grid;grid-template-columns:minmax(150px,1fr) minmax(210px,1.2fr) auto;gap:12px;align-items:end;margin:14px 0}.schedule-form label{display:grid;gap:6px;color:var(--muted);font-size:11px}.schedule-form select,.schedule-form input{width:100%;min-height:38px}.schedule-cancel{white-space:nowrap}@media(max-width:760px){.schedule-form{grid-template-columns:1fr}.schedule-form button{width:100%}}
/* Live production studio */
.studio-command-shell{display:grid;gap:18px}.studio-command-header,.studio-selector-row,.studio-program-grid,.studio-control-grid{display:grid;gap:14px}.studio-command-header{grid-template-columns:1fr auto;align-items:start;padding:4px 2px}.studio-top-actions,.studio-source-actions,.guest-control-actions{display:flex;gap:9px;flex-wrap:wrap}.studio-selector-row{grid-template-columns:minmax(260px,1fr) auto auto auto;align-items:end;padding:14px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(105deg,#101726dc,#0d1218b8)}.studio-selector-row label{display:grid;gap:7px;color:var(--muted);font-size:.82rem}.studio-selector-row select{min-width:260px}.studio-program-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-video-surface{min-width:0;padding:16px;border:1px solid var(--line);border-radius:16px;background:#0a101c;box-shadow:inset 0 1px 0 #ffffff06}.preview-surface{border-top:3px solid #5874ff}.program-surface{border-top:3px solid #fd4d68}.studio-canvas{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(120px,1fr);gap:5px;min-height:310px;overflow:hidden;margin-top:12px;border-radius:10px;background:radial-gradient(circle at 50% 30%,#1c2a4a,#070b13 70%);aspect-ratio:16/9}.studio-canvas video{width:100%;height:100%;object-fit:cover;background:#030507}.studio-slate{display:grid;place-content:center;gap:8px;min-height:100%;grid-column:1/-1;text-align:center;color:#aebad0;background:linear-gradient(135deg,#536fcd2e,#0d131f33)}.studio-slate strong{font-size:1.3rem;letter-spacing:.12em;color:#d8e0f3}.studio-slate span{font-size:.86rem}.studio-take{width:100%;margin-top:12px;min-height:43px;border-color:#cc3049;background:linear-gradient(95deg,#d53952,#a91d35);font-weight:800;letter-spacing:.06em}.live-pill{display:inline-flex;align-items:center;justify-content:center;min-height:27px;padding:0 10px;border:1px solid #53627c;border-radius:999px;color:#b9c3d5;font-size:.72rem}.live-pill.on-air{color:#fff;background:#bc263e;border-color:#e55169;box-shadow:0 0 18px #dd304e47}.studio-control-grid{grid-template-columns:1.15fr 1fr 1fr;align-items:stretch}.studio-scenes-surface,.studio-guests-surface,.studio-media-surface{min-width:0}.studio-scene-list,.studio-guest-list{display:grid;gap:8px}.studio-scene-card,.studio-guest-card{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:11px 12px;border:1px solid #28354b;border-radius:10px;background:#141e2e7a}.studio-scene-card.preview{border-color:#5978e9}.studio-scene-card.program{box-shadow:inset 3px 0 0 #ed4963}.studio-scene-card strong,.studio-guest-card strong{display:block;color:#e7edf9}.studio-scene-card small,.studio-guest-card small{display:block;margin-top:3px;color:var(--muted);font-size:.76rem}.studio-scene-card>div:last-child,.studio-guest-card>div:last-child{display:flex;align-items:center;gap:7px;flex-wrap:wrap;justify-content:flex-end}.guest-shell{min-height:100vh;display:grid;place-items:center;padding:20px;color:var(--text);background:radial-gradient(circle at 50% -20%,#253d70,#080d15 55%)}.guest-card{width:min(720px,100%);padding:clamp(22px,5vw,42px);border:1px solid #314265;border-radius:20px;background:#0b111df0;box-shadow:0 22px 80px #0007}.guest-card h1{margin:4px 0 10px}.guest-card form{display:grid;gap:14px;margin-top:22px}.guest-controls{display:grid;gap:15px;margin-top:20px}.guest-local-preview{display:grid;place-items:center;min-height:280px;overflow:hidden;border:1px solid #2b3957;border-radius:12px;background:#05080f;color:#9dabbe}.guest-local-preview video{width:100%;height:100%;max-height:420px;object-fit:cover;transform:scaleX(-1)}.danger{border-color:#853344!important;color:#ffc6ce!important}@media(max-width:980px){.studio-control-grid{grid-template-columns:1fr}.studio-program-grid{grid-template-columns:1fr}}@media(max-width:680px){.studio-command-header,.studio-selector-row{grid-template-columns:1fr}.studio-selector-row select{min-width:0;width:100%}.studio-top-actions>*,.studio-source-actions>*,.guest-control-actions>*{flex:1 1 130px}.studio-canvas{min-height:210px}}
.studio-output-surface{padding:16px 19px}.studio-output-controls{display:grid;grid-template-columns:minmax(240px,1.5fr) repeat(4,auto);gap:9px;align-items:end;margin-top:12px}.studio-output-controls label{display:grid;gap:6px;color:var(--muted);font-size:11px}.studio-output-controls select{min-height:38px}.studio-output-controls button{min-height:38px;white-space:nowrap}.studio-production-tools{grid-column:1/-1;padding:19px}.studio-tools-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.studio-tool-panel{display:grid;align-content:start;gap:10px;padding:13px;border:1px solid var(--line-soft);border-radius:10px;background:#0a121e}.studio-tool-panel h4{margin:0;color:#dce7f8;font-size:13px}.studio-tool-panel label{gap:5px;color:var(--muted);font-size:11px}.studio-tool-panel output{float:left;color:var(--accent);font-weight:800;direction:ltr}.studio-tool-panel input[type=range]{height:6px;padding:0;background:#24324a;accent-color:var(--accent)}.studio-tool-panel input[type=file]{height:auto;padding:9px;font-size:11px;direction:rtl;text-align:right}.tool-note{margin:0;color:var(--muted-2);font-size:10px;line-height:1.6}.studio-inline-form{display:grid;grid-template-columns:1fr 90px auto;gap:7px}.studio-inline-form input{height:34px;font-size:11px}.studio-inline-form button{height:34px}.studio-run-list{display:grid;gap:6px;margin:0;padding:0;list-style:none}.studio-run-list li{display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:center;padding:8px;border-bottom:1px solid var(--line-soft);font-size:11px}.studio-run-list small{color:var(--muted)}.studio-run-list .empty-cell{display:block}.studio-asset-form{display:grid;grid-template-columns:1fr 92px;gap:7px}.studio-asset-form input,.studio-asset-form select{height:34px;font-size:11px}.studio-asset-form input[type=file]{grid-column:1/-1}.studio-asset-form button{grid-column:1/-1;height:34px}.studio-asset-list{display:grid;gap:6px}.studio-asset-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px;border-bottom:1px solid var(--line-soft)}.studio-asset-row strong,.studio-asset-row small{display:block;font-size:11px}.studio-asset-row small{margin-top:3px;color:var(--muted)}.studio-chat-panel{grid-column:span 2}.studio-chat-log{display:grid;gap:6px;min-height:112px;max-height:190px;overflow:auto;padding:8px;border:1px solid var(--line-soft);border-radius:7px;background:#07101a}.studio-chat-log p{display:grid;gap:2px;margin:0;padding:7px;border-radius:5px;background:#132139;font-size:11px}.studio-chat-log strong{color:var(--accent);font-size:10px}.studio-overlay{position:absolute;z-index:4;right:4%;bottom:5%;max-width:80%;padding:8px 14px;border-right:3px solid var(--accent);background:#07111de6;color:#fff;font-size:clamp(12px,1.6vw,20px);font-weight:800;box-shadow:0 5px 18px #0007}@media(max-width:1100px){.studio-tools-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-chat-panel{grid-column:span 1}.studio-output-controls{grid-template-columns:1fr 1fr 1fr}.studio-output-controls label{grid-column:1/-1}}@media(max-width:680px){.studio-tools-grid{grid-template-columns:1fr}.studio-production-tools{padding:14px}.studio-inline-form{grid-template-columns:1fr 76px}.studio-inline-form button{grid-column:1/-1}.studio-chat-panel{grid-column:auto}.studio-output-controls{grid-template-columns:1fr}.studio-output-controls label{grid-column:auto}}