:root{color:#f5f5f5;font-synthesis:none;text-rendering:optimizelegibility;background:#080808;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}button,input,select{font:inherit}button{color:inherit}.studio{--yellow:#ff0;--black:#080808;--panel:#151515;--border:#343434;--muted:#9b9b9b;background:radial-gradient(circle at 46% -20%, #ffff0014, transparent 40%), var(--black);grid-template-rows:76px minmax(0,1fr) 58px;width:100vw;min-width:1280px;height:100dvh;min-height:720px;display:grid;overflow:hidden}.topbar{border-bottom:1px solid var(--border);background:#0d0d0d;grid-template-columns:300px minmax(0,1fr) 250px;align-items:center;display:grid}.brand-block{border-right:1px solid var(--border);align-items:center;gap:11px;height:100%;padding:0 16px;display:flex}.brand-mark,.auth-logo{background:var(--yellow,#ff0);color:#000;letter-spacing:-1px;place-items:center;font-weight:950;display:grid}.brand-mark{border-radius:9px;width:48px;height:42px}.brand-block h1,.brand-block p{margin:0}.brand-block h1{font-size:22px;line-height:1}.brand-block p{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;margin-top:4px;font-size:12px}.stream-strip{align-items:center;gap:clamp(20px,3.4vw,54px);min-width:0;padding:0 28px;display:flex}.stream-strip div{gap:3px;min-width:0;display:grid}.stream-strip strong{text-overflow:ellipsis;white-space:nowrap;max-width:260px;font-size:14px;overflow:hidden}.eyebrow{color:var(--muted);letter-spacing:.14em;text-transform:uppercase;font-size:10px;font-weight:800}.pill{border:1px solid var(--border);letter-spacing:.1em;border-radius:999px;padding:7px 12px;font-size:11px;font-weight:900}.pill.neutral{color:#aaa;background:#191919}.pill.live{color:#ff8e8e;background:#2b1010;border-color:#df5656}.owner-area{justify-content:flex-end;align-items:center;gap:12px;padding-right:16px;display:flex}.clock{justify-items:end;gap:2px;display:grid}.clock strong{color:var(--yellow);font-variant-numeric:tabular-nums;font-size:22px}.clock span{color:var(--muted);font-size:12px}.logout-button,.refresh-button{border:1px solid var(--border);color:#cfcfcf;cursor:pointer;background:#171717;border-radius:7px;align-items:center;gap:7px;min-height:34px;padding:0 10px;font-size:12px;display:flex}.logout-button:hover,.refresh-button:hover{border-color:var(--yellow);color:var(--yellow)}.body-grid{grid-template-columns:190px minmax(0,1fr) 290px;min-height:0;display:grid}.navigation{border-right:1px solid var(--border);background:#0d0d0d;flex-direction:column;gap:7px;min-height:0;padding:16px 12px;display:flex}.nav-button{color:#c9c9c9;text-align:left;background:0 0;border:1px solid #0000;border-radius:9px;align-items:center;gap:12px;min-height:46px;padding:0 14px;display:flex}.nav-button.active{border-color:var(--yellow);background:var(--yellow);color:#000;font-weight:850}.nav-button:disabled{color:#5d5d5d}.settings-link{margin-top:auto}.workspace{min-width:0;min-height:0;padding:16px 18px;overflow:hidden}.workspace-heading{justify-content:space-between;align-items:center;height:46px;margin-bottom:10px;display:flex}.workspace-heading h2{margin:3px 0 0;font-size:24px}.health-badge{border:1px solid var(--border);border-radius:8px;align-items:center;gap:8px;padding:9px 13px;font-weight:800;display:flex}.health-badge.compact{padding:7px 10px;font-size:12px}.health-badge.online{color:#70ec9d;border-color:#41d47b}.health-badge.degraded{color:#f4ca72;border-color:#f4b942}.health-badge.offline{color:#ef7777;border-color:#df5656}.health-badge.disabled{color:#888}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:10px;display:grid}.metric-card{border:1px solid var(--border);background:linear-gradient(145deg,#1b1b1b,#131313);border-radius:10px;min-height:92px;padding:12px 14px;display:grid;box-shadow:inset 0 1px #ffffff08}.metric-card span,.metric-card small{color:var(--muted)}.metric-card span{letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:750}.metric-card strong{color:var(--yellow);text-overflow:ellipsis;white-space:nowrap;align-self:end;font-size:clamp(19px,1.6vw,27px);overflow:hidden}.metric-card small{text-overflow:ellipsis;white-space:nowrap;align-self:end;font-size:10px;overflow:hidden}.panel{border:1px solid var(--border);background:var(--panel);border-radius:10px;min-width:0;min-height:0;overflow:hidden}.control-grid.soundboard-layout{grid-template-columns:minmax(0,1.45fr) minmax(330px,.72fr);gap:10px;height:calc(100% - 158px);min-height:360px;display:grid}.panel-title{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;height:56px;padding:0 14px;display:flex}.panel-title h3{margin:3px 0 0;font-size:17px}.soundboard-panel{grid-template-rows:56px auto minmax(0,1fr) auto auto;display:grid}.sound-upload{background:#111;border-bottom:1px solid #292929;grid-template-columns:minmax(170px,1.15fr) minmax(145px,.9fr) 86px 82px 76px;align-items:end;gap:7px;padding:10px 12px;display:grid}.sound-upload>input,.sound-upload label input,.scene-control select{color:#f5f5f5;background:#090909;border:1px solid #404040;border-radius:7px;outline:none;width:100%;min-height:38px}.sound-upload>input:not([type=file]),.sound-upload label input,.scene-control select{padding:0 10px}.sound-upload input[type=file]{color:#bcbcbc;padding:7px;font-size:10px}.sound-upload input[type=file]::file-selector-button{color:#eee;cursor:pointer;background:#303030;border:0;border-radius:5px;margin-right:8px;padding:5px 8px}.sound-upload label{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;gap:4px;font-size:9px;font-weight:800;display:grid}.sound-upload button,.play-button,.scene-control button{background:var(--yellow);color:#000;cursor:pointer;border:0;border-radius:7px;justify-content:center;align-items:center;gap:6px;min-height:38px;font-weight:900;display:flex}.sound-upload input:focus,.scene-control select:focus{border-color:var(--yellow)}.sound-upload button:disabled,.play-button:disabled,.scene-control button:disabled,.icon-button:disabled,.stop-button:disabled,.emergency-bar button:disabled{opacity:.45;cursor:not-allowed}.soundboard-content{grid-template-columns:minmax(0,1.7fr) minmax(220px,.72fr);min-height:0;display:grid}.sound-library,.queue-panel{grid-template-rows:34px minmax(0,1fr);min-height:0;display:grid}.queue-panel{border-left:1px solid #292929;grid-template-rows:34px minmax(0,1fr) 46px}.subheading{color:#ddd;letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid #292929;justify-content:space-between;align-items:center;padding:0 12px;font-size:10px;font-weight:850;display:flex}.subheading small{color:var(--muted);font-size:9px;font-weight:600}.sound-list,.queue-list,.agent-list{scrollbar-width:thin;scrollbar-color:#555 #151515;min-height:0;overflow:auto}.sound-row{border-bottom:1px solid #292929;grid-template-columns:22px minmax(0,1fr) 70px 34px;align-items:center;gap:8px;min-height:58px;padding:7px 10px;display:grid}.sound-row>svg{color:var(--yellow)}.sound-row>div{gap:3px;min-width:0;display:grid}.sound-row strong,.sound-row small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sound-row strong{font-size:12px}.sound-row small{color:var(--muted);font-size:9px}.play-button{min-height:31px;font-size:10px}.icon-button{cursor:pointer;background:#1e1e1e;border:1px solid #444;border-radius:6px;place-items:center;width:32px;height:31px;display:grid}.icon-button.danger{color:#db7777}.icon-button.danger:hover{background:#281111;border-color:#a54545}.queue-row{border-bottom:1px solid #292929;gap:4px;min-height:50px;padding:9px 11px;display:grid}.queue-row span{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:8px;font-weight:850}.queue-row strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.queue-row.dispatching{background:#22220c}.queue-row.dispatching span,.queue-row.dispatching strong{color:var(--yellow)}.stop-button{color:#ff9c9c;cursor:pointer;background:#291111;border:1px solid #8b3838;border-radius:7px;justify-content:center;align-items:center;gap:7px;margin:7px 9px;font-size:10px;font-weight:850;display:flex}.empty-state{min-height:90px;color:var(--muted);text-align:center;place-items:center;padding:20px;font-size:11px;line-height:1.45;display:grid}.empty-state.compact{min-height:50px;padding:12px}.inline-warning,.action-message{border-radius:7px;align-items:center;gap:8px;margin:0 10px 8px;padding:8px 10px;font-size:10px;display:flex}.inline-warning{color:#ff9c9c;background:#291111;border:1px solid #714040}.action-message{color:var(--yellow);background:#24240c;border:1px solid #53531b}.soundboard-warning{margin-top:7px}.right-stack{grid-template-rows:minmax(220px,.84fr) minmax(180px,1.16fr);gap:10px;min-height:0;display:grid}.compact-panel{grid-template-rows:56px minmax(0,1fr);display:grid}.obs-compact-body{align-content:start;gap:10px;min-height:0;padding:11px;display:grid}.current-scene{background:#1c1c0c;border:1px solid #3d3d18;border-radius:8px;gap:5px;padding:12px;display:grid}.current-scene span{color:var(--muted);font-size:9px}.current-scene strong{color:var(--yellow);text-overflow:ellipsis;white-space:nowrap;font-size:23px;overflow:hidden}.compact-scene{min-height:77px}.scene-control{grid-template-columns:minmax(0,1fr) 78px;gap:7px;display:grid}.scene-control button{font-size:10px}.agent-row{border-bottom:1px solid #292929;grid-template-columns:10px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:58px;padding:8px 12px;display:grid}.agent-row>div:nth-child(2){gap:3px;min-width:0;display:grid}.agent-row strong,.agent-row small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.agent-row strong{font-size:12px}.agent-row small{color:var(--muted);font-size:9px}.agent-actions b{color:var(--yellow);text-transform:uppercase;font-size:9px}.agent-actions button{border:1px solid var(--yellow);min-height:27px;color:var(--yellow);cursor:pointer;background:0 0;border-radius:6px;padding:0 8px;font-size:9px;font-weight:850}.status-rail{border-left:1px solid var(--border);background:#0d0d0d;min-height:0;padding:16px 14px;overflow:hidden}.rail-title{height:38px;color:var(--yellow);align-items:center;gap:9px;display:flex}.rail-title h2{color:#f5f5f5;margin:0;font-size:18px}.status-item{border-bottom:1px solid #292929;grid-template-columns:10px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:39px;font-size:11px;display:grid}.status-item strong{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:9px}.status-light{border-radius:50%;width:8px;height:8px}.status-light.online{background:#41d47b;box-shadow:0 0 8px #41d47b99}.status-light.degraded{background:#f4b942}.status-light.offline{background:#df5656}.status-light.disabled{background:#5b5b5b}.notice{color:var(--yellow);background:#1d1d0d;border:1px solid #464615;border-radius:8px;gap:10px;margin-top:14px;padding:11px;display:flex}.notice strong{font-size:11px}.notice p{color:#bcbca6;margin:4px 0 0;font-size:10px;line-height:1.4}.emergency-bar{background:#151505;border-top:1px solid #4b4b16;align-items:center;gap:10px;padding:0 14px;display:flex}.emergency-label{color:var(--yellow);text-transform:uppercase;align-items:center;gap:8px;margin-right:8px;font-size:12px;font-weight:850;display:flex}.emergency-bar button{cursor:pointer;background:#222212;border:1px solid #3a3a28;border-radius:7px;align-items:center;gap:7px;min-height:34px;padding:0 12px;font-size:11px;display:flex}.emergency-bar button.emergency-active{color:#ff9c9c;background:#291111;border-color:#8b3838}.emergency-note{color:#777765;margin-left:auto;font-size:10px}.auth-shell{background:radial-gradient(circle at 50% 10%,#ffff001c,#0000 38%),#080808;place-items:center;width:100vw;height:100dvh;display:grid;overflow:hidden}.auth-card{background:linear-gradient(150deg,#1a1a1a,#0f0f0f);border:1px solid #3b3b16;border-radius:15px;width:min(420px,100vw - 40px);padding:30px;display:grid;box-shadow:0 25px 80px #0000008c}.auth-logo{border-radius:10px;width:64px;height:52px;margin-bottom:18px;font-size:25px}.auth-card h1{margin:6px 0 4px;font-size:34px}.auth-card>p{color:#9b9b9b;margin:0 0 24px;line-height:1.5}.auth-card label{color:#d7d7d7;gap:7px;margin-bottom:15px;font-size:12px;font-weight:750;display:grid}.auth-card input{color:#fff;background:#090909;border:1px solid #3b3b3b;border-radius:8px;outline:none;width:100%;min-height:44px;padding:0 12px}.auth-card input:focus{border-color:#ff0;box-shadow:0 0 0 3px #ffff0017}.auth-submit{color:#000;cursor:pointer;background:#ff0;border:0;border-radius:8px;min-height:46px;margin-top:5px;font-weight:900}.auth-submit:disabled{opacity:.6;cursor:wait}.auth-error{color:#ff9696;background:#2a1111;border:1px solid #823838;border-radius:7px;margin-bottom:13px;padding:10px 12px;font-size:12px}.loading-card{text-align:center;justify-items:center}.loading-card .auth-logo{margin-inline:auto}@media (width<=1500px){.body-grid{grid-template-columns:166px minmax(0,1fr) 250px}.topbar{grid-template-columns:230px minmax(0,1fr) 185px}.stream-strip{gap:20px;padding:0 20px}.sound-upload{grid-template-columns:minmax(140px,1fr) minmax(120px,.75fr) 75px 70px 65px}.control-grid.soundboard-layout{grid-template-columns:minmax(0,1.35fr) minmax(310px,.72fr)}}.brand-logo{object-fit:contain;flex:none;width:46px;height:54px}.auth-brand-logo{object-fit:contain;width:88px;height:112px;margin:0 auto 4px}.wam-grid{grid-template-rows:minmax(0,1fr) 210px;grid-template-columns:minmax(0,1.45fr) minmax(330px,.75fr);gap:12px;height:calc(100% - 174px);min-height:0;display:grid}.wam-control-panel{flex-direction:column;grid-row:1/3;min-height:0;display:flex}.wam-current{background:#202000;border:1px solid #5b5b00;border-radius:10px;gap:7px;min-height:190px;margin:4px 0 14px;padding:20px;display:grid}.wam-current.cah{background:#070707;border-color:#585858}.wam-current>span,.wam-current>small{color:var(--muted)}.wam-current>span{letter-spacing:.1em;text-transform:uppercase;font-size:11px;font-weight:800}.wam-current>strong{color:var(--yellow);overflow-wrap:anywhere;align-self:center;font-size:clamp(28px,2.25vw,44px);line-height:1.04}.wam-current.cah>strong{color:#fff}.wam-primary-actions{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px;display:grid}.wam-primary-actions button,.wam-manual button,.suggestion-toolbar button,.suggestion-row button{border:1px solid var(--border);color:#eee;cursor:pointer;background:#191919;border-radius:8px;min-height:42px}.wam-primary-actions button{justify-content:center;align-items:center;gap:9px;min-height:58px;font-weight:850;display:flex}.wam-primary-actions .wam-random-button{border-color:var(--yellow);background:var(--yellow);color:#000}.wam-primary-actions .wam-cah-button{color:#fff;background:#050505;border-color:#666}.wam-primary-actions button:disabled,.wam-manual button:disabled,.suggestion-toolbar button:disabled,.suggestion-row button:disabled{cursor:not-allowed;opacity:.42}.wam-manual{grid-template-columns:minmax(0,1fr) auto auto;align-items:end;gap:10px;margin-bottom:12px;display:grid}.wam-manual>label:first-child{color:var(--muted);text-transform:uppercase;gap:6px;font-size:11px;font-weight:750;display:grid}.wam-manual input[type=text],.wam-manual input:not([type]){width:100%}.wam-manual input{border:1px solid var(--border);color:#fff;background:#0c0c0c;border-radius:8px;min-height:42px;padding:0 12px}.wam-checkbox{color:#c9c9c9;align-items:center;gap:8px;max-width:190px;min-height:42px;font-size:12px;display:flex}.wam-checkbox input{width:17px;min-height:17px;margin:0}.wam-manual button{border-color:var(--yellow);background:var(--yellow);color:#000;justify-content:center;align-items:center;gap:7px;min-width:110px;padding:0 15px;font-weight:850;display:flex}.wam-suggestions-panel,.wam-history-panel{min-height:0;overflow:hidden}.suggestion-toolbar{grid-template-columns:1fr 1fr auto;gap:7px;margin-bottom:10px;display:grid}.suggestion-toolbar button{min-height:34px;padding:0 9px;font-size:11px}.suggestion-toolbar .danger-text{color:#ff8e8e}.suggestion-list,.wam-history-list{align-content:start;gap:7px;min-height:0;max-height:calc(100% - 82px);padding-right:3px;display:grid;overflow:auto}.suggestion-row{background:#101010;border:1px solid #303030;border-radius:7px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:9px;padding:9px 10px;display:grid}.suggestion-row div{gap:3px;min-width:0;display:grid}.suggestion-row strong,.wam-history-row strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.suggestion-row small{color:var(--muted)}.suggestion-row button{border-color:var(--yellow);min-height:30px;color:var(--yellow);padding:0 11px}.wam-history-panel .panel-title{margin-bottom:8px}.wam-history-list{max-height:calc(100% - 45px)}.wam-history-row{border-bottom:1px solid #282828;grid-template-columns:48px minmax(0,1fr);gap:8px;padding:7px 9px;display:grid}.wam-history-row span{color:var(--yellow);font-variant-numeric:tabular-nums;font-size:11px}@media (width<=1450px){.topbar{grid-template-columns:285px minmax(0,1fr) 230px}.wam-grid{grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr)}.wam-manual{grid-template-columns:minmax(0,1fr) auto}.wam-checkbox{grid-column:1/2}}