html{background:#070a0d;min-width:320px;overflow-x:hidden}#root{min-height:100vh;overflow-x:hidden}::selection{background:#06a8ff59}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#070a0d;--bg-2:#0b1116;--panel:#10161c;--panel-2:#121a21;--line:#26313a;--line-soft:#1b252d;--text:#f4f8fb;--muted:#92a2ad;--muted-2:#6f7f89;--cyan:#06a8ff;--cyan-2:#5bd6ff;--amber:#f3bd3b;--program:#32d66b;--preview:#ff514d;--green:#32d66b;--red:#ff514d;--shadow:0 18px 60px #00000052;--radius:8px;--font-ui:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);font-family:var(--font-ui);margin:0;overflow-x:hidden}button,input,select{font:inherit}button{cursor:pointer}.app{background:radial-gradient(circle at 50% -10%,#06a8ff21,#0000 28rem),linear-gradient(135deg,#070a0d 0%,#0b1116 52%,#06090c 100%);grid-template-columns:320px minmax(0,1fr);min-width:0;min-height:100vh;display:grid}.app.startup-active{height:100vh;overflow:hidden}@media (width>=1181px) and (height<=860px){.app{zoom:.72;width:138.889vw;min-height:138.889vh}}@media (width>=1181px) and (height>=861px) and (height<=980px){.app{zoom:.76;width:131.579vw;min-height:131.579vh}}@media (width>=1181px) and (height<=980px){.right-dock .guest-mobile{display:none}}.brand-mark{letter-spacing:0;white-space:nowrap;align-items:baseline;gap:3px;display:inline-flex}.brand-symbol{color:var(--cyan);font-size:28px;font-weight:900;line-height:1}.brand-name{color:var(--text);font-size:22px;font-weight:600;line-height:1}.brand-name span{color:#a9b5bd;font-weight:500}.startup-shell{z-index:10;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(90deg,#070a0df5,#070a0db8),radial-gradient(circle at 70% 20%,#06a8ff33,#0000 30rem);place-items:center;padding:24px;display:grid;position:fixed;inset:0}.startup-card{border:1px solid var(--line);width:min(760px,100%);max-height:calc(100vh - 48px);box-shadow:var(--shadow);background:linear-gradient(#10161cf5,#0a0f14f5);border-radius:10px;padding:32px;overflow:auto}.startup-copy{margin-top:38px}.startup-copy .eyeline{color:var(--cyan-2);text-transform:uppercase;margin:0 0 10px;font-size:13px;font-weight:800}.startup-copy h1{letter-spacing:0;max-width:640px;margin:0;font-size:34px;line-height:1.12}.startup-copy p:last-child{max-width:620px;color:var(--muted);margin:16px 0 0;font-size:15px;line-height:1.6}.startup-session{border:1px solid var(--line);border-radius:var(--radius);background:#0b1116;justify-content:space-between;align-items:center;gap:20px;margin:30px 0 22px;padding:18px;display:flex}.startup-session span,.startup-session small{color:var(--muted);display:block}.startup-session strong{margin:4px 0;font-size:22px;display:block}.session-picker{margin-bottom:22px}.session-picker .section-heading small{color:var(--muted);text-transform:none;font-size:12px}.session-list{gap:8px;max-height:168px;margin-top:10px;padding-right:2px;display:grid;overflow:auto}.session-row{border:1px solid var(--line);width:100%;color:var(--text);text-align:left;background:#0b1116;border-radius:7px;justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.session-row.selected{background:#06a8ff14;border-color:#06a8ffa3}.session-row strong,.session-row small{display:block}.session-row strong{font-size:14px}.session-row small{color:var(--muted);margin-top:4px;font-size:12px}.trash-button{width:34px;height:34px;color:var(--red);border:1px solid #ff514d61;border-radius:6px;flex:none;place-items:center;display:grid}.startup-actions{grid-template-columns:1fr 1fr;gap:12px;display:grid}.primary-action,.secondary-action,.copy-button,.action-button,.stacked-buttons button,.guest-tools button,.take-inline,.transition-strip button,.guest-link,.toggle{border:1px solid var(--line);min-height:42px;color:var(--text);text-transform:uppercase;background:#111820;border-radius:7px;justify-content:center;align-items:center;gap:9px;font-size:13px;font-weight:800;display:inline-flex}.primary-action,.secondary-action:hover,.copy-button:hover,.guest-tools button:first-child{color:#00131f;background:linear-gradient(#08aefe,#057ed5);border-color:#06a8ffb3}.secondary-action{background:0 0}.session-panel{border-right:1px solid var(--line-soft);background:#080c10f0;min-width:0;min-height:100vh;padding:22px 18px}.panel-top{justify-content:space-between;align-items:center;padding-bottom:20px;display:flex}.icon-button{border:1px solid var(--line);width:38px;height:38px;color:var(--muted);background:#111820;border-radius:7px;place-items:center;display:inline-grid}.panel-card{border:1px solid var(--line-soft);border-radius:var(--radius);background:linear-gradient(#121a21f5,#0c1116f5);padding:16px;box-shadow:inset 0 1px #ffffff08}.session-panel .panel-card+.panel-card{margin-top:16px}.section-heading,.section-title{color:#d5dde2;letter-spacing:0;text-transform:uppercase;justify-content:space-between;align-items:center;gap:10px;font-size:12px;font-weight:900;display:flex}.live-dot{color:var(--green);font-size:11px}.field-label{color:var(--muted);text-transform:uppercase;margin:16px 0 7px;font-size:12px;font-weight:800;display:block}input,select{border:1px solid var(--line);width:100%;color:var(--text);background:#0b1015;border-radius:7px;outline:none}input{height:42px;padding:0 12px;font-size:14px;font-weight:700}select{color:#d8e1e7;height:38px;margin-top:7px;padding:0 10px;font-size:13px}.session-meta,.output-meta{gap:9px;margin:14px 0 0;display:grid}.session-meta div,.output-meta div{justify-content:space-between;align-items:center;gap:14px;display:flex}dt{color:var(--muted);font-size:12px}dd{color:#dfe7ec;margin:0;font-size:12px;font-weight:800}.green{color:var(--green)}.option-stack{gap:8px;margin-top:12px;display:grid}.option{width:100%;min-height:58px;color:var(--text);text-align:left;background:0 0;border:1px solid #0000;border-radius:7px;align-items:flex-start;gap:12px;padding:10px;display:flex}.option:hover,.option.selected{background:#06a8ff14;border-color:#06a8ff61}.radio-dot{border:2px solid #53636f;border-radius:999px;flex:none;width:14px;height:14px;margin-top:2px}.option.selected .radio-dot{border-color:var(--cyan);background:var(--cyan);box-shadow:inset 0 0 0 3px #0b1116}.option strong,.option small{display:block}.option strong{font-size:13px}.option small{color:var(--muted);margin-top:4px;font-size:12px;line-height:1.35}.compact-output code,.pgm-url{overflow-wrap:anywhere;border:1px solid var(--line);color:#bfd2df;background:#090d12;border-radius:7px;width:100%;min-height:42px;padding:12px;font-size:12px;line-height:1.45;display:block}.copy-button{width:100%;margin-top:12px}.director-hub{grid-template-rows:auto auto auto auto auto 1fr;grid-template-columns:minmax(0,1fr) 340px;gap:18px;min-width:0;padding:18px;display:grid}.status-bar{border-bottom:1px solid var(--line-soft);grid-column:1/-1;align-items:center;gap:18px;min-width:0;min-height:56px;padding-bottom:14px;display:flex}.status-bar>div:first-child span,.status-tile span{color:var(--muted);font-size:12px;display:block}.status-bar>div:first-child strong{margin-top:3px;font-size:18px;display:block}.status-pill{color:var(--green);text-transform:uppercase;background:#32d66b1f;border:1px solid #32d66b57;border-radius:999px;align-items:center;gap:7px;padding:7px 12px;font-size:12px;font-weight:900;display:inline-flex}.status-group{grid-template-columns:repeat(4,minmax(130px,1fr));gap:8px;margin-left:auto;display:grid}.status-tile{border:1px solid var(--line-soft);background:#10161cb8;border-radius:7px;grid-template-columns:auto 1fr;column-gap:8px;min-height:52px;padding:9px 10px;display:grid}.status-tile svg{color:var(--cyan);grid-row:span 2}.status-tile strong{color:#e7edf1;white-space:nowrap;font-size:13px;display:block}.switcher-grid{grid-template-columns:minmax(280px,1fr) 84px minmax(280px,1fr);align-items:center;gap:14px;min-width:0;display:grid}.video-pane{border-radius:var(--radius);background:var(--panel);border:1px solid #32d66bad;min-width:0;overflow:hidden}.video-pane.preview{border-color:#ff514dc7}.video-art,.thumb,.phone-screen{background-position:50%;background-size:cover;position:relative;overflow:hidden}.media-layer{z-index:0;will-change:filter, transform, background-position, background-size;background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0}.stream-video{z-index:0;will-change:filter, transform, width, height;min-width:100%;min-height:100%;display:block;position:absolute}.soft-cover{color:#dff7ff;background:#04080c94}.video-art{aspect-ratio:16/9}.video-art:before,.thumb:before,.phone-screen:before{content:"";z-index:1;pointer-events:none;background:linear-gradient(#00000005,#00000061),repeating-linear-gradient(90deg,#ffffff08 0 1px,#0000 1px 5px);position:absolute;inset:0}.feed-rio{background:linear-gradient(135deg,#1c455e1a,#0c223226),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1200' height='675' viewBox='0 0 1200 675'%3E%3Cdefs%3E%3ClinearGradient id='s' x1='0' x2='0' y1='0' y2='1'%3E%3Cstop stop-color='%2397c9de'/%3E%3Cstop offset='.5' stop-color='%234f839d'/%3E%3Cstop offset='1' stop-color='%231d3141'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect fill='url(%23s)' width='1200' height='675'/%3E%3Cpath fill='%23253635' d='M0 455c145-60 241-36 341-88 98-51 175-148 267-96 84 47 113 124 209 89 129-47 211-11 383 63v252H0z'/%3E%3Cpath fill='%23799fb1' d='M0 507c180-44 296-19 430-23 151-4 260-53 383-21 122 33 233 26 387-2v214H0z' opacity='.6'/%3E%3Cpath fill='%23131a20' d='M0 582h1200v93H0z'/%3E%3Ccircle cx='830' cy='185' r='84' fill='%23606f72'/%3E%3Cpath fill='%233a4447' d='M818 113c54 87 57 190 7 282l-75-23c45-87 49-163 68-259z'/%3E%3Cg fill='%23d5e2e7' opacity='.76'%3E%3Crect x='108' y='501' width='32' height='85'/%3E%3Crect x='151' y='474' width='42' height='112'/%3E%3Crect x='225' y='515' width='30' height='71'/%3E%3Crect x='970' y='486' width='36' height='96'/%3E%3Crect x='1022' y='455' width='48' height='127'/%3E%3C/g%3E%3C/svg%3E")}.feed-city{background:linear-gradient(135deg,#1b324133,#12161b33),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1200' height='675' viewBox='0 0 1200 675'%3E%3Crect width='1200' height='675' fill='%239bb7c4'/%3E%3Cpath d='M0 408h1200v267H0z' fill='%2336464d'/%3E%3Cg fill='%23dce7eb'%3E%3Crect x='70' y='230' width='85' height='260'/%3E%3Crect x='170' y='280' width='58' height='210'/%3E%3Crect x='270' y='195' width='102' height='295'/%3E%3Crect x='424' y='250' width='74' height='240'/%3E%3Crect x='535' y='170' width='86' height='320'/%3E%3Crect x='700' y='285' width='64' height='205'/%3E%3Crect x='825' y='220' width='92' height='270'/%3E%3Crect x='1010' y='260' width='75' height='230'/%3E%3C/g%3E%3Cpath d='M0 520c148-57 252-42 372 0 163 58 274 58 426 0 125-47 255-51 402 8v147H0z' fill='%232a5f67'/%3E%3C/svg%3E")}.feed-monument{background:linear-gradient(135deg,#535d680d,#0e1a272e),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1200' height='675' viewBox='0 0 1200 675'%3E%3Crect width='1200' height='675' fill='%238fc4e2'/%3E%3Cpath d='M0 455c260-52 353-36 532-15 239 29 352-34 668-14v249H0z' fill='%23406b58'/%3E%3Cpath d='M580 160l-45 236h130l-45-236z' fill='%23d6d0c0'/%3E%3Cpath d='M548 230c-87 14-155 50-236 114l20 32c83-46 149-78 208-88zM652 230c87 14 155 50 236 114l-20 32c-83-46-149-78-208-88z' fill='%23ded8c7'/%3E%3Ccircle cx='600' cy='132' r='34' fill='%23eee8d8'/%3E%3Cpath d='M0 580c154-18 273-9 390 8 134 18 264 29 430 0 139-24 252-22 380-3v90H0z' fill='%2327353c'/%3E%3C/svg%3E")}.feed-sunset{background:linear-gradient(135deg,#4c25191a,#0d141b26),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1200' height='675' viewBox='0 0 1200 675'%3E%3Cdefs%3E%3ClinearGradient id='a' x1='0' x2='0' y1='0' y2='1'%3E%3Cstop stop-color='%236a8aa5'/%3E%3Cstop offset='.6' stop-color='%23d58b4d'/%3E%3Cstop offset='1' stop-color='%23271f25'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect width='1200' height='675' fill='url(%23a)'/%3E%3Ccircle cx='760' cy='315' r='72' fill='%23ffcf6d'/%3E%3Cpath d='M0 448c120-40 245-56 380-14 150 47 284 47 430 0 159-51 281-25 390 12v229H0z' fill='%233f2d2e'/%3E%3Cg fill='%231b1a1e'%3E%3Cpath d='M142 420h10v185h-10zM126 455l21-44 28 43-26-17zM306 410h10v195h-10zM288 445l26-50 30 48-29-19z'/%3E%3C/g%3E%3C/svg%3E")}.feed-night{background:linear-gradient(135deg,#14203314,#05090e1a),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1200' height='675' viewBox='0 0 1200 675'%3E%3Crect width='1200' height='675' fill='%230a1220'/%3E%3Cpath d='M0 460c130-36 255-50 420-16 169 36 286 36 440 0 123-29 235-36 340-9v240H0z' fill='%2316232d'/%3E%3Cg fill='%23e4d681'%3E%3Ccircle cx='80' cy='565' r='3'/%3E%3Ccircle cx='125' cy='520' r='3'/%3E%3Ccircle cx='188' cy='582' r='2'/%3E%3Ccircle cx='290' cy='535' r='3'/%3E%3Ccircle cx='455' cy='560' r='2'/%3E%3Ccircle cx='610' cy='512' r='3'/%3E%3Ccircle cx='720' cy='570' r='2'/%3E%3Ccircle cx='815' cy='524' r='3'/%3E%3Ccircle cx='955' cy='555' r='2'/%3E%3Ccircle cx='1070' cy='505' r='3'/%3E%3C/g%3E%3Cg fill='%23273644'%3E%3Crect x='120' y='280' width='70' height='210'/%3E%3Crect x='235' y='230' width='92' height='260'/%3E%3Crect x='480' y='255' width='80' height='235'/%3E%3Crect x='790' y='205' width='100' height='285'/%3E%3Crect x='980' y='270' width='78' height='220'/%3E%3C/g%3E%3C/svg%3E")}.feed-empty{background:linear-gradient(135deg,#0a0f14fa,#030609fa),repeating-linear-gradient(90deg,#ffffff09 0 1px,#0000 1px 14px),repeating-linear-gradient(0deg,#ffffff07 0 1px,#0000 1px 14px)}.pane-topline{z-index:2;background:linear-gradient(#05080bb8,#0000);justify-content:space-between;align-items:center;padding:14px 16px;display:flex;position:absolute;inset:0 0 auto}.pane-topline strong{color:var(--program);letter-spacing:0;font-size:27px}.preview .pane-topline strong{color:var(--preview)}.pane-topline span,.phone-live,.air-flag{color:#e8f8ff;text-transform:uppercase;background:#32d66bc7;border-radius:5px;padding:6px 9px;font-size:11px;font-weight:900}.preview .pane-topline span{background:#ff514ddb}.clean-monitor{z-index:2;color:#e5edf1;text-align:center;text-transform:uppercase;place-content:center;gap:6px;display:grid;position:absolute;inset:0}.clean-monitor strong,.clean-monitor span{display:block}.clean-monitor strong{letter-spacing:0;font-size:17px}.clean-monitor span{color:var(--muted);font-size:12px;font-weight:800}.lower-third{border-right:3px solid var(--cyan);background:#000000bd;grid-template-columns:58px 1fr;align-items:stretch;max-width:470px;display:grid;position:absolute;bottom:18px;left:18px;right:18px}.preview .lower-third{border-right-color:var(--amber)}.clock{background:var(--cyan);color:#00131f;place-items:center;font-size:13px;font-weight:900;display:grid}.preview .clock{background:var(--amber)}.lower-third div:last-child{padding:12px 14px}.lower-third strong,.lower-third span{display:block}.lower-third strong{color:var(--cyan-2);text-transform:uppercase;font-size:14px}.preview .lower-third strong{color:#ffd66d}.lower-third span{color:#e8eef2;margin-top:4px;font-size:13px}.camera-cover,.thumb-cover{z-index:2;color:#dce8ee;text-transform:uppercase;background:#06080bd1;place-items:center;font-size:13px;font-weight:900;display:grid;position:absolute;inset:0}.video-meters{color:#d1dbe1;align-items:center;gap:16px;min-height:44px;padding:10px 14px;font-size:12px;display:flex}.video-meters span{white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.video-meters svg{color:var(--green)}.preview .video-meters svg{color:var(--preview)}.take-inline{min-height:30px;color:var(--program);background:#32d66b1f;border-color:#32d66b80;margin-left:auto}.transition-strip{justify-items:stretch;gap:10px;display:grid}.transition-strip span{color:var(--muted);text-align:center;text-transform:uppercase;font-size:11px;font-weight:900}.transition-strip button{min-height:46px;padding:0 8px}.transition-strip button:disabled{cursor:not-allowed;opacity:.48}.transition-strip .take-button{border-color:var(--program);min-height:70px;color:var(--program)}.transition-strip .soft{color:#cfd8dd;text-transform:none}.guest-section{min-width:0}.guest-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.guest-heading span,.guest-heading strong{color:#d8e1e7;text-transform:uppercase;font-size:13px;font-weight:900}.guest-heading strong{color:var(--muted);margin-left:5px}.guest-tools{align-items:center;gap:8px;min-width:0;display:flex}.guest-tools button{min-height:36px;padding:0 12px}.guest-tools button:not(:first-child){width:36px;color:var(--muted);background:#111820;padding:0}.guest-strip{grid-template-columns:repeat(5,minmax(142px,1fr));gap:12px;display:grid}.empty-guests{border-radius:var(--radius);min-height:164px;color:var(--muted);text-align:center;background:#10161c8c;border:1px dashed #92a2ad4d;place-content:center;gap:8px;display:grid}.empty-guests strong{color:#edf4f7;text-transform:uppercase;font-size:15px}.empty-guests span{max-width:360px;font-size:13px;line-height:1.45}.approval-queue{border:1px solid var(--line-soft);border-radius:var(--radius);background:#10161c94;min-width:0;padding:12px}.approval-queue.has-requests{background:#241c0d47;border-color:#f3bd3b75}.queue-status{border:1px solid var(--line);color:var(--muted);text-transform:uppercase;white-space:nowrap;border-radius:999px;align-items:center;gap:7px;padding:7px 10px;font-size:11px;font-weight:900;display:inline-flex}.queue-status.enabled{color:var(--amber);border-color:#f3bd3b73}.request-list{gap:10px;display:grid}.request-card{border:1px solid var(--line-soft);border-radius:var(--radius);background:#0a0f14db;grid-template-columns:150px minmax(0,1fr) auto;align-items:center;gap:12px;min-width:0;padding:10px;display:grid}.request-thumb{aspect-ratio:16/9;border:1px solid var(--line);background-position:50%;background-size:cover;border-radius:7px;min-width:0;position:relative;overflow:hidden}.request-thumb span{color:#eaf4f8;text-transform:uppercase;background:#05080bc7;border-radius:5px;padding:5px 7px;font-size:10px;font-weight:900;position:absolute;bottom:8px;left:8px}.request-info{min-width:0}.request-info strong,.request-info span,.request-info small{display:block}.request-info strong{color:#edf5f8;text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.request-info span{color:var(--muted);margin-top:5px;font-size:12px}.request-info small{color:#cfd8dd;align-items:center;gap:5px;margin-top:8px;font-size:11px;font-weight:800;display:inline-flex}.request-actions{gap:8px;display:grid}.request-actions button{border:1px solid var(--line);min-width:110px;min-height:36px;color:var(--text);text-transform:uppercase;background:#111820;border-radius:7px;justify-content:center;align-items:center;gap:7px;font-size:12px;font-weight:900;display:inline-flex}.request-actions .approve{color:var(--green);border-color:#32d66b85}.request-actions .reject{color:var(--red);border-color:#ff514d85}.empty-requests{border-radius:var(--radius);min-height:88px;color:var(--muted);text-align:center;border:1px dashed #92a2ad42;place-content:center;gap:6px;display:grid}.empty-requests strong,.empty-requests span{display:block}.empty-requests strong{color:#eaf1f5;text-transform:uppercase;font-size:13px}.empty-requests span{max-width:410px;font-size:12px;line-height:1.45}.guest-card{border:1px solid var(--line-soft);border-radius:var(--radius);background:#10161ce6;min-width:0;overflow:hidden}.guest-card.selected{border-color:#06a8ffb8;box-shadow:0 0 0 1px #06a8ff33}.guest-card header{justify-content:space-between;align-items:center;gap:8px;padding:9px 10px;display:flex}.guest-card strong,.guest-card span{display:block}.guest-card strong{color:#eef5f8;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.guest-card header span:not(.signal){color:var(--muted);font-size:11px}.signal{color:var(--green);padding-left:12px;font-size:11px;font-weight:900;position:relative}.signal:before{content:"";background:currentColor;border-radius:999px;width:7px;height:7px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.signal.good{color:#8ce887}.signal.limited{color:var(--amber)}.signal.offline{color:var(--red)}.thumb{aspect-ratio:16/9;border:0;border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft);border-radius:0;width:100%;display:block}.air-flag{z-index:3;background:#ff514dd9;position:absolute;top:8px;right:8px}.guest-card footer{grid-template-columns:repeat(5,1fr);gap:6px;padding:8px;display:grid}.mini-control{border:1px solid var(--line);color:#d8e1e7;background:#111820;border-radius:6px;place-items:center;height:32px;display:grid}.active-danger{color:var(--red)}.quick-actions{align-self:start}.production-suite{border:1px solid var(--line-soft);border-radius:var(--radius);background:#0c1217d6;min-width:0;padding:12px}.suite-tabs{grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:12px;display:grid}.suite-tabs button,.switch-row button,.layout-buttons button,.asset-actions label,.layer-actions button,.layer-actions label{border:1px solid var(--line);color:#dce7ed;text-transform:uppercase;background:#111820;border-radius:7px;justify-content:center;align-items:center;gap:8px;min-height:36px;font-size:12px;font-weight:900;display:inline-flex}.suite-tabs button.selected,.switch-row button.selected,.layout-buttons button.selected{color:var(--cyan-2);background:#06a8ff1f;border-color:#06a8ffa3}.suite-grid{grid-template-columns:minmax(260px,.8fr) minmax(360px,1.2fr);align-items:stretch;gap:12px;display:grid}.suite-preview,.scene-preview{border:1px solid var(--line);border-radius:var(--radius);background:#080d12;min-width:0;padding:10px}.suite-preview>span{color:var(--muted);text-transform:uppercase;margin-bottom:8px;font-size:11px;font-weight:900;display:block}.suite-preview-frame{aspect-ratio:16/9;background-position:50%;background-size:cover;border-radius:7px;position:relative;overflow:hidden}.suite-controls{gap:9px;min-width:0;display:grid}.switch-row,.layout-buttons,.asset-actions{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.reset-config-button{min-height:38px;color:var(--amber);border-color:#f3bd3b6b;justify-content:center;align-items:center;gap:8px;display:inline-flex}.reset-config-button:disabled{cursor:not-allowed;opacity:.5}.layout-buttons{grid-template-columns:repeat(5,minmax(0,1fr))}.asset-actions label{cursor:pointer}.asset-actions input{display:none}.layers-suite{grid-template-columns:minmax(300px,.95fr) minmax(420px,1.05fr);gap:12px;display:grid}.layer-slots,.multiview-panel{border:1px solid var(--line);border-radius:var(--radius);background:#080d12;min-width:0;padding:10px}.layer-slots{gap:7px;display:grid}.layer-row{grid-template-columns:28px 22px minmax(0,1fr) 78px;align-items:center;gap:8px;min-width:0;display:grid}.layer-row strong{color:#eff7fb;background:#05080b;border-radius:4px;place-items:center;min-height:32px;font-size:13px;font-weight:950;display:grid}.layer-row input[type=checkbox]{width:16px;height:16px;accent-color:var(--cyan)}.layer-row select{color:#061018;background:#d6d9dd;border-radius:4px;height:32px;margin:0;font-size:12px;font-weight:800}.layer-row button{border:1px solid var(--line);color:#dce7ed;background:#18222b;border-radius:4px;min-height:32px;font-size:12px;font-weight:850}.layer-row button:disabled{cursor:not-allowed;opacity:.45}.multiview-panel{grid-template-rows:auto auto 1fr;gap:10px;display:grid}.template-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.template-card{background:#05080b;border:1px solid #0c1217;border-radius:3px;min-height:72px;position:relative;overflow:hidden}.template-card span{color:#fff;place-items:center;font-size:18px;font-weight:950;display:grid;position:absolute}.template-card span:nth-child(odd){background:#1216ff}.template-card span:nth-child(2n){background:#ff171b}.template-card .full{inset:0}.template-card .half:first-child,.template-card .top{inset:0 50% 0 0}.template-card .half:nth-child(2),.template-card .bottom{inset:0 0 0 50%}.template-card .top{inset:0 0 50%}.template-card .bottom{inset:50% 0 0}.template-card .q:first-child{inset:0 50% 50% 0}.template-card .q:nth-child(2){inset:0 0 50% 50%}.template-card .q:nth-child(3){inset:50% 50% 0 0}.template-card .q:nth-child(4){inset:50% 0 0 50%}.template-card .wide{inset:0 36% 0 0}.template-card .side{inset:18% 0 18% 64%}.template-card .angle-a{clip-path:polygon(0 0,100% 18%,100% 82%,0 100%);inset:0 50% 0 0}.template-card .angle-b{clip-path:polygon(0 18%,100% 0,100% 100%,0 82%);inset:0 0 0 50%}.layer-actions{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.layer-actions input{display:none}.colour-bars-preview{border:1px solid var(--line);background:#111;border-radius:4px;grid-template-columns:repeat(8,1fr);align-self:stretch;min-height:124px;display:grid;overflow:hidden}.colour-bars-preview span:first-child{background:#777}.colour-bars-preview span:nth-child(2){background:#c6c6c6}.colour-bars-preview span:nth-child(3){background:#d8d400}.colour-bars-preview span:nth-child(4){background:#14c7c8}.colour-bars-preview span:nth-child(5){background:#00c51d}.colour-bars-preview span:nth-child(6){background:#ca18c9}.colour-bars-preview span:nth-child(7){background:#c70000}.colour-bars-preview span:nth-child(8){background:#1210c0}.suite-slider{min-width:0;color:var(--muted);text-transform:uppercase;grid-template-columns:118px minmax(0,1fr);align-items:center;gap:10px;font-size:11px;font-weight:900;display:grid}.suite-slider span{justify-content:space-between;gap:8px;display:flex}.suite-slider strong{color:#eef5f8}.suite-slider input{height:6px;accent-color:var(--cyan)}.scene-preview{background-position:50%;background-size:cover;gap:8px;min-height:180px;display:grid}.scene-preview.layout-solo{grid-template-columns:1fr}.scene-preview.layout-duo,.scene-preview.layout-vertical{grid-template-columns:repeat(2,1fr)}.scene-preview.layout-quad{grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(2,1fr)}.scene-preview.layout-spotlight{grid-template-columns:1.6fr 1fr}.scene-tile{background-position:50%;background-size:cover;border:1px solid #ffffff29;border-radius:7px;min-height:74px;position:relative;overflow:hidden}.scene-tile span{z-index:2;color:#f2f7fa;text-transform:uppercase;background:#030609b8;border-radius:5px;padding:5px 7px;font-size:10px;font-weight:900;position:absolute;bottom:7px;left:8px}.audio-mixer{grid-template-columns:repeat(3,minmax(190px,1fr));gap:10px;display:grid}.audio-strip{border:1px solid var(--line);border-radius:var(--radius);background:#080c10d6;min-width:0;padding:10px}.audio-strip.offline{opacity:.62}.audio-strip header{justify-content:space-between;align-items:center;gap:10px;margin-bottom:9px;display:flex}.audio-strip strong{color:#edf5f8;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.audio-strip header span{color:var(--green);text-transform:uppercase;font-size:10px;font-weight:900}.audio-strip.offline header span{color:var(--red)}.vu-meter{background:#05080b;border-radius:999px;height:10px;margin-bottom:10px;overflow:hidden}.vu-meter span{border-radius:inherit;background:linear-gradient(90deg, var(--green), var(--amber) 72%, var(--red));height:100%;transition:width .18s;display:block}.action-grid{grid-template-columns:repeat(5,1fr);gap:12px;margin-top:10px;display:grid}.action-button{min-height:64px;padding:0 14px}.action-button.go{color:var(--green);border-color:#32d66bb3}.action-button.danger{color:var(--red);border-color:#ff514dad}.right-dock{grid-area:2/2/7;align-content:start;gap:16px;min-width:0;display:grid}.output-panel{gap:16px;display:grid}.guest-url{overflow-wrap:anywhere;border:1px solid var(--line);color:#bfd2df;background:#090d12;border-radius:7px;width:100%;min-height:42px;padding:12px;font-size:12px;line-height:1.45;display:block}.cache-note{color:var(--muted);align-items:center;gap:7px;margin-top:12px;font-size:12px;line-height:1.35;display:flex}.cache-note svg{color:var(--green);flex:none}.stacked-buttons{gap:9px;margin-top:12px;display:grid}.stacked-buttons button{justify-content:flex-start;min-height:38px;padding:0 12px}.stacked-buttons .danger{color:var(--red);border-color:#ff514dad}.guest-mobile{min-width:0}.phone-frame{background:#040609;border:2px solid #1d2d3a;border-radius:26px;margin-top:14px;padding:10px;position:relative;box-shadow:inset 0 0 0 1px #ffffff12}.phone-notch{z-index:3;background:#020304;border-radius:999px;width:8px;height:48px;position:absolute;top:50%;left:18px;transform:translateY(-50%)}.phone-screen{aspect-ratio:16/9;background-color:#111820;border-radius:18px}.phone-screen video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.phone-screen:not(.camera-on) video{display:none}.phone-overlay{z-index:2;color:#eef6fa;position:absolute;bottom:16px;left:18px;right:18px}.phone-overlay span,.phone-overlay strong{display:block}.phone-overlay span{color:var(--muted);text-transform:uppercase;font-size:11px;font-weight:800}.phone-overlay strong{margin-top:4px;font-size:16px}.phone-live{z-index:3;background:#ff514ddb;position:absolute;top:10px;right:10px}.mobile-controls{gap:9px;margin-top:12px;display:grid}.mobile-controls label{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:900}.toggle{text-transform:none;justify-content:flex-start;min-height:38px;padding:0 11px}.toggle.selected{color:var(--cyan-2);border-color:#06a8ff8c}.toggle.primary{border-color:#06a8ff8c;justify-content:center}.guest-note{color:var(--muted);margin:12px 0 0;font-size:12px;line-height:1.45}.guest-link{width:100%;color:var(--cyan-2);margin-top:12px;text-decoration:none}.guest-entry-shell{background:radial-gradient(circle at 22% 10%,#06a8ff2e,#0000 28rem),linear-gradient(135deg,#070a0d 0%,#0b1116 54%,#05080b 100%);place-items:center;min-height:100vh;padding:24px;display:grid}.guest-entry-card{border:1px solid var(--line);width:min(1080px,100%);box-shadow:var(--shadow);background:linear-gradient(#10161cf5,#080c10f5);border-radius:10px;padding:24px}.guest-entry-top{justify-content:space-between;align-items:center;gap:16px;margin-bottom:26px;display:flex}.guest-entry-layout{grid-template-columns:minmax(260px,.85fr) minmax(360px,1.15fr);align-items:start;gap:24px;display:grid}.guest-entry-copy{min-width:0;padding:10px 0}.entry-mode{color:var(--cyan-2);text-transform:uppercase;border:1px solid #06a8ff73;border-radius:999px;align-items:center;gap:7px;padding:7px 11px;font-size:12px;font-weight:900;display:inline-flex}.guest-entry-copy h1{color:var(--text);letter-spacing:0;margin:18px 0 0;font-size:38px;line-height:1.08}.guest-entry-copy p{max-width:440px;color:var(--muted);margin:14px 0 0;font-size:15px;line-height:1.55}.entry-meta{max-width:360px;margin-top:22px}.guest-entry-form{min-width:0}.guest-camera-preview{border:1px solid var(--line);border-radius:var(--radius);background:#05080b;padding:10px}.guest-camera-preview .phone-screen{border-radius:7px}.form-grid{grid-template-columns:1fr 1fr;gap:12px;margin-top:14px;display:grid}.form-grid label{min-width:0;color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:900}.form-grid input{margin-top:7px}.join-submit{width:100%;margin-top:14px}.join-submit:disabled{cursor:not-allowed;opacity:.52}.join-result{border:1px solid var(--line);color:#dfe8ee;border-radius:7px;margin-top:12px;padding:11px 12px;font-size:13px;font-weight:800}.join-result.joined{color:var(--green);border-color:#32d66b70}.join-result.pending{color:var(--amber);border-color:#f3bd3b7a}.join-result.blocked{color:var(--red);border-color:#ff514d75}.pgm-output{background:#000;width:100vw;height:100vh;overflow:hidden}.pgm-stage{background:#000 50%/cover;gap:0;width:100%;height:100%;display:grid}.pgm-stage.layout-solo{grid-template-columns:1fr}.pgm-stage.layout-duo,.pgm-stage.layout-vertical{grid-template-columns:repeat(2,1fr)}.pgm-stage.layout-quad{grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(2,1fr)}.pgm-stage.layout-spotlight{grid-template-columns:1.6fr 1fr}.pgm-source{background-position:50%;background-size:cover;min-width:0;min-height:0;position:relative;overflow:hidden}.pgm-source:after{content:"";z-index:1;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff14}.pgm-offline{z-index:2;color:#fff;text-transform:uppercase;background:#ff514de0;border-radius:5px;padding:.55vw .8vw;font-size:clamp(12px,1vw,18px);font-weight:950;position:absolute;top:2.2vw;right:2.2vw}.pgm-waiting{background:#0a82bed6}.pgm-idle{color:#eaf5fb;text-align:center;background:radial-gradient(circle at 50% 35%,#06a8ff29,#0000 24rem),#020407;place-content:center;gap:18px;min-height:100vh;display:grid}.pgm-idle strong{letter-spacing:0;font-size:clamp(32px,5vw,76px)}.pgm-idle>span{color:#96a9b7;text-transform:uppercase;font-size:clamp(13px,1.4vw,22px);font-weight:900}.pgm-bars{border:1px solid #ffffff2e;border-radius:6px;grid-template-columns:repeat(8,1fr);width:min(62vw,760px);height:min(22vw,190px);display:grid;overflow:hidden;box-shadow:0 32px 80px #00000061}.pgm-bars span:first-child{background:#777}.pgm-bars span:nth-child(2){background:#c6c6c6}.pgm-bars span:nth-child(3){background:#d8d400}.pgm-bars span:nth-child(4){background:#14c7c8}.pgm-bars span:nth-child(5){background:#00c51d}.pgm-bars span:nth-child(6){background:#ca18c9}.pgm-bars span:nth-child(7){background:#c70000}.pgm-bars span:nth-child(8){background:#1210c0}@media (width<=1380px){.app{grid-template-columns:300px minmax(0,1fr)}.director-hub{grid-template-columns:minmax(0,1fr)}.right-dock{grid-area:auto/1;grid-template-columns:minmax(0,1fr) 340px}.status-group{grid-template-columns:repeat(2,minmax(140px,1fr))}}@media (width<=1080px){.app{grid-template-columns:1fr}.session-panel{border-right:0;border-bottom:1px solid var(--line-soft);grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;min-height:auto;display:grid}.panel-top,.session-card{grid-column:1/-1}.session-panel .panel-card+.panel-card{margin-top:0}.switcher-grid{grid-template-columns:1fr}.transition-strip{grid-template-columns:repeat(4,1fr);align-items:center}.transition-strip span{text-align:left}.right-dock,.suite-grid,.audio-mixer,.layers-suite,.guest-entry-layout{grid-template-columns:1fr}.guest-strip{grid-template-columns:repeat(3,minmax(150px,1fr))}.action-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=720px){.startup-card,.director-hub,.session-panel{padding:16px}.startup-copy{margin-top:26px}.startup-copy h1{font-size:26px}.startup-actions,.session-panel,.status-bar,.guest-heading,.right-dock{grid-template-columns:1fr}.status-bar{display:grid}.status-group{grid-template-columns:1fr;width:100%;margin-left:0}.guest-strip,.action-grid{grid-template-columns:1fr}.transition-strip{grid-template-columns:1fr 1fr}.suite-tabs,.layout-buttons,.switch-row,.asset-actions,.template-grid,.layer-actions,.suite-slider,.request-card,.form-grid{grid-template-columns:1fr}.request-thumb{width:100%}.request-actions{grid-template-columns:1fr 1fr}.guest-entry-shell{padding:14px}.guest-entry-card{padding:16px}.guest-entry-copy h1{font-size:28px}.lower-third{grid-template-columns:48px 1fr;bottom:10px;left:10px;right:10px}}