:root{color:#f4f7f5;background:#101313;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;--bg: #101313;--panel: #171b1b;--panel-raised: #1d2221;--line: #303635;--line-soft: #252a29;--text: #f4f7f5;--muted: #9ca6a2;--green: #43d38b;--green-deep: #173c2b;--red: #ff6d66;--red-deep: #492421;--amber: #f4be55}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:var(--bg)}button,input,textarea,select{font:inherit;letter-spacing:0}button{color:inherit}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #72e1aa;outline-offset:2px}.shell{height:100vh;min-height:100vh;overflow:hidden;display:grid;grid-template-rows:64px 1fr}.topbar{display:flex;align-items:center;justify-content:space-between;padding:0 24px;border-bottom:1px solid var(--line);background:#121615}.brand-lockup,.brand-lockup>div,.system-status,.crew-identity,.control-label,.privacy-badge{display:flex;align-items:center}.brand-lockup{gap:12px}.brand-lockup>div{align-items:flex-start;flex-direction:column;gap:2px}.brand-lockup strong{font-size:15px}.brand-lockup span:not(.brand-mark){color:var(--muted);font-size:11px;text-transform:uppercase}.brand-mark{width:34px;height:34px;display:grid;place-items:center;background:var(--green);color:#0a2116;border-radius:6px}.brand-mark svg,.icon-button svg{width:18px;height:18px}.system-status{gap:10px}.system-status>time{color:var(--muted);font-variant-numeric:tabular-nums;font-size:12px;min-width:74px}.status-chip{display:inline-flex;align-items:center;gap:7px;min-height:28px;padding:0 10px;border:1px solid var(--line);border-radius:4px;color:var(--muted);font-size:11px;text-transform:capitalize}.status-dot{width:6px;height:6px;border-radius:50%;background:#68716e}.status-chip.connected .status-dot{background:var(--green);box-shadow:0 0 0 3px #43d38b1f}.status-chip.connecting .status-dot,.status-chip.joining .status-dot{background:var(--amber)}.status-chip.error .status-dot{background:var(--red)}.icon-button{width:34px;height:34px;display:grid;place-items:center;border:0;border-radius:4px;background:transparent;cursor:pointer}.icon-button:hover{background:var(--panel-raised)}.workspace{min-height:0;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) 360px}.stage-area{min-width:0;min-height:0;display:grid;grid-template-rows:auto minmax(360px,1fr);padding:24px;gap:16px}.section-heading{min-width:0;display:flex;align-items:flex-end;justify-content:space-between;gap:24px}.section-heading h1,.crew-panel h2,.dialog-heading h2{margin:3px 0 0;font-size:20px;line-height:1.2}.eyebrow{color:var(--green);font-size:10px;font-weight:750}.session-label{color:var(--muted);font-size:12px}.session-label strong{color:var(--text)}.media-surface{position:relative;min-height:0;overflow:hidden;display:grid;place-items:center;background:#090b0b;border:1px solid var(--line);border-radius:6px}.media-surface:before{content:"";position:absolute;inset:0;opacity:.14;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:32px 32px}.media-empty{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--muted);font-size:13px}.media-empty[hidden]{display:none}.media-empty strong{color:var(--text);font-size:16px}.empty-icon{display:grid;place-items:center;width:48px;height:48px;margin-bottom:4px;border:1px solid var(--line);border-radius:50%;color:var(--green);background:var(--panel)}.video-grid{position:absolute;inset:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.video-tile{position:relative;margin:0;min-height:0;overflow:hidden;background:#080a0a}.video-tile video{width:100%;height:100%;object-fit:cover}.video-tile[data-participant-id=local-ground]{position:absolute;z-index:3;top:52px;right:12px;width:clamp(180px,22%,280px);height:auto;aspect-ratio:4 / 3;border:1px solid rgba(255,255,255,.28);border-radius:6px;box-shadow:0 12px 32px #0000006b}.video-placeholder{position:absolute;inset:0;display:grid;place-items:center;color:var(--muted);font-size:12px;background:#0d1010}.video-tile figcaption{position:absolute;left:12px;bottom:12px;padding:6px 8px;border-radius:3px;background:#070a09d1;font-size:11px}.on-air{position:absolute;z-index:2;top:12px;right:12px;display:flex;align-items:center;gap:6px;padding:6px 8px;border-radius:3px;background:#101313e0;color:#fff;font-size:10px;font-weight:750}.on-air[hidden]{display:none}.on-air span{width:6px;height:6px;border-radius:50%;background:var(--red)}.crew-panel{min-height:0;overflow-y:auto;display:flex;flex-direction:column;border-left:1px solid var(--line);background:var(--panel)}.crew-header{min-height:84px;display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--line)}.crew-identity{gap:12px}.crew-identity h2{font-size:15px}.crew-identity span:not(.avatar){color:var(--muted);font-size:11px}.crew-identity span.online{color:var(--green)}.avatar{width:38px;height:38px;display:grid;place-items:center;border-radius:5px;background:#2a302e;color:#cbd2cf;font-size:12px;font-weight:750}.privacy-badge{gap:5px;padding:6px 7px;border:1px solid #745c2d;border-radius:4px;color:#f8d48d;background:#322b1d;font-size:10px}.privacy-badge[hidden]{display:none}.privacy-badge svg{width:13px;height:13px}.control-section,.alert-section,.activity-section{padding:18px 20px;border-bottom:1px solid var(--line)}.control-section h3,.activity-title h3{margin:0;font-size:11px;text-transform:uppercase;color:var(--muted)}.control-row{min-height:66px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line-soft)}.control-row:last-child{border-bottom:0}.control-label{min-width:0;gap:10px}.control-label>svg{width:17px;height:17px;color:#c5cdca}.control-label>span{display:flex;flex-direction:column;gap:3px}.control-label strong{font-size:13px}.control-label small{color:var(--muted);font-size:10px;text-transform:capitalize}.ground-media-section{flex:0 0 auto}.ground-device{min-width:0;display:flex;flex-direction:column;gap:8px;padding-bottom:14px;border-bottom:1px solid var(--line-soft)}.ground-device+.ground-device{padding-top:8px}.ground-device:last-child{padding-bottom:0;border-bottom:0}.ground-device .control-row{min-height:50px;border-bottom:0}.ground-media-section .control-label small{text-transform:none}.ground-device select{width:100%;min-width:0;height:34px;padding:0 30px 0 10px;overflow:hidden;border:1px solid var(--line);border-radius:4px;color:var(--text);background:#101313;text-overflow:ellipsis}.ground-device select:disabled{opacity:.5}.ground-device+.ground-output{gap:11px;padding-top:14px}.ground-output .control-label{min-height:32px}.switch{position:relative;flex:0 0 auto;width:38px;height:22px;padding:0;border:1px solid #49504e;border-radius:11px;background:#292e2d;cursor:pointer}.switch span{position:absolute;width:16px;height:16px;top:2px;left:3px;border-radius:50%;background:#a7afac;transition:transform .15s ease,background .15s ease}.switch[aria-checked=true]{border-color:#388562;background:#20593f}.switch[aria-checked=true] span{transform:translate(15px);background:#7ce7af}.switch:disabled{opacity:.45;cursor:not-allowed}.switch.device-switch{width:28px;height:16px;border-radius:8px}.switch.device-switch span{width:10px;height:10px;top:2px;left:2px}.switch.device-switch[aria-checked=true] span{transform:translate(12px)}.alert-section{text-align:center}.alert-section>span{display:block;margin-top:8px;color:var(--muted);font-size:10px}.button{min-height:38px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 15px;border:1px solid transparent;border-radius:5px;font-weight:700;font-size:12px;cursor:pointer}.button.primary{color:#082015;background:var(--green)}.button.secondary{border-color:var(--line);background:var(--panel-raised)}.button:disabled{opacity:.45;cursor:not-allowed}.alert-button{width:100%;min-height:42px;color:#ffd4d1;border-color:#713b37;background:var(--red-deep)}.alert-button svg{width:17px;height:17px}.activity-section{min-height:180px;flex:0 0 auto;overflow:hidden;border-bottom:0}.activity-title{display:flex;align-items:center;justify-content:space-between}.text-button{padding:3px;border:0;background:transparent;color:var(--muted);font-size:10px;cursor:pointer}.activity-list{max-height:calc(100vh - 480px);overflow:auto;display:flex;flex-direction:column;gap:14px;margin:18px 0 0;padding:0;list-style:none}.activity-list li{display:grid;grid-template-columns:8px 1fr;gap:9px;align-items:start}.activity-list li div{display:flex;flex-direction:column;gap:3px;min-width:0}.activity-list strong{overflow-wrap:anywhere;font-size:11px;line-height:1.35;font-weight:550}.activity-list time{color:var(--muted);font-size:9px}.event-dot{width:7px;height:7px;margin-top:4px;border-radius:50%;background:#68716e}.event-dot.success{background:var(--green)}.event-dot.pending{background:var(--amber)}.event-dot.denied{background:var(--red)}dialog{width:min(520px,calc(100vw - 32px));padding:0;border:1px solid var(--line);border-radius:7px;color:var(--text);background:var(--panel);box-shadow:0 22px 70px #00000080}dialog::backdrop{background:#040605b8}.dialog-content{display:flex;flex-direction:column;gap:15px;padding:22px}.dialog-heading{display:flex;align-items:flex-start;justify-content:space-between}.dialog-content label:not(.checkbox-row){display:flex;flex-direction:column;gap:7px;color:#c9d0cd;font-size:11px;font-weight:650}.dialog-content input,.dialog-content textarea,.dialog-content select{width:100%;border:1px solid var(--line);border-radius:4px;padding:10px 11px;color:var(--text);background:#101313;resize:vertical}.checkbox-row{display:flex;align-items:center;gap:9px;color:#c9d0cd;font-size:12px}.checkbox-row input{width:15px;height:15px;accent-color:var(--green)}.dialog-note{margin:-4px 0 0;color:var(--muted);font-size:11px;line-height:1.45}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:4px}@media(max-width:1180px){.section-heading{align-items:flex-start;gap:12px}}@media(max-width:820px){.shell{height:auto;overflow:visible;grid-template-rows:auto 1fr}.topbar{min-height:64px;padding:10px 14px}.system-status{gap:6px}.system-status>time,#rtc-status{display:none}.workspace{display:block}.stage-area{min-height:560px;padding:16px;grid-template-rows:auto minmax(360px,55vh)}.workspace{overflow:visible}.crew-panel{overflow-y:visible;border-left:0;border-top:1px solid var(--line)}.activity-list{max-height:240px}}@media(max-width:480px){body{overflow-x:hidden}.brand-lockup span:not(.brand-mark),.session-label{display:none!important}.system-status{flex:0 0 auto}#relay-status{width:28px;padding:0;justify-content:center;overflow:hidden;font-size:0}.stage-area,.crew-panel{width:100%;max-width:100vw;overflow:hidden}.stage-area{min-height:500px;grid-template-rows:auto minmax(300px,50vh)}}