.studio-monitor-tabs{display:flex;border-bottom:1px solid var(--line);margin-top:18px;gap:4px}.studio-monitor-tabs button{border:0;border-bottom:3px solid transparent;border-radius:0;background:transparent;padding:10px 8px;font-size:12px;flex:1;min-width:0;white-space:normal}.studio-monitor-tabs button[aria-pressed=true]{border-bottom-color:#18705b;color:#11614d;background:#eaf5f0}.studio-monitor-tabs button svg{width:16px}
#studioDesignView .production-preview{margin:12px 0;background-color:#15171c;border-radius:6px;border:0}.production-preview.with-background{background-image:url('/stream/squad/brand.png');background-size:contain;background-repeat:no-repeat;background-position:center}#studioDesignView .production-preview-label{font-size:12px;margin:12px 0 0}#studioDesignView>button{margin:12px 8px 0 0;font-size:12px}#studioDesignView .production-preview.portrait{max-height:390px;max-width:220px}.studio-scene-preview{display:flex;gap:12px;align-items:center}.studio-scene-preview label{margin:0;font-size:12px;flex:1}.studio-scene-preview select{width:55%;font-size:13px}
.studio-styles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.studio-styles button{display:flex;flex-wrap:wrap;gap:6px;min-width:0;padding:10px;font-size:12px}.studio-styles button[aria-pressed=true]{border:2px solid #16765d;background:#eef8f2;padding:9px}.studio-style-sample{display:block;width:100%;height:46px;background:#1a1b20 url('/stream/squad/brand.png') center/cover;position:relative;border-radius:3px;overflow:hidden}.studio-style-sample:after{content:'';position:absolute;left:8px;bottom:6px;width:48%;height:12px;background:#1b1c21;border-left:3px solid #ef3153}.studio-style-sample.minimal:after{height:4px;background:white;border:0}.studio-style-sample.scoreboard:after{height:14px;background:#ef3153;border:0;width:65%}
.studio-editor{scroll-margin-top:20px}.studio-layers{border:0;border-top:1px solid var(--line);margin:22px 0 0;padding:12px 0;display:flex;gap:24px;flex-wrap:wrap}.studio-layers legend{font-size:12px;color:#626b76;padding-right:10px}.studio-layers label{margin:0;align-items:center}.studio-layers input{margin:0}.studio-editor .actions{align-items:center}.studio-editor #studioSaveState{font-size:12px;color:#626b76;flex-basis:100%}#studioAdvanced{margin-top:0;border-bottom:0}#studioCountdown{max-width:140px}
.studio-camera{position:relative;background:#16181c;aspect-ratio:16/9;border-radius:6px;overflow:hidden;margin-top:12px}.studio-camera video{object-fit:contain}.studio-camera .mirrored{transform:scaleX(-1)}#studioCameraEmpty{position:absolute;inset:0;display:grid;place-items:center;color:#b9c4ce}#studioCameraEmpty svg{width:32px;height:32px}#studioDeviceView .actions{gap:8px;margin-top:12px}#studioDeviceView button{font-size:12px}#studioDeviceView label{font-size:12px;margin-top:14px}#studioDeviceView .check{align-items:center}#studioDeviceView select{font-size:13px}#studioMeter{width:100%;height:16px}#studioPlayback{width:100%;margin-top:12px}#studioLevel{min-height:20px;margin:6px 0 12px}
.status-panel .production-remote{margin-top:18px;padding-top:16px}.status-panel .production-remote h3{font-size:14px;margin-top:0}.status-panel .scene-controls button{font-size:12px;min-height:42px}.status-panel .production-remote .production-note{font-size:12px}.workspace{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px}.workspace>aside{padding-left:24px;position:sticky;top:12px;max-height:calc(100vh - 24px);overflow-y:auto;scrollbar-width:thin;padding-right:6px}
@media(max-width:760px){.workspace{grid-template-columns:1fr;gap:24px}.workspace>aside{max-height:none;overflow:visible;padding-left:0;padding-right:0;position:static}.studio-monitor-tabs button{font-size:11px;padding:8px 4px;gap:5px}.studio-monitor-tabs button svg{width:15px}.studio-styles{gap:6px}.studio-styles button{padding:8px 4px;font-size:11px}.studio-styles button[aria-pressed=true]{padding:7px 3px}.studio-layers{gap:16px}#studioDesignView .production-preview.portrait{max-width:175px}.studio-camera{max-height:250px}#studioDeviceView .actions button{flex:auto}.studio-scene-preview{gap:6px}}

/* These selectors also serve the isolated transparent output page. */
#overlay.minimal.game .tag{background:transparent;border:0;filter:drop-shadow(0 2px 3px #000)}#overlay.minimal.game .tag .brand{font-size:15px}#overlay.minimal.game .tag strong{font-size:30px}#overlay.scoreboard.game .tag{border-left:0;border-top:5px solid var(--accent);padding-top:0}#overlay.scoreboard.game .tag .brand{background:var(--accent);color:#101216;margin:0 -24px 14px;padding:10px 24px;font-size:17px}
#countdown{position:absolute;right:5%;bottom:5%;font-family:Arial,sans-serif;font-variant-numeric:tabular-nums;font-size:80px;font-weight:800;line-height:1;background:#101216ed;color:white;padding:20px 28px;border-bottom:5px solid var(--accent);min-width:250px;text-align:center}#overlay.starting .tag{max-width:55%}@media(orientation:portrait){#countdown{bottom:23%;left:4%;right:auto;font-size:64px}#overlay.starting .tag{max-width:88%}}
.simple-studio #studio .workspace{display:block;max-width:680px;margin:0 auto}
.simple-studio #studio .workspace[hidden]{display:none}
.simple-studio .workspace>aside,.simple-studio .steps,.simple-studio #consoleTest,.simple-studio .production-source,.simple-studio .partnership-status,.simple-studio .page-title .eyebrow{display:none!important}
.simple-studio .editor>section{padding:28px 0;border-bottom:1px solid #d7dde2;scroll-margin-top:20px}
.simple-studio .editor>section>h2{font-size:22px;line-height:1.3;margin:0 0 20px;letter-spacing:0}
.simple-studio #detailsPanel .fields{display:block}
.simple-studio #save,.simple-studio #titleCount,.simple-studio #setupDevice,.simple-studio #setupConnectTitle,.simple-studio #setupConnectText,.simple-studio #setupSecret,.simple-studio .setup-send,.simple-studio #connectPanel>.actions,.simple-studio #airPanel>.actions,.simple-studio .broadcast-summary,.simple-studio .live-coach,.simple-studio #airMessage,.simple-studio #productionPreview,.simple-studio #productionPreviewLabel,.simple-studio #productionScenePreview,.simple-studio #productionScenePreviewLabel,.simple-studio .production-remote{display:none!important}
.simple-studio #connection{border:0;padding:0;margin:16px 0}
.simple-studio #connection h2,.simple-studio #connection>p{display:none}
.simple-studio #connectionSlot:empty{display:none}
.simple-studio .setup-connect{border:0;padding:0;margin:0}
.simple-studio #setupGuide,.simple-studio .setup-help,.simple-studio .production-editor{margin:12px 0;padding:14px 0;border-top:1px solid #d7dde2;border-bottom:0}
.simple-studio #setupGuide summary,.simple-studio .setup-help summary,.simple-studio .production-editor summary,.simple-studio #simpleDraftMore summary{font-size:14px}
.simple-studio #productionForm{margin-top:14px}
.simple-studio #productionReload{display:none}
.simple-studio #broadcastActions{display:flex;gap:12px;flex-wrap:wrap;margin:16px 0}
.simple-studio .flight-check{border:0;padding:0;margin:0}
.simple-studio .simple-signal{font-size:14px;margin:0 0 16px;color:#526577}
.simple-studio .simple-signal.ready{color:#11614d}
.simple-studio #owner{max-width:680px;margin:24px auto}
.simple-studio #sessionLimit{font-size:13px;color:#526577}
.simple-studio #simpleOwnerMore>.section-head{margin-top:20px}
.simple-studio .page-title{margin-bottom:12px}
.simple-studio #draftForm>.actions{margin-top:20px}
.simple-studio .metadata-assistant{margin:0 0 24px;padding:20px;border:1px solid #cbd9e5;border-radius:10px;background:linear-gradient(135deg,#f0f7fc,#fff 70%);box-shadow:0 4px 16px #2437460a}
.simple-studio .metadata-assistant .eyebrow{font-size:10px;letter-spacing:.12em;color:#4f7089;margin:0 0 7px}
.simple-studio .metadata-assistant h3{font-size:18px;line-height:1.35;margin:0 0 6px}
.simple-studio .metadata-assistant>div>p:not(.eyebrow){font-size:13px;line-height:1.55;margin:0 0 14px}
.simple-studio .metadata-assistant label{font-size:13px;margin:0 0 6px}
.simple-studio .metadata-assistant input{margin-bottom:10px}
.simple-studio .metadata-assistant button{width:100%;justify-content:center}
.simple-studio .metadata-assistant #metadataStatus{font-size:12px;line-height:1.5;margin:10px 0 0;min-height:18px}
@media(max-width:760px){.simple-studio .editor>section{padding:24px 0}.simple-studio .editor>section>h2{font-size:20px}.simple-studio .page-title h1{font-size:26px}.simple-studio .encoder-picker{gap:8px}.simple-studio .encoder-picker button{font-size:14px}}
.simple-studio .production-editor .production-remote{display:block!important}
.simple-studio .production-editor .production-remote[hidden]{display:none!important}
.simple-studio #connectPanel>.actions,.simple-studio #airPanel>.actions{display:flex!important;justify-content:space-between;margin-top:24px}
.simple-studio #airPanel>.actions[hidden],.simple-studio .editor>section[hidden]{display:none!important}
.simple-studio #wizardProgress{font-size:13px;color:#526577;margin:24px 0 0;padding-bottom:14px;border-bottom:3px solid #d7dde2;background:linear-gradient(to right,#16765d var(--progress),transparent var(--progress)) left bottom/100% 3px no-repeat}
.simple-studio .wizard-footer{padding-top:18px}
.simple-studio #simpleDraftMore,.simple-studio #draftSettings{margin:24px 0;padding:20px 0 0;border-top:1px solid #d7dde2}
.simple-studio #simpleDraftMore h3,.simple-studio #draftSettings h3{font-size:16px;margin:0 0 18px}
.simple-studio #platformDrafts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:24px 0}
.simple-studio #platformDrafts[hidden],.simple-studio #draftForm[hidden],#youtubeDraft[hidden],#vkDraft[hidden]{display:none!important}
.platform-button{height:64px;min-width:0;justify-content:center;gap:10px;background:#fff;border:1px solid #cbd5df;border-radius:6px;font-size:18px;letter-spacing:0}
.platform-button svg:first-child{width:30px;height:30px;color:#f03}
.platform-button svg:last-child{width:16px;height:16px;margin-left:auto;color:#637080}
.platform-button[aria-expanded=true] svg:last-child{transform:rotate(180deg)}
.platform-youtube[aria-expanded=true]{border-color:#f03;box-shadow:inset 0 -3px #f03}
.platform-vk[aria-expanded=true]{border-color:#0077ff;box-shadow:inset 0 -3px #0077ff}
.platform-button:focus-visible{outline:3px solid #16765d;outline-offset:3px}
.platform-button .vk-mark{font-size:16px;font-weight:800;color:#fff;background:#0077ff;width:30px;height:30px;display:grid;place-items:center;border-radius:6px}
.platform-button b{font-size:11px;color:#fff;background:#ff2b45;padding:4px;border-radius:3px;vertical-align:middle}
#vkDraft label{margin-top:18px}#vkDraft textarea{line-height:1.6;resize:vertical}
.simple-studio .metadata-assistant{border-radius:8px;background:#fff;box-shadow:none}
.simple-studio .metadata-assistant .eyebrow{letter-spacing:0}
@media(max-width:430px){.platform-button{font-size:15px;padding:10px 8px;gap:6px}.platform-button b{font-size:9px}.platform-button svg:last-child{width:12px}.simple-studio #platformDrafts{gap:8px}}
#obsHelperFrame{display:block;width:100%;border:0;min-height:500px;background:transparent}#obsHelperFrame[hidden]{display:none}
.destination-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:12px;align-items:center;padding:14px 0;border-bottom:1px solid #d7dde2;font-size:14px}.destination-row strong{overflow-wrap:anywhere}.destination-row [data-state=live]{color:#12765b}.destination-row [data-state=error]{color:#bd1f39}#destinationMonitor{margin:16px 0}
.simple-studio .vk-category-search{display:grid;grid-template-columns:minmax(0,1fr) 44px;gap:8px;align-items:start}.simple-studio .vk-category-search input{min-width:0}.simple-studio .vk-category-search button{width:44px;height:44px;min-width:44px;padding:10px;margin:0;display:flex;align-items:center;justify-content:center}
.obs-mode{display:flex;gap:0;border-bottom:1px solid #cbd5df;margin:20px 0}.obs-mode button{flex:1;min-width:0;border:0;border-radius:0;border-bottom:3px solid transparent;background:transparent;white-space:normal}.obs-mode button[aria-pressed=true]{border-bottom-color:#16679a;color:#105b86;background:#e9f3fa}.obs-mode[hidden]{display:none}
#obsAssistant>h3{font-size:18px;margin:20px 0}#obsAssistant>details{border:0;border-top:1px solid #d7dde2;padding:16px 0;margin:0}#obsAssistant>details>summary{font-size:16px;font-weight:600;padding:6px 0}#obsAssistant>details[aria-current=step]>summary{color:#105b86}#obsAssistant>details[data-complete=true]>summary{color:#16765d}#obsAssistant .actions{gap:10px}#obsAssistant .setup-download{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border:1px solid #a8b9c9;border-radius:6px;padding:10px 16px;text-decoration:none;background:#fff;color:#174c73;font-weight:600}
#obsManual{margin:18px 0}#obsManual>summary{font-weight:600}.obs-guided #encoderStart,.obs-guided #connectionState,.obs-guided #reviewStream,.obs-guided #connectPanel>.production-editor{display:none!important}html:not(.obs-selected) #connectPanel>.production-editor{display:none!important}