:root{--background:#050505;--foreground:#f5f5f5;--muted:#a7a7a7;--panel:#0c0c0cc7;--panel-strong:#141414eb;--line:#ffffff24;--accent:#e93b3b;--ok:#35d07f;--gold:#f4c542;--warn:#f6b73c}*{box-sizing:border-box}html,body{background:var(--background);width:100%;min-height:100%;color:var(--foreground);margin:0;font-family:Arial,Helvetica,sans-serif}button{font:inherit}.playerShell{background:#050505;width:100vw;min-height:100vh;display:grid}.stage{background:#050505;width:100vw;min-height:100vh;position:relative;overflow:hidden}.video{object-fit:contain;background:#000;width:100vw;height:100vh;display:block}.screenTapLayer{z-index:1;cursor:default;background:0 0;border:0;position:absolute;inset:0}.posterLayer{z-index:1;opacity:1;pointer-events:none;background:#050505;place-items:center;transition:opacity .22s;display:grid;position:absolute;inset:0}.posterLayer img{object-fit:contain;width:100%;height:100%}.bigPlayButton{width:82px;height:82px;color:var(--foreground);cursor:pointer;pointer-events:auto;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#00000094;border:1px solid #ffffff47;border-radius:50%;place-items:center;transition:background .14s,border-color .14s,transform .14s;display:grid;position:absolute}.bigPlayButton:hover{background:#000000b8;border-color:#ffffff80}.bigPlayButton:active{transform:scale(.96)}.posterLayer.posterHidden{opacity:0;pointer-events:none;visibility:hidden}.controlBar{z-index:2;pointer-events:none;left:16px;right:16px;bottom:max(22px, env(safe-area-inset-bottom));border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);pointer-events:auto;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;min-height:56px;padding:8px;display:flex;position:absolute}.controlBar[data-admin=false]{justify-content:center}.meter{border:1px solid var(--line);background:var(--panel-strong);min-height:32px;color:var(--foreground);letter-spacing:0;white-space:nowrap;border-radius:8px;align-items:center;font-size:13px;font-weight:700;display:inline-flex}.leftControls,.rightControls{align-items:center;gap:8px;min-width:0;display:flex}.modeSwitcher{direction:ltr;justify-content:center;align-items:center;gap:6px;min-width:0;display:flex}.modeButton{border:1px solid var(--line);min-width:86px;height:42px;color:var(--muted);cursor:pointer;letter-spacing:0;white-space:nowrap;background:#ffffff14;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:0 10px;font-size:12px;font-weight:700;transition:background .14s,border-color .14s,color .14s,transform .14s;display:inline-flex}.modeLabel{color:inherit;font-size:12px;line-height:1}.modeQuality{color:#ffffffa3;font-size:10px;font-weight:700;line-height:1}.modeButton[data-active=true] .modeQuality{color:#35d07fdb}.modeButton:hover{color:var(--foreground);border-color:#ffffff52}.modeButton:active{transform:scale(.97)}.modeButton[data-active=true]{color:var(--ok);background:#35d07f29;border-color:#35d07f8f}.iconButton{border:1px solid var(--line);width:40px;height:40px;color:var(--foreground);cursor:pointer;background:#ffffff14;border-radius:8px;place-items:center;transition:background .14s,border-color .14s,transform .14s;display:inline-grid}.iconButton:hover{background:#ffffff29;border-color:#ffffff52}.iconButton:active{transform:scale(.96)}.playlistToggle{z-index:4;border:1px solid var(--line);background:var(--panel);min-width:46px;height:46px;color:var(--foreground);cursor:pointer;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:0 11px;transition:background .14s,border-color .14s,transform .14s;display:inline-flex;position:absolute;top:16px;left:16px}.playlistToggle:hover{background:#ffffff29;border-color:#ffffff52}.playlistToggle:active{transform:scale(.96)}.playlistToggle span{color:var(--muted);letter-spacing:0;font-size:12px;font-weight:800}.playlistPanel{z-index:6;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:linear-gradient(#181e1cf5,#080808f5 34%),#080808f0;border-right:1px solid #35d07f2e;flex-direction:column;width:min(460px,92vw);display:flex;position:absolute;top:0;bottom:0;left:0;box-shadow:16px 0 40px #00000057}.playlistHeader{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:16px;display:flex}.playlistHeaderActions{align-items:center;gap:8px;display:inline-flex}.playlistHeader div{align-items:baseline;gap:10px;min-width:0;display:flex}.playlistHeader strong{letter-spacing:0;font-size:16px}.playlistHeader span{color:var(--muted);font-size:12px;font-weight:800}.playlistTool,.playlistClose{border:1px solid var(--line);width:36px;height:36px;color:var(--foreground);cursor:pointer;background:#ffffff14;border-radius:8px;place-items:center;display:inline-grid}.playlistTool[data-active=true]{color:var(--gold);background:#f4c54221;border-color:#f4c54275}.playlistTool:hover,.playlistClose:hover{background:#ffffff29;border-color:#ffffff52}.broadcastSlotBar{scrollbar-width:thin;direction:ltr;gap:8px;padding:12px 14px 0;display:flex;overflow-x:auto}.broadcastSlotButton{min-width:126px;min-height:58px;color:var(--foreground);cursor:pointer;text-align:left;background:#fff1;border:1px solid #ffffff1f;border-radius:8px;align-content:center;gap:5px;padding:8px;transition:background .14s,border-color .14s,transform .14s;display:grid}.broadcastSlotButton:hover{background:#ffffff21;border-color:#ffffff4d}.broadcastSlotButton:active{transform:scale(.98)}.broadcastSlotButton[data-active=true]{background:linear-gradient(#35d07f2e,#35d07f14),#ffffff13;border-color:#35d07f8c}.broadcastSlotButton span{color:var(--foreground);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:900;overflow:hidden}.broadcastSlotButton small{color:#ffffff94;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:10px;font-weight:800;line-height:1.2;display:-webkit-box;overflow:hidden}.broadcastSlotButton[data-active=true] small{color:#35d07fd6}.broadcastSlotAdd{color:var(--ok);border-style:dashed}.broadcastSlotButton:disabled{cursor:wait;opacity:.55}.broadcastSlotHint{color:#ffffff94;letter-spacing:0;justify-content:space-between;align-items:center;gap:8px;margin:8px 14px 0;font-size:11px;font-weight:800;line-height:1.35;display:flex}.broadcastSlotHint span{min-width:0}.broadcastSlotHint button,.broadcastSaveButton{min-height:30px;color:var(--ok);cursor:pointer;white-space:nowrap;background:#35d07f1a;border:1px solid #35d07f57;border-radius:8px;font-size:11px;font-weight:900}.broadcastSlotHint button{padding:0 9px}.broadcastEditor{background:#ffffff0e;border:1px solid #ffffff1f;border-radius:8px;gap:8px;margin:10px 14px 12px;padding:10px;display:grid}.broadcastEditorGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.broadcastEditor label{gap:5px;min-width:0;display:grid}.broadcastEditor label span{color:#ffffff94;text-transform:uppercase;font-size:10px;font-weight:900}.broadcastEditor input,.broadcastEditor select{width:100%;min-width:0;height:34px;color:var(--foreground);background:#0000003d;border:1px solid #ffffff24;border-radius:8px;outline:0;padding:0 9px;font-size:12px;font-weight:800}.broadcastEditor input:focus,.broadcastEditor select:focus{border-color:#35d07f8c}.broadcastSaveButton{justify-self:start;padding:0 12px}.broadcastSaveButton:disabled{cursor:wait;opacity:.55}.broadcastInfoOverlay{z-index:3;pointer-events:none;max-width:min(520px,100vw - 32px);position:absolute;top:16px;right:16px}.broadcastTeams{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0505059e;border:1px solid #ffffff21;border-radius:8px;grid-template-columns:42px minmax(0,1fr) 42px;align-items:center;gap:10px;min-height:58px;padding:8px 10px;display:grid}.broadcastTeams div{text-align:center;gap:4px;min-width:0;display:grid}.broadcastTeams strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:900;overflow:hidden}.broadcastTeams small{color:#ffffffad;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:900;overflow:hidden}.teamLogo{width:42px;height:42px;color:var(--muted);direction:ltr;background:#ffffff14;border:1px solid #ffffff21;border-radius:50%;place-items:center;font-size:12px;font-weight:900;display:inline-grid;overflow:hidden}.teamLogo img{object-fit:contain;width:100%;height:100%}.broadcastInfoOverlay[data-status=live] .broadcastTeams{border-color:#35d07f61}.broadcastInfoOverlay[data-status=ended] .broadcastTeams{opacity:.68}.channelSearch{border:1px solid var(--line);height:42px;color:var(--muted);background:#ffffff14;border-radius:8px;align-items:center;gap:9px;margin:12px 14px;padding:0 12px;display:flex}.channelSearch input{width:100%;min-width:0;color:var(--foreground);background:0 0;border:0;outline:0;font-size:14px}.channelSearch input::placeholder{color:#ffffff73}.filterBar{color:var(--muted);align-items:center;gap:6px;padding:0 14px 10px;display:flex;overflow-x:auto}.filterChip{height:30px;color:var(--muted);cursor:pointer;letter-spacing:0;white-space:nowrap;background:#ffffff12;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:7px;padding:0 9px;font-size:12px;font-weight:800;display:inline-flex}.filterChip small{color:#ffffff7a;font-size:11px;font-weight:800}.filterChip:hover{color:var(--foreground);border-color:#ffffff47}.filterChip[data-active=true]{color:var(--ok);background:#35d07f1f;border-color:#35d07f6b}.filterChip:disabled{cursor:not-allowed;opacity:.42}.activeGroup{min-height:36px;color:var(--ok);cursor:pointer;text-align:start;background:#35d07f17;border:1px solid #35d07f52;border-radius:8px;align-items:center;gap:8px;margin:0 14px 10px;padding:0 10px;font-size:12px;font-weight:800;display:flex}.activeGroup span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.clearFilters{height:30px;color:var(--muted);cursor:pointer;background:#ffffff0f;border:1px solid #ffffff24;border-radius:8px;margin:0 14px 10px;font-size:12px;font-weight:800}.clearFilters:hover{color:var(--foreground);border-color:#ffffff47}.nowPanel{color:var(--muted);background:#ffffff0f;border:1px solid #ffffff1f;border-radius:8px;grid-template-columns:24px minmax(0,1fr);gap:10px;margin:0 14px 12px;padding:10px;display:grid}.nowPanel>svg{color:var(--ok);margin-top:2px}.nowPanel div{gap:3px;min-width:0;display:grid}.nowPanel span{color:var(--muted);font-size:11px;font-weight:800}.nowPanel strong{color:var(--foreground);letter-spacing:0;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:800;overflow:hidden}.nowPanel small{color:#ffffff8c;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:700;overflow:hidden}.groupList{overscroll-behavior:contain;flex-direction:column;flex:1;gap:7px;min-height:0;padding:0 12px 14px;display:flex;overflow-y:auto}.groupButton{min-height:58px;color:var(--foreground);cursor:pointer;text-align:start;background:#ffffff0e;border:1px solid #ffffff1a;border-radius:8px;grid-template-columns:38px minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:8px;transition:background .14s,border-color .14s,transform .14s;display:grid}.groupButton[data-favorite=true],.channelButton[data-favorite=true]{background:linear-gradient(90deg,#f4c5421f,#0000 34%),#ffffff0e;border-color:#f4c5424d}.groupButton:hover{background:#ffffff1f;border-color:#ffffff42}.groupButton:active{transform:scale(.99)}.groupIcon{width:38px;height:38px;color:var(--ok);background:#35d07f1f;border-radius:8px;place-items:center;display:inline-grid}.groupText{gap:4px;min-width:0;display:grid}.groupText strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:900;overflow:hidden}.groupText small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:800;overflow:hidden}.groupCount{min-width:38px;height:28px;color:var(--foreground);background:#ffffff17;border-radius:999px;justify-content:center;align-items:center;padding:0 8px;font-size:12px;font-weight:900;display:inline-flex}.channelList{overscroll-behavior:contain;flex-direction:column;flex:1;gap:6px;min-height:0;padding:0 12px 14px;display:flex;overflow-y:auto}.channelButton{min-height:58px;color:var(--foreground);cursor:pointer;text-align:start;background:#ffffff0e;border:1px solid #ffffff1a;border-radius:8px;grid-template-columns:30px 38px minmax(0,1fr) auto 34px;align-items:center;gap:10px;padding:8px;transition:background .14s,border-color .14s,transform .14s;display:grid}.favoriteButton{color:#ffffff6b;pointer-events:auto;border-radius:8px;place-items:center;width:30px;height:38px;display:inline-grid}.favoriteButton[data-active=true]{color:var(--gold)}.inlineTools{direction:ltr;align-items:center;gap:4px;display:inline-flex}.inlineTools span{width:26px;height:26px;color:var(--muted);pointer-events:auto;background:#ffffff12;border:1px solid #ffffff1f;border-radius:7px;place-items:center;display:inline-grid}.inlineTools span:hover{color:var(--foreground);border-color:#ffffff47}.channelButton:hover{background:#ffffff1f;border-color:#ffffff42}.channelButton:active{transform:scale(.99)}.channelButton[data-active=true]{background:#35d07f1f;border-color:#35d07f85}.channelLogo,.channelFallback{background:#ffffff14;border:1px solid #ffffff1f;border-radius:8px;width:38px;height:38px}.channelLogo{object-fit:contain}.channelFallback{color:var(--muted);direction:ltr;place-items:center;font-size:10px;font-weight:800;display:inline-grid}.channelText{gap:4px;min-width:0;display:grid}.channelName{letter-spacing:0;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;font-weight:800;line-height:1.24;display:-webkit-box;overflow:hidden}.channelName svg{color:var(--ok);vertical-align:-2px;margin-inline-end:4px;display:inline}.channelGroup{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:700;overflow:hidden}.qualityPill{color:#ffffffb8;direction:ltr;background:#ffffff12;border:1px solid #ffffff24;border-radius:7px;justify-content:center;align-items:center;width:34px;height:22px;padding:0;font-size:10px;font-weight:900;display:inline-flex}.channelButton[data-active=true] .qualityPill{color:var(--ok);background:#35d07f1f;border-color:#35d07f6b}.listLimit{color:var(--muted);text-align:center;padding:10px 8px 2px;font-size:12px;font-weight:700;line-height:1.45}.volumeControl{border:1px solid var(--line);min-width:180px;height:40px;color:var(--foreground);direction:ltr;background:#ffffff14;border-radius:8px;align-items:center;gap:8px;padding:0 10px;display:flex}.volumeControl input{width:126px;accent-color:var(--ok);cursor:pointer}.volumeControl span{width:28px;color:var(--muted);text-align:right;font-size:12px;font-weight:700}.meter{color:var(--ok);direction:ltr;gap:10px;padding:0 12px}.meter span:first-child{color:var(--foreground)}.stage:fullscreen{background:#000;width:100vw;height:100vh}.stage:fullscreen .video{width:100vw;height:100vh}.stageExpanded{z-index:9999;background:#000;width:100vw;height:100vh;min-height:100vh;position:fixed;inset:0}.stageExpanded .video{width:100vw;height:100vh}.errorLine{z-index:3;color:#ffd8d8;overflow-wrap:anywhere;direction:ltr;background:#260808e6;border:1px solid #e93b3b73;border-radius:8px;min-height:36px;padding:10px 12px;font-size:13px;line-height:1.35;position:absolute;bottom:88px;left:16px;right:16px}.viewerOverlayLayer{z-index:4;pointer-events:none;position:absolute;inset:0;overflow:hidden}.viewerOverlayItem{min-width:44px;min-height:28px;color:inherit;pointer-events:auto;text-align:center;border:1px solid #fff3;justify-content:center;align-items:center;gap:8px;padding:8px 14px;font-size:14px;font-weight:900;line-height:1.2;text-decoration:none;display:flex;position:absolute;box-shadow:0 12px 36px #00000042}.viewerOverlayItem span{text-overflow:ellipsis;overflow:hidden}.viewerOverlayItem[data-kind=logo]{aspect-ratio:1;padding:8px}.viewerOverlayClose{width:24px;height:24px;color:inherit;cursor:pointer;background:#00000057;border:1px solid #ffffff47;border-radius:50%;flex:none;place-items:center;display:inline-grid}.adminShell,.studioShell,.registerShell{min-height:100vh;color:var(--foreground);background:linear-gradient(#0e1214f5,#050505 42%),#050505}.adminShell{grid-template-rows:auto auto 1fr auto;gap:18px;padding:22px;display:grid}.adminTopbar,.studioTopbar{border-bottom:1px solid #ffffff1f;justify-content:space-between;align-items:center;gap:18px;padding-bottom:16px;display:flex}.adminTopbar h1,.studioTopbar h1,.registerHero h1{letter-spacing:0;margin:0;font-size:clamp(28px,4vw,46px);line-height:1.05}.adminKicker,.studioTopbar span{color:var(--ok);letter-spacing:0;align-items:center;gap:8px;font-size:13px;font-weight:900;display:inline-flex}.adminNav,.studioTopbar nav{align-items:center;gap:10px;display:flex}.adminNav a,.studioTopbar a,.adminActionRow a,.adminRoadmap a,.registerHero a{min-height:38px;color:var(--foreground);background:#ffffff12;border:1px solid #ffffff24;border-radius:8px;align-items:center;gap:7px;padding:0 12px;font-size:13px;font-weight:900;text-decoration:none;display:inline-flex}.adminMetrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.adminMetrics div,.adminRoadmap div,.registerPanel{background:#ffffff0e;border:1px solid #ffffff1f;border-radius:8px}.adminMetrics div{grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:74px;padding:14px;display:grid}.adminMetrics svg{color:var(--ok)}.adminMetrics span{color:var(--muted);font-size:13px;font-weight:800}.adminMetrics strong{letter-spacing:0;font-size:28px}.adminWorkspace{grid-template-columns:minmax(260px,.85fr) minmax(420px,1.4fr) minmax(320px,1fr);gap:14px;min-height:0;display:grid}.adminEventList,.adminEditor,.adminChannelPicker,.studioRail,.studioPreviewPanel,.studioInspector{background:#0a0a0a9e;border:1px solid #ffffff1f;border-radius:8px;flex-direction:column;min-height:0;display:flex}.adminPanelHeader,.studioPanelHeader{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;gap:12px;padding:14px;display:flex}.adminPanelHeader div{gap:3px;display:grid}.adminPanelHeader span,.studioPanelHeader span{color:var(--muted);font-size:11px;font-weight:900}.adminPanelHeader strong,.studioPanelHeader strong{font-size:15px;font-weight:900}.adminPanelHeader button,.studioPanelHeader button,.adminSaveBar button,.studioInspectorActions button,.registerPanel>button{min-height:36px;color:var(--ok);cursor:pointer;background:#35d07f1f;border:1px solid #35d07f61;border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:0 12px;font-size:12px;font-weight:900;display:inline-flex}.adminEventStack,.adminChannelList,.studioOverlayList{flex-direction:column;flex:1;gap:8px;min-height:0;padding:12px;display:flex;overflow-y:auto}.adminEventItem,.adminChannelList button,.studioOverlayList button{min-height:74px;color:var(--foreground);cursor:pointer;text-align:start;background:#ffffff0e;border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:5px;padding:10px;display:grid}.adminEventItem[data-active=true],.adminChannelList button[data-active=true],.studioOverlayList button[data-active=true]{background:#35d07f1f;border-color:#35d07f85}.adminEventItem strong,.adminChannelList strong,.studioOverlayList strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:900;overflow:hidden}.adminEventItem small,.adminChannelList small,.studioOverlayList small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:800;overflow:hidden}.adminEventItem em,.adminChannelList em,.studioOverlayList em{color:#f4c542e6;direction:ltr;font-size:10px;font-style:normal;font-weight:900}.eventBadge{color:var(--ok);border:1px solid #ffffff24;border-radius:999px;justify-self:start;padding:3px 8px;font-size:10px;font-weight:900}.adminFormGrid,.studioFormGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:14px;display:grid}.adminFormGrid label,.studioForm label,.registerPanel label{gap:6px;min-width:0;display:grid}.adminFormGrid label span,.studioForm label span,.registerPanel label span{color:#ffffff9e;font-size:11px;font-weight:900}.adminFormGrid input,.adminFormGrid select,.adminSearch input,.studioForm input,.studioForm select,.registerPanel input{width:100%;min-width:0;min-height:38px;color:var(--foreground);font:inherit;background:#0000003d;border:1px solid #ffffff24;border-radius:8px;outline:0;padding:0 10px}.adminFormGrid input:focus,.adminFormGrid select:focus,.adminSearch input:focus,.studioForm input:focus,.studioForm select:focus,.registerPanel input:focus{border-color:#35d07f8c}.adminSaveBar{align-items:center;gap:12px;padding:0 14px 14px;display:flex}.adminSaveBar span,.registerMessage{color:var(--gold);font-size:13px;font-weight:800}.adminActionRow{gap:8px;display:flex}.adminSearch{color:var(--muted);align-items:center;gap:8px;margin:12px;display:flex}.adminChannelList button{grid-template-columns:40px minmax(0,1fr) auto}.adminChannelList img,.adminChannelList button>span{object-fit:contain;border-radius:8px;grid-row:span 2;width:38px;height:38px}.adminChannelList button>span{color:var(--muted);background:#ffffff14;place-items:center;font-size:10px;font-weight:900;display:grid}.adminRoadmap{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.adminRoadmap div{grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;padding:14px;display:grid}.adminRoadmap svg{color:var(--gold)}.adminRoadmap strong,.adminRoadmap span{grid-column:2}.adminRoadmap span{color:var(--muted);font-size:12px;font-weight:700}.studioShell{grid-template-rows:auto 1fr;gap:16px;padding:22px;display:grid}.studioLayout{grid-template-columns:280px minmax(460px,1fr) 360px;gap:14px;min-height:0;display:grid}.studioOverlayList button{grid-template-columns:auto minmax(0,1fr) auto;min-height:62px}.studioOverlayList button span{min-width:52px;color:var(--gold);text-align:center;background:#f4c54221;border-radius:999px;grid-row:span 2;padding:4px 8px;font-size:10px;font-weight:900}.studioPreviewPanel{min-height:620px}.studioPreview{touch-action:none;background:#000;border-radius:0 0 8px 8px;flex:1;min-height:0;position:relative;overflow:hidden}.studioPreview:before{content:"";pointer-events:none;background-color:#0000;background-image:linear-gradient(#ffffff0e 1px,#0000 1px),linear-gradient(90deg,#ffffff0e 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:5% 5%;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0}.studioPreviewVideo{color:#fff3;place-items:center;font-size:18px;font-weight:900;display:grid;position:absolute;inset:0}.studioPreviewVideo svg{margin-bottom:52px}.studioPreviewOverlay{min-width:54px;min-height:32px;color:inherit;cursor:grab;text-align:center;border:1px solid #ffffff47;justify-content:center;align-items:center;gap:7px;padding:8px;font-size:13px;font-weight:900;display:flex;position:absolute}.studioPreviewOverlay[data-selected=true]{outline-offset:2px;outline:2px solid #f4c542d9}.studioMockClose{background:#00000057;border-radius:50%;place-items:center;width:20px;height:20px;display:grid}.studioResizeHandle{background:var(--gold);cursor:nwse-resize;border:2px solid #fff;border-radius:4px;width:16px;height:16px;position:absolute;bottom:-6px;right:-6px}.studioInspector{overflow-y:auto}.studioForm{gap:12px;padding:14px;display:grid}.studioFormGrid{grid-template-columns:repeat(2,minmax(0,1fr));padding:0}.studioCheck,.joinCheck{color:var(--foreground);grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;font-size:13px;font-weight:800;display:flex!important}.studioCheck input,.joinCheck input{width:18px;min-height:18px;accent-color:var(--ok)}.studioInspectorActions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.studioInspectorActions button:last-child{color:#ffb2b2;background:#e93b3b1a;border-color:#e93b3b6b}.studioEmpty{color:var(--muted);padding:18px;font-size:13px;font-weight:800}.registerShell{grid-template-columns:minmax(280px,.82fr) minmax(360px,1fr);align-items:center;gap:24px;padding:28px;display:grid}.registerHero{gap:18px;max-width:640px;display:grid}.registerHero p{color:var(--muted);margin:0;font-size:18px;font-weight:700;line-height:1.55}.registerHero a{justify-self:start}.registerFlow{gap:12px;display:grid}.registerPanel{gap:14px;padding:18px;display:grid}.authSwitch{grid-template-columns:1fr 1fr;gap:8px;display:grid}.authSwitch button,.googleButton,.signedUser button{min-height:36px;color:var(--foreground);cursor:pointer;background:#ffffff12;border:1px solid #ffffff24;border-radius:8px;font-weight:900}.authSwitch button[data-active=true]{color:var(--ok);border-color:#35d07f73}.registerPanel label div{color:var(--muted);grid-template-columns:24px minmax(0,1fr);align-items:center;gap:8px;display:grid}.googleButton:disabled{cursor:not-allowed;opacity:.58}.signedUser{color:var(--ok);grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:8px;font-size:13px;font-weight:900;display:grid}.onboardingStep{background:#ffffff0b;border:1px solid #ffffff1a;border-radius:8px;gap:10px;padding:12px;display:grid}.onboardingStep p{color:var(--muted);margin:0;font-size:13px;line-height:1.45}.onboardingStep>strong{color:var(--gold);font-size:12px}@media (max-width:1120px){.adminWorkspace,.studioLayout,.registerShell{grid-template-columns:1fr}.studioPreviewPanel{min-height:520px}.adminChannelPicker{min-height:460px}}@media (max-width:720px){.adminShell,.studioShell,.registerShell{padding:14px}.adminTopbar,.studioTopbar{flex-direction:column;align-items:stretch}.adminMetrics,.adminRoadmap,.adminFormGrid,.studioFormGrid{grid-template-columns:1fr}.adminRoadmap div{grid-template-columns:30px minmax(0,1fr)}.adminRoadmap a{grid-column:1/-1}.viewerOverlayItem{padding:6px 9px;font-size:12px}}@media (max-width:620px),(pointer:coarse) and (max-width:920px),(pointer:coarse) and (max-height:520px){.controlBar,.errorLine{left:10px;right:10px}.controlBar{bottom:max(8px, env(safe-area-inset-bottom));grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"left right""modes modes""meter meter";justify-content:stretch;align-items:center;gap:8px;min-height:0;padding:8px;display:grid}.controlBar[data-admin=false]{grid-template-areas:"left right""meter meter"}.playlistToggle{top:10px;left:10px}.playlistPanel{width:min(360px,94vw)}.broadcastEditorGrid{grid-template-columns:1fr}.broadcastInfoOverlay{max-width:min(330px,100vw - 20px);top:10px;right:10px}.broadcastTeams{grid-template-columns:34px minmax(0,1fr) 34px;gap:8px;min-height:50px;padding:7px 8px}.teamLogo{width:34px;height:34px;font-size:10px}.broadcastTeams strong{font-size:12px}.meter{grid-area:meter;justify-self:center;min-height:30px;padding:0 8px;font-size:12px}.iconButton{width:37px;height:37px}.leftControls{grid-area:left;justify-content:flex-start;gap:6px}.rightControls{grid-area:right;justify-content:flex-end;gap:6px}.modeSwitcher{scrollbar-width:none;scroll-snap-type:x proximity;grid-area:modes;justify-content:flex-start;width:100%;padding:1px 0 2px;overflow-x:auto}.modeSwitcher::-webkit-scrollbar{display:none}.modeButton{scroll-snap-align:start;flex:none;min-width:78px;height:38px;padding:0 8px}.modeLabel{font-size:11px}.modeQuality{font-size:9px}.volumeControl{display:none}.errorLine{bottom:150px}}@media (max-width:380px){.controlBar{gap:7px;left:8px;right:8px}.iconButton{width:35px;height:35px}.modeButton{min-width:74px}.meter{gap:7px;min-height:28px;font-size:11px}}