:root{--bg:#111318;--panel:#171a20;--surface:#1c2027;--line:#2b3039;--text:#f2f3f7;--muted:#9099a8;--accent:#b7f5d2;--mono:ui-monospace,SFMono-Regular,Consolas,monospace;--font:Inter,"Avenir Next",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-family:var(--font);font-size:16px;color:var(--text);background:var(--bg);color-scheme:dark}body{margin:0;height:auto}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:4px}button:disabled{cursor:wait;opacity:.6}[hidden]{display:none!important}p{margin:0}h1,h2,h3{margin:0;font-weight:600;letter-spacing:-.04em}.topbar{height:84px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 32px;background:#14171c}.brand{display:flex;align-items:center;gap:11px;font-size:21px;font-weight:800;letter-spacing:.08em}.brand-mark{color:var(--accent);font-size:43px;line-height:1;transform:rotate(-12deg);margin-right:3px}.brand-sub{font-family:var(--mono);font-size:11px;letter-spacing:.12em;font-weight:400;border-left:1px solid #464c55;color:var(--muted);padding-left:16px;margin-left:6px}.top-actions{display:flex;align-items:center;gap:24px}.save-status{font:12px var(--mono);color:var(--muted)}.quiet-link{font-size:14px;color:#b7bfcc}.button{border:1px solid #3a424c;border-radius:7px;padding:11px 16px;background:#232830;font-size:14px;font-weight:650;transition:background .15s}.button:hover{background:#303742}.button.primary{background:var(--accent);border-color:var(--accent);color:#17231d}.button.primary:hover{background:#d0fbe1}.button.primary span{margin-left:12px}.button.quiet{background:none}.wide{width:100%}.workspace{display:grid;grid-template-columns:340px minmax(0,1fr);max-width:1800px;margin:auto}.settings{border-right:1px solid var(--line);background:var(--panel);padding:32px 25px 0;min-width:0}.settings-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:30px}.eyebrow{font:11px var(--mono);letter-spacing:.15em;color:var(--muted);margin-bottom:14px}.settings-heading h1{font-size:30px;line-height:1.12}.version{font:12px var(--mono);color:#65717e;align-self:flex-start}.tabs{display:flex;border-bottom:1px solid var(--line);margin-bottom:26px;gap:17px}.tab{border:0;border-bottom:2px solid transparent;background:transparent;padding:0 0 15px;font-size:13px;color:var(--muted)}.tab.selected{border-color:var(--accent);color:var(--accent)}.section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.section-title h2{font-size:15px;letter-spacing:0;font-weight:650}.mono{font:10px var(--mono);letter-spacing:.07em;color:#86929e}.pill{font:9px var(--mono);letter-spacing:.07em;border:1px solid #3d4652;border-radius:4px;padding:4px 6px;color:#aab6c5}.separated{border-top:1px solid var(--line);padding-top:24px;margin-top:24px}label{font-size:13px;color:#c9cfd9}.range-label{display:flex;justify-content:space-between;align-items:center;margin:0 0 12px}output{font:12px var(--mono);color:var(--accent)}input[type=range]{width:100%;height:4px;margin:8px 0 12px;accent-color:var(--accent);cursor:pointer}input[type=range]::-webkit-slider-thumb{height:14px;width:14px}.range-ends{display:flex;justify-content:space-between;font-size:11px;color:#798594}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:15px}.unit-input{display:flex;align-items:center;background:#101318;border:1px solid #353d48;border-radius:6px;margin-top:9px}.unit-input input{border:0;background:none;width:100%;min-width:0}.unit-input span{font:12px var(--mono);color:#6f7d8b;margin-right:12px}input[type=text],input[type=password],input[type=number],select{background:#101318;border:1px solid #353d48;color:var(--text);padding:10px 11px;border-radius:6px;width:100%;font-size:13px;min-width:0}input[type=number]{font-family:var(--mono)}.unit-input input{border:0;background:none}.hint{font-size:12px;color:var(--muted);line-height:1.65;margin:12px 0 22px}.spaced{margin-top:23px}.block{display:block;margin-bottom:9px}.muted{color:var(--muted)}.text-button{background:none;border:0;padding:0;color:#aeb8c6;font-size:12px;text-decoration:underline;text-underline-offset:4px;margin:24px 0}.settings-footer{border-top:1px solid var(--line);display:flex;gap:10px;padding:22px 0;font-size:11px;color:#778391}.local-icon{color:#a6b4c2}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px 0;border-bottom:1px solid var(--line)}input[type=checkbox]{accent-color:var(--accent);cursor:pointer;width:17px;height:17px}input[role=switch]{appearance:none;width:34px;height:20px;border-radius:20px;background:#414852;position:relative;transition:background .2s;flex-shrink:0}input[role=switch]::after{content:'';position:absolute;width:14px;height:14px;top:3px;left:3px;background:#d5dae1;border-radius:50%;transition:transform .2s}input[role=switch]:checked{background:var(--accent)}input[role=switch]:checked::after{background:#183025;transform:translateX(14px)}input[type=color]{width:36px;height:28px;background:none;border:0;padding:0;cursor:pointer}.platform-filter{display:grid;grid-template-columns:1fr 1fr;gap:10px}.platform-filter label{display:flex;align-items:center;gap:7px}.connection-state{font-size:12px;line-height:1.5;color:#e2bc95;border:1px solid #594e43;background:#302a24;border-radius:6px;padding:10px}.connection-state[data-state=connected]{color:var(--accent);border-color:#335546;background:#20332b}.connection-state[data-state=off]{color:var(--muted);border-color:var(--line);background:#20242c}.studio{padding:38px 42px 40px;min-width:0}.studio-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px;gap:16px}.studio-header .eyebrow{margin-bottom:9px}.studio-header h2{font-size:29px;letter-spacing:-.045em}.preview-mode{display:flex;border:1px solid var(--line);border-radius:7px;padding:4px;gap:3px;flex-shrink:0}.preview-mode button{border:0;background:none;border-radius:4px;padding:9px 12px;font-size:12px;color:var(--muted)}.preview-mode button.selected{background:#303640;color:#edf4f8}.preview-frame{border:1px solid #39414b;border-radius:11px;overflow:hidden;background:#14191f;box-shadow:0 24px 60px #0002}.preview-meta{display:flex;justify-content:space-between;padding:13px 18px;background:#20252d;font:10px var(--mono);letter-spacing:.075em;color:#a9b6c4;border-bottom:1px solid #39414b}.preview-meta>span:first-child{color:var(--accent)}.stage{aspect-ratio:16/9;width:100%;position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 50% 55%,#354752 0%,#25323c 35%,#18222b 75%)}.stage-grid{position:absolute;inset:0;z-index:0;background-image:linear-gradient(#b1c3d30a 1px,transparent 1px),linear-gradient(90deg,#b1c3d30a 1px,transparent 1px);background-size:40px 40px;mask-image:radial-gradient(ellipse at center,black,transparent 90%)}.stage-corner{position:absolute;width:18px;height:18px;border-color:#728997;border-style:solid;z-index:4;opacity:.45}.top-left{top:24px;left:24px;border-width:1px 0 0 1px}.bottom-right{bottom:24px;right:24px;border-width:0 1px 1px 0}.preview-layer{position:absolute;inset:0;overflow:hidden;pointer-events:none}#preview-back{z-index:1}#preview-front{z-index:3}.subject{position:absolute;inset:10% 35% 0;z-index:2;display:flex;align-items:flex-end;justify-content:center;pointer-events:none}.subject-placeholder{position:relative;width:100%;height:83%;background:linear-gradient(150deg,#485964,#2b3841);border:1px solid #8296a866;border-bottom:0;border-radius:110px 110px 0 0;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 8px 48px #0003}.crosshair{position:absolute;top:12%;color:#b1c4d188;font:25px var(--mono)}.subject-title{font-size:clamp(16px,2.2vw,35px);text-align:center;letter-spacing:.08em;font-weight:750;color:#c0cdd9;line-height:1.16}.subject-caption{font:8px var(--mono);letter-spacing:.08em;color:#a7bbc9;margin-top:18px;text-align:center}.subject-bottom{font:9px var(--mono);letter-spacing:.12em;color:#b0c2cd;position:absolute;bottom:24px}.subject img{max-height:100%;max-width:170%;object-fit:contain}.direction-mark{position:absolute;z-index:4;left:25px;bottom:22px;display:flex;gap:8px;align-items:center;color:#98aeba;font:8px var(--mono);letter-spacing:.1em;opacity:.65}.direction-mark>span:first-child{width:24px;height:1px;background:#9fb8c9}.preview-toolbar{display:flex;justify-content:space-between;align-items:center;padding:10px 17px;border-top:1px solid #39414b;background:#20252d}.legend{display:flex;gap:22px;font-size:11px;color:#a8b5c4}.legend>span{display:flex;align-items:center;gap:7px}.legend i{display:block;width:7px;height:7px;border-radius:2px}.legend-back{background:#8099aa}.legend-front{background:var(--accent)}.preview-tools{display:flex;align-items:center;gap:12px}.preview-tools button{background:none;border:0;width:26px;height:25px;font-size:18px;color:#b9c8d4}.upload-label{font-size:11px;color:#a7b8c7;cursor:pointer}.under-preview{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 0 30px;border-bottom:1px solid var(--line);margin-bottom:30px}.preview-note{display:flex;align-items:flex-start;gap:15px}.note-number{font:10px var(--mono);color:var(--accent);padding-top:4px}.preview-note p{font-size:17px;line-height:1.45;color:#afb9c6;letter-spacing:-.02em}.preview-note strong{color:#e3eaf1;font-weight:550}.fineprint{font-size:12px;line-height:1.7;color:#7f8e9f}.bottom-grid{display:grid;grid-template-columns:1.06fr 1fr;gap:24px}.card-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:17px}.card-top h3{font-size:14px;letter-spacing:-.02em}.stack{list-style:none;padding:0;margin:0 0 14px}.stack li{display:flex;align-items:center;gap:11px;font-size:12px;padding:10px 12px;background:#1a1f26;border-bottom:1px solid #12161c}.stack li:first-child{border-radius:6px 6px 0 0}.stack li:last-child{border-radius:0 0 6px 6px}.stack .camera-row{background:#252e36}.stack-num{font:10px var(--mono);color:#7e8c9c}.stack-tag{margin-left:auto;font:8px var(--mono);letter-spacing:.06em;color:#8393a5}.mint{color:var(--accent)}.inline-link{font-size:11px;color:#a7bcce;text-decoration:underline;text-underline-offset:4px}.status-tag{font:9px var(--mono);padding:4px 6px;border:1px solid #414953;color:#95a4b4;border-radius:4px}.source-list>div{display:flex;align-items:center;gap:10px;padding:7px 0;font-size:12px}.platform-symbol{display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:900;border-radius:5px;width:25px;height:25px;background:#2a2938}.twitch{color:#c6a2ff}.kick{color:#a6f579}.youtube{color:#ff938e}.tiktok{color:#84ecef}.source-via{font-size:10px;color:#8594a5;margin-left:auto}.sources-card .text-button{margin:13px 0 0}.live-empty{position:absolute;z-index:4;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:13px;background:#15202aed;text-align:center;padding:24px}.live-empty strong{font-size:19px}.live-empty>span:last-child{font-size:12px;color:#a9b6c3}.empty-mark{font-size:44px;color:var(--accent)}dialog{width:min(660px,calc(100vw - 36px));border:1px solid #495461;border-radius:15px;background:#1a2028;color:var(--text);padding:30px;box-shadow:0 20px 100px #0008}dialog::backdrop{background:#080d12c9;backdrop-filter:blur(5px)}.dialog-heading{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.dialog-heading h2{font-size:28px}.icon-button{background:none;border:0;font-size:25px;color:#b9c6d4}dialog>p{font-size:14px;line-height:1.7;color:#b4c2d0;margin-bottom:22px}.copy-row{display:flex;gap:8px;margin-top:9px}.copy-row input{font:12px var(--mono)}.callout{padding:17px;border:1px solid #43554e;background:#26362f;border-radius:8px;margin-top:25px;font-size:13px}.callout p{font-size:12px;line-height:1.7;color:#aac0b6;margin-top:8px}.dialog-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.dialog-actions a{margin-right:auto}.dialog-actions .button{font-size:11px}.toast{position:fixed;left:50%;bottom:28px;transform:translateX(-50%);z-index:20;max-width:90vw;padding:14px 20px;background:var(--accent);color:#1a3024;border:1px solid #ddffec;border-radius:8px;box-shadow:0 10px 40px #0007;font-size:13px}.guide{max-width:860px;margin:50px auto;padding:0 28px 80px;line-height:1.75}.guide h1{font-size:40px;margin-bottom:12px}.guide h2{font-size:25px;margin:38px 0 15px}.guide h3{font-size:18px;margin:25px 0 8px}.guide p,.guide li{color:#b3bfcd;font-size:15px;margin-bottom:12px}.guide a{color:var(--accent);text-decoration:underline}.guide code{background:#272e38;padding:3px 6px;border-radius:4px;font-size:13px}.guide .stack{max-width:500px}.guide .stack li{margin:0}.guide .callout p{margin-bottom:0}.guide .eyebrow{font-size:12px}.guide li{padding-left:5px}.guide table{width:100%;border-collapse:collapse;font-size:14px}.guide td,.guide th{padding:12px;border-bottom:1px solid var(--line);text-align:left}.guide th{color:var(--accent)}@media(min-width:1600px){.studio{padding:42px 58px}.workspace{grid-template-columns:360px minmax(0,1fr)}}@media(max-width:1150px){.workspace{grid-template-columns:300px minmax(0,1fr)}.settings{padding:28px 20px 0}.studio{padding:30px 26px}.studio-header h2{font-size:25px}.preview-mode button{padding:8px;font-size:11px}.bottom-grid{gap:20px}.card-top{align-items:flex-start;flex-direction:column;gap:7px}.fineprint{display:none}.save-status{display:none}.subject-caption{font-size:6px}}@media(max-width:850px){.workspace{display:flex;flex-direction:column}.studio{order:0;padding:25px 20px}.settings{order:1;border-right:0;border-top:1px solid var(--line);padding:28px 24px}.settings-heading h1 br{display:none}.settings-heading h1{font-size:26px}.panel{max-width:650px}.topbar{height:70px;padding:0 20px}.brand{font-size:18px}.brand-sub{display:none}.top-actions{gap:16px}.top-actions .quiet-link{display:none}.bottom-grid{gap:24px}.card-top{flex-direction:row}.subject-title{font-size:24px}.subject-caption{font-size:8px}.settings-footer{margin-top:24px}}@media(max-width:540px){.studio-header{align-items:flex-start;flex-direction:column;gap:18px}.studio-header h2{font-size:27px}.preview-mode{align-self:flex-end;margin-top:-8px}.bottom-grid{grid-template-columns:1fr}.preview-tools{gap:3px}.upload-label{font-size:10px}.legend{gap:10px;font-size:10px}.subject-title{font-size:16px}.subject-caption{display:none}.subject-bottom{font-size:6px;bottom:10px}.crosshair{font-size:15px}.direction-mark{font-size:6px;bottom:12px;left:12px}.preview-meta{font-size:8px;padding:10px 12px}.preview-toolbar{padding:8px 10px}.topbar .button{font-size:12px;padding:10px 12px}.brand{gap:5px;font-size:16px}.brand-mark{font-size:35px}.under-preview{padding:18px 0}.preview-note p{font-size:15px}.card-top{flex-direction:row}dialog{padding:22px}.dialog-heading h2{font-size:24px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
/* Parallax Studio v2 */
.tabs{gap:20px}.tab{font-size:14px}.live-control-bar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 18px;margin-bottom:30px;background:#1b2329;border:1px solid #3c5148;border-radius:10px}.live-control-bar .eyebrow{display:block;color:var(--accent);font-size:10px;margin-bottom:5px}.control-caption{font-size:11px;color:#8ea69b}.live-buttons{display:flex;gap:8px}.live-buttons button{display:flex;gap:8px;align-items:center;border:1px solid #3d4e47;background:#26352f;color:#d3f4e0;border-radius:6px;padding:10px 14px;font-size:13px;font-weight:650}.live-buttons button:hover{background:#354b40}.live-buttons .clear-control{background:#2e2930;border-color:#594854;color:#efcbd6}.live-buttons button span{font-size:18px;line-height:1}.preset-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:27px}.preset-card{display:flex;align-items:flex-start;flex-direction:column;padding:12px 9px;border-radius:7px;border:1px solid #343c47;background:#20262f;text-align:left;gap:7px;min-width:0}.preset-card.active{border-color:var(--accent);background:#24332f}.preset-card strong{font-size:11px;font-weight:700;letter-spacing:-.02em;white-space:nowrap}.preset-card small{font-size:9px;color:#95a5b6}.preset-lines{font-size:32px;line-height:1;letter-spacing:4px}.preset-lines.calm{color:#b7f5d2}.preset-lines.cinema{color:#93bbe1;transform:perspective(40px) rotateY(-30deg)}.preset-lines.arcade{color:#ffc794;transform:rotate(-10deg)}.small-button{background:#242c36;color:#bccadb;border:1px solid #404c5d;border-radius:5px;font-size:12px;padding:7px 10px}.small-button:hover{background:#344252}.small-button[aria-pressed=true]{color:var(--accent);border-color:var(--accent)}.zone-actions,.profile-actions{display:flex;gap:9px;align-items:center}.zone-actions .button{font-size:12px;padding:10px}.profile-actions{margin-top:9px}.zones-list{margin-top:15px;display:grid;gap:8px}.zone-row{padding:12px;background:#202731;border:1px solid #384653;border-radius:7px}.zone-row-top{display:flex;align-items:center;gap:8px}.zone-row-top input{flex:1;min-width:0;background:transparent;padding:5px 0;border:0;font-size:13px}.zone-delete{background:none;border:0;color:#d29baa;font-size:22px;padding:0 3px}.zone-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:10px;color:#91a5b8;margin-top:10px}.zone-meta select{font-size:11px;padding:6px;width:auto}.zone-coordinates{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin-top:10px}.zone-coordinates label{font-size:10px;color:#8c9eb0}.zone-coordinates input{font-size:11px;padding:7px 4px;margin-top:3px}.safe-zone-editor{position:absolute;inset:0;z-index:8;pointer-events:none;overflow:hidden}.safe-zone{position:absolute;pointer-events:auto;touch-action:none;border:1.5px dashed #b7f5d2;outline:100vmax solid #07121b08;outline-offset:0;background:#b7f5d21a;cursor:move;border-radius:5px;display:flex;align-items:center;justify-content:center;min-width:20px;min-height:20px}.safe-zone.selected{border-style:solid;background:#b7f5d226}.safe-zone-label{color:#dcfce8;background:#18392bed;border-radius:3px;padding:5px 8px;font:10px var(--mono);max-width:95%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;user-select:none;pointer-events:none}.zone-handle{position:absolute;bottom:-5px;right:-5px;width:14px;height:14px;border:2px solid #182d22;border-radius:3px;background:var(--accent);cursor:nwse-resize;touch-action:none}.safe-zone:focus-visible{outline:2px solid white;outline-offset:3px}.import-label{display:inline-block;cursor:pointer;color:var(--text)}.recent-card{margin-bottom:28px;border:1px solid #333d4a;border-radius:9px;background:#171c23;padding:20px}.recent-card .card-top{margin-bottom:12px;align-items:flex-start}.recent-card .hint{margin:7px 0 0;font-size:12px}.spotlight-duration{display:flex;align-items:center;gap:7px;font-size:12px;color:#97abbd;white-space:nowrap}.spotlight-duration input{width:50px;padding:7px;font-size:12px}.recent-messages{max-height:210px;overflow:auto;display:flex;flex-direction:column;gap:7px}.empty-recent{font-size:12px;color:#8194a7;padding:15px 0;line-height:1.7}.recent-message{display:flex;gap:11px;align-items:flex-start;border:1px solid #334151;border-radius:6px;background:#202933;padding:10px;text-align:left;cursor:pointer;color:#e9f2fb;width:100%}.recent-message.selected{border-color:var(--accent);background:#263b32}.recent-message .platform-symbol{flex-shrink:0}.recent-message-content{min-width:0;flex:1}.recent-message-user{display:block;font-size:11px;font-weight:700;color:#a8bdcf;margin-bottom:5px}.recent-message-text{display:block;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recent-message-time{color:#8197aa;font:10px var(--mono);white-space:nowrap}.setup-checks{display:grid;gap:12px;background:#141b23;border:1px solid #35424d;border-radius:8px;padding:16px;margin-bottom:25px;font-size:13px;color:#b7c7d6}.setup-checks label{display:flex;align-items:center;gap:8px;font-size:12px}.check-indicator{color:var(--accent);display:inline-block;width:24px}.source-health-note{font-size:11px!important;margin:10px 0 0!important}.source-via[data-state=recent]{color:var(--accent)}.source-via[data-state=stale]{color:#d1b491}.source-via[data-state=off]{color:#748596}.dock-mode .topbar,.dock-mode .settings,.dock-mode .studio-header,.dock-mode .preview-frame,.dock-mode .under-preview,.dock-mode .bottom-grid{display:none}.dock-mode .workspace{display:block}.dock-mode .studio{padding:14px}.dock-mode .live-control-bar{flex-direction:column;align-items:stretch;margin-bottom:15px;padding:12px}.dock-mode .live-control-bar>div:first-child{display:flex;justify-content:space-between;align-items:center}.dock-mode .control-caption{font-size:10px}.dock-mode .live-buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.dock-mode .live-buttons button{justify-content:center;font-size:11px;padding:10px 5px;gap:4px}.dock-mode .live-buttons button span{font-size:15px}.dock-mode .recent-card{padding:13px;margin:0}.dock-mode .recent-messages{max-height:calc(100vh - 240px);min-height:140px}.dock-mode .recent-card .card-top{flex-direction:column}.dock-mode .recent-card h3{font-size:16px}.dock-mode #live-feedback{font-size:11px}
@media(max-width:1300px){.live-control-bar{align-items:flex-start;flex-direction:column}.live-buttons{width:100%}.live-buttons button{flex:1;justify-content:center}.preset-grid{gap:5px}.preset-card{padding:9px 7px}.preset-card strong{font-size:10px}.preset-card small{font-size:8px}}@media(max-width:850px){.live-control-bar{flex-direction:row;align-items:center}.live-buttons{width:auto}.preset-grid{max-width:460px;gap:12px}.preset-card{padding:14px}.preset-card strong{font-size:14px}.preset-card small{font-size:12px}}@media(max-width:580px){.live-control-bar{align-items:stretch;flex-direction:column}.live-buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.live-buttons button{padding:10px 6px;font-size:12px;gap:4px}.recent-card .card-top{flex-direction:column}.preset-card strong{font-size:12px}.preset-card small{font-size:10px}.safe-zone-label{font-size:8px;padding:3px}}

.workspace-notice{padding:14px 28px;background:#30291b;color:#f4dda0;display:flex;gap:12px;align-items:center;flex-wrap:wrap}.workspace-notice[hidden]{display:none}.workspace-notice span{flex:1;min-width:240px}.save-status{max-width:230px}.dialog-actions{flex-wrap:wrap}

/* Guided setup and persistent broadcast visibility. */
.setup-card{margin-bottom:24px;border:1px solid #44564e;border-radius:10px;background:#1b2525}.setup-card summary{cursor:pointer;padding:17px 19px;font-size:16px;font-weight:650}.setup-card summary span:last-child{float:right;font-size:13px;color:#a8c6b6;font-weight:400}.setup-steps{list-style:none;padding:4px 20px 12px;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.setup-steps li{display:flex;gap:10px;min-width:0}.step-number{display:grid;place-items:center;width:25px;height:25px;flex-shrink:0;border-radius:50%;border:1px solid #6a7f78;font:12px var(--mono)}.step-number[data-done=true]{background:var(--accent);color:#152b21;border-color:var(--accent)}.setup-steps h3{font-size:15px;margin:3px 0 9px}.setup-steps p{font-size:14px;color:#b5c6c1;line-height:1.6;margin-bottom:12px}.step-state{display:block;font-size:12px;color:#b7f5d2;line-height:1.5;margin-bottom:10px}.step-check{display:flex;align-items:flex-start;gap:8px;font-size:13px;line-height:1.6;margin-top:12px;color:#c1d0c9}.step-check input{flex-shrink:0;margin-top:3px}.setup-footnote{padding:0 20px 17px;color:#8ba397;font-size:12px;line-height:1.5}.hidden-notice{display:flex;flex-direction:column;gap:6px;padding:16px 18px;background:#3c242e;border:1px solid #98596c;border-radius:8px;margin:-12px 0 24px;font-size:14px;line-height:1.5}.hidden-notice[hidden]{display:none}.hidden-notice span{color:#e1b6c4}.live-buttons{flex-wrap:wrap}.live-buttons .hide-control{background:#31272d;border-color:#80616d;color:#f2d3df}.live-buttons .hide-control[aria-pressed=true]{background:#edbdcf;color:#332029;border-color:#edbdcf}.connection-help{padding:15px;margin-bottom:24px;border:1px solid #456157;border-radius:8px;background:#1d2c28}.connection-help-top{display:flex;gap:8px;align-items:center;justify-content:space-between}.connection-help strong{font-size:15px}.connection-help p{font-size:14px;line-height:1.6;color:#bacec5;margin-top:12px}.connection-help #workspace-health{display:block;font-size:12px;color:#9bbcac;margin-top:12px}.camera-options{padding-left:20px;color:#b6c8cf;font-size:15px;line-height:1.7}.camera-options li{margin-bottom:16px}.camera-options+.button{display:inline-block}.dock-tools{display:none}.dock-mode .setup-card{display:none}.dock-mode .dock-tools{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.dock-mode .live-buttons{grid-template-columns:repeat(4,1fr)}.dock-mode #toggle-chat{grid-column:1/-1;font-size:15px;padding:12px}.dock-mode.settings-open .workspace{display:flex;flex-direction:column}.dock-mode.settings-open .settings{display:block;order:1;padding:20px}.dock-mode.settings-open .settings-heading,.dock-mode.settings-open .tabs,.dock-mode.settings-open .settings-footer{display:none}.dock-mode .hidden-notice{margin:0 0 15px}.button:disabled,button:disabled{opacity:.55;cursor:wait}@media(max-width:1300px){.setup-steps{grid-template-columns:1fr}.setup-steps li+li{border-top:1px solid #354941;padding-top:16px}.step-check{font-size:14px}}@media(max-width:580px){.live-buttons{grid-template-columns:repeat(4,1fr)}#toggle-chat{grid-column:1/-1}.setup-card summary{font-size:15px}.setup-card summary span:last-child{font-size:12px}}

/* Live moments: keep the same controls usable in narrow OBS docks. */
.hype-strip{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:-14px 0 26px;padding:12px 16px;border:1px solid #3d4855;border-radius:8px;background:#1c242b;font-size:14px;color:#aebdca}.hype-strip label{display:flex;gap:10px;align-items:center;font-size:14px}.hype-strip select{width:auto;font-size:14px;padding:8px}.hype-strip #hype-status{flex:1;min-width:170px}.hype-strip .is-live{color:#f7d295;font-weight:650}.spotlight-options{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin:16px 0}.spotlight-options label{display:flex;align-items:center;gap:8px;font-size:14px}.spotlight-options input[type=number]{width:65px;font-size:14px}.spotlight-options select{width:auto;font-size:14px}.spotlight-options .pin-option{margin-left:auto}.moment-actions{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}.active-spotlight{border:1px solid #719f8a;border-radius:8px;padding:15px;background:#21372d;margin:12px 0}.active-spotlight .eyebrow{display:block;margin-bottom:10px;color:#b7f5d2;font-size:12px}.active-spotlight p{font-size:16px;line-height:1.55;overflow-wrap:anywhere}.spotlight-live-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:12px}.spotlight-live-actions span{flex:1;font-size:14px;color:#b8d9c8}.queue-heading{font-size:14px;margin:18px 0 10px;color:#ced9e0}.queue-heading #queue-count{font:12px var(--mono);color:#a9b9c5;margin-left:8px}.spotlight-queue{display:grid;gap:7px;margin-bottom:18px;max-height:240px;overflow:auto}.spotlight-queue .empty-recent{padding:0}.spotlight-queue-row{display:flex;gap:10px;align-items:center;background:#212a33;border-radius:6px;padding:10px;font-size:14px}.spotlight-queue-row>span{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.spotlight-queue-row small{font-size:12px;color:#abc2d2;white-space:nowrap}.spotlight-queue-row button{flex-shrink:0}.recent-card .recent-message-text{font-size:14px}.recent-card .hint{font-size:14px}.dock-mode .hype-strip{margin:0 0 15px;padding:12px}.dock-mode .spotlight-options{gap:12px}.dock-mode .spotlight-options .pin-option{margin-left:0}.dock-mode .moment-actions button{flex:1}.dock-mode .recent-messages{max-height:320px;min-height:80px}.dock-mode .spotlight-queue{max-height:180px}.dock-mode #live-feedback{font-size:13px}@media(max-width:650px){.spotlight-options .pin-option{margin-left:0}.hype-strip{align-items:flex-start}.spotlight-queue-row{gap:7px}.moment-actions button{flex:1}}@media(prefers-reduced-motion:reduce){.parallax-message{transition:none!important}}

.spotlight-queue{grid-template-columns:minmax(0,1fr)}.spotlight-queue-row{min-width:0}

/* Platform identity controls are independent from platform chat visibility. */
.platform-controls{width:100%;border-collapse:collapse;margin-top:14px}.platform-controls th,.platform-controls td{padding:12px 3px;border-bottom:1px solid var(--line);font-size:14px}.platform-controls thead th{color:var(--muted);font-weight:500}.platform-controls th:first-child{text-align:left}.platform-controls td,.platform-controls thead th:not(:first-child){text-align:center;width:48px}.platform-controls tbody th{font-weight:550}.platform-name{display:flex;align-items:center;gap:10px}.platform-name .platform-logo{width:22px;height:22px;object-fit:contain;flex-shrink:0}.platform-symbol{background:transparent;flex-shrink:0;padding:3px;box-sizing:border-box}.platform-symbol .platform-logo{width:100%;height:100%;object-fit:contain}.platform-controls input:disabled{opacity:.35;cursor:not-allowed}

.font-preview{margin-top:12px;padding:15px 12px;border:1px solid var(--line);border-radius:7px;background:#101318;color:var(--text);font-size:22px;font-weight:650;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}