/* Shared panel design. OBS overlays intentionally do not load this stylesheet. */
:root{--bg:#111519;--panel:#191e24;--surface:#20262e;--line:#303842;--muted:#a0acbb;--accent:#b5d995;--ink:#edf1f5;--focus:#b5d99544;--danger:#efa99c;font-family:"Segoe UI",Arial,sans-serif}
body{font-size:14px;line-height:1.5}*{scrollbar-width:thin;scrollbar-color:#48515c transparent}h1{font-size:28px;line-height:1.2;letter-spacing:-.7px;margin-bottom:9px}h2{font-size:18px;line-height:1.35;margin-bottom:16px}h3{font-size:15px;line-height:1.4}p{overflow-wrap:anywhere}a{color:var(--accent)}.small{font-size:12px}.muted{color:var(--muted)}
button,.button{background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:8px;font:600 13px "Segoe UI",Arial,sans-serif;padding:9px 13px;min-height:36px;white-space:normal;line-height:1.3;transition:background .12s,border-color .12s}
button:hover,.button:hover{background:#2a323c;border-color:#556170;filter:none}button:disabled,.button[aria-disabled=true]{opacity:.45;cursor:not-allowed}
button.primary,.button.primary,form button[type=submit]:not(.ghost):not(.secondary),form button:not([type]):not(.ghost):not(.secondary){background:var(--accent);border-color:var(--accent);color:#172114}
button.primary:hover,.button.primary:hover,form button[type=submit]:hover,form button:not([type]):hover{filter:brightness(1.06)}
.ghost{background:transparent;color:#b9c4d1}.secondary{background:var(--surface);color:var(--ink)}.danger,button.danger{background:transparent;color:var(--danger);border-color:transparent}.danger:hover,button.danger:hover{background:#efa99c10;border-color:#efa99c40}
:is(button,a,input,select,textarea,summary):focus-visible{outline:2px solid var(--accent);outline-offset:3px}input,select,textarea{background:#12171d;color:var(--ink);border-color:#3a4552;padding:9px 11px;font:14px "Segoe UI",Arial,sans-serif;border-radius:7px;min-width:0;max-width:100%}input:focus,select:focus,textarea:focus{box-shadow:0 0 0 2px var(--focus)}input:disabled,select:disabled{opacity:.65}textarea{min-height:84px;line-height:1.5}label{font-size:13px;color:#c9d2dd;margin-bottom:14px;min-width:0}label>input,label>select,label>textarea{margin-top:6px}input[type=range]{padding:0;min-height:22px;accent-color:var(--accent)}input[type=file]{padding:7px;font-size:12px}input::file-selector-button{background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:5px;padding:5px 8px;margin-right:8px;cursor:pointer}.check{gap:9px;align-items:flex-start;line-height:1.5}.check input{flex:none;margin-top:2px;width:17px;height:17px}.check-row{padding:12px 0}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px}.form-grid>*,.inline>*,.columns>*{min-width:0}.inline{align-items:end;flex-wrap:wrap}.inline>input{flex:1;min-width:160px}.actions{gap:8px}.actions label{margin-bottom:0}
.sidebar{width:272px;padding:24px 18px 18px;background:#161b20;gap:0}.sidebar .brand{font-size:25px;letter-spacing:-.8px}.sidebar>.eyebrow{font-size:10px;letter-spacing:1.2px;margin:18px 10px 12px;color:#7e8b9b}.sidebar nav{gap:3px}.sidebar nav a{font-size:13px;padding:8px 12px;gap:10px;color:#b0bccb;min-height:35px}.sidebar nav a>span{font-size:16px;width:18px}.sidebar nav a.active{background:#b5d99514;color:#d2eabf;box-shadow:inset 2px 0 var(--accent)}.sidebar nav a:hover{background:#252d35}.nav-group{border:0;padding:9px 0 3px}.nav-group>p{color:#82909f;font-size:10px;letter-spacing:1.4px;margin:3px 12px 6px}.nav-children{margin-left:18px;border-color:#343d46;padding-left:6px}.nav-children a{font-size:12px!important;min-height:31px!important;padding-block:6px!important}.sidebar-bottom{border-top:1px solid var(--line);padding-top:14px;margin-top:16px;font-size:11px}.sidebar-bottom p{margin:8px 0}.sidebar-bottom button{min-height:32px;padding:7px 10px;font-size:12px}.channel-switcher.card{padding:12px;margin:0 0 12px;border-radius:9px;background:var(--bg)}.channel-switcher label{font-size:11px;margin:0}.channel-switcher select{font-size:13px;padding:7px 8px}.channel-switcher p{font-size:11px;margin:7px 0 0}
main{margin-left:272px;padding:0 30px;max-width:none}.topbar{height:58px;margin-bottom:25px;font-size:12px;gap:12px}.topbar>.workspace-tools:empty{display:none}.tag{padding:4px 9px;font-size:10px;letter-spacing:.7px;border-radius:6px}.heading{margin-bottom:24px;align-items:center;gap:18px}.heading p{max-width:850px;font-size:14px}.heading .eyebrow{display:none}section[data-section]>h1{margin-bottom:10px}section[data-section]>.heading,section[data-section]>h1{scroll-margin-top:20px}.card{border-radius:12px;padding:20px;margin-bottom:18px;border-color:var(--line);background:var(--panel)}.card-title{margin-bottom:14px;gap:12px}.card-title h2{margin:0}.editor{margin-top:0;border-color:#53624b}.notice{border-color:#677961;color:var(--muted);padding:4px 0 4px 13px;line-height:1.55;margin:14px 0 20px}.empty{padding:28px;border-radius:10px;font-size:13px}.stats{margin-bottom:18px;gap:16px}.stats article{padding:13px 18px;border-radius:10px;display:flex;gap:16px;align-items:center;flex-wrap:wrap;background:var(--panel)}.stats strong{font-size:26px;line-height:1.2;order:-1}.stats small{font-size:12px;color:var(--muted);margin-left:auto}.columns{grid-template-columns:minmax(0,1.65fr) minmax(300px,1fr);gap:18px}.preview{padding:0;background:#151c23}.preview .card-title{padding:16px 20px}.preview iframe{height:auto;aspect-ratio:16/9;max-height:440px;width:100%;background:radial-gradient(ellipse at bottom,#26332d,#141b23 80%)}.preview-foot{font-size:11px;padding:11px 20px;gap:12px}.logs{max-height:290px}.log{padding:10px 0}.log small{font-size:11px}.log p{font-size:12px}.people{max-height:220px}.person{background:#222c33;border-color:#37434e;font-size:12px}.rule{padding:16px 18px;gap:16px;border-radius:10px;margin-bottom:10px;grid-template-columns:minmax(0,1fr) auto}.rule .meta{flex-wrap:wrap;gap:8px;margin-bottom:6px}.rule h3{font-size:15px;margin:0}.rule p{font-size:12px;line-height:1.5}.badge{font-size:10px;letter-spacing:.25px;padding:3px 7px;color:#c6ddaf;background:#b5d99512;white-space:nowrap}.rule .actions{max-width:430px;gap:5px}.rule button{font-size:12px;padding:7px 9px;min-height:32px}.rule-more{position:relative;border:0;padding:0;margin:0}.rule-more>summary{list-style:none;padding:7px 10px;border:1px solid var(--line);border-radius:7px;min-height:32px;font-size:12px;cursor:pointer;color:var(--muted)}.rule-more>summary::-webkit-details-marker{display:none}.rule-more[open]>summary{color:var(--ink)}.rule-more>.actions{position:absolute;right:0;top:calc(100% + 5px);width:190px;padding:7px;background:#252c34;border:1px solid #475260;box-shadow:0 10px 28px #0006;border-radius:9px;z-index:5;display:flex;flex-direction:column;align-items:stretch}.rule-more>.actions button{text-align:left;justify-content:flex-start}.list-search{max-width:520px;margin-bottom:18px}.search-empty{padding:20px;color:var(--muted);font-size:13px}
.setting-group{min-width:0;margin:16px 0 22px;padding:16px 0 0;border:0;border-top:1px solid var(--line)}.setting-group>legend{font-size:14px;font-weight:600;padding:0 10px 0 0;color:var(--ink)}.setting-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px;align-items:start}.setting-grid>label:last-child{margin-bottom:6px}.setting-grid>:is(div,details,p){grid-column:1/-1;min-width:0}.setting-grid>img{max-width:100%}.setting-grid-stack{grid-template-columns:1fr}.setting-hint{margin:0 0 14px;line-height:1.5;max-width:900px}.setting-group .form-grid{margin:0}.setting-group details{margin:0 0 12px}.help-details{border:0;border-top:1px solid var(--line);padding:12px 0;margin:12px 0 16px;color:var(--muted);font-size:12px}.help-details>summary{color:var(--muted);cursor:pointer;font-size:12px}.help-details[open]>summary{margin-bottom:12px;color:var(--ink)}details>summary{cursor:pointer;line-height:1.5}details:not(.rule-more):not(.ensemble-settings-group)>summary{padding:4px 0}details:not(.rule-more)>p:last-child{margin-bottom:0}.settings-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.settings-card-grid>.card{margin:0}.settings-card-grid{margin-bottom:18px}form>.actions:last-child{padding-top:14px;border-top:1px solid var(--line);margin-top:12px}.user-visibility-row{gap:12px;padding:10px 0}.user-visibility-row select{font-size:13px;min-height:35px}
dialog.panel-dialog,#media-library-dialog{border:1px solid #485360;border-radius:14px;background:var(--panel);color:var(--ink);padding:24px;box-shadow:0 24px 100px #0009}dialog::backdrop{background:#05090dc9;backdrop-filter:blur(3px)}dialog h2{margin-bottom:10px}.library-toolbar{display:flex;justify-content:space-between;gap:18px;align-items:center;margin:16px 0}.library-toolbar>label{flex:1;margin:0}.library-toolbar>span{font-size:12px;color:var(--muted);white-space:nowrap}.library-add{padding:14px;border:1px solid var(--line);border-radius:9px;margin:12px 0}.library-add>summary{font-size:13px;font-weight:600}.library-add-forms{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:16px}.library-add-forms>form{min-width:0}.library-add-forms h3{margin-top:0}.media-grid{grid-template-columns:repeat(auto-fill,minmax(175px,1fr));gap:12px}.media-item.card{padding:12px;margin:0}.media-grid img{background:#10171d;border-radius:7px;height:116px}.media-grid .actions{gap:5px}.media-grid button{font-size:12px;padding:7px}.media-item p{font-size:12px;margin:8px 0}.member-permissions{border:1px solid var(--line);border-radius:9px;padding:14px;margin:14px 0}.access-history{max-height:260px;overflow:auto}.size-preview-button{font-size:11px;padding:5px 8px;min-height:28px}.size-stage{border-color:#485766;border-radius:7px}
.object-workbench{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;align-items:start}.object-workbench:has(#object-form:not([hidden])){grid-template-columns:minmax(0,1fr) 340px}.object-canvas{position:sticky;top:18px;min-width:0}.object-canvas.card{padding:14px}.object-canvas #editor-frame{display:block;aspect-ratio:16/9;height:auto!important;border:1px solid var(--line)!important;border-radius:8px;max-width:none}.object-canvas .workspace-tools{padding:0 0 12px;gap:8px}.object-canvas .workspace-tools button{padding:6px 9px;font-size:12px;min-height:31px}.object-canvas .workspace-tools label{font-size:11px;display:flex;gap:8px;align-items:center;margin:0 0 0 auto}.object-canvas .workspace-tools input{width:100px;margin:0}.object-canvas .workspace-tools span{font-size:11px}.object-canvas #editor-status{font-size:12px;margin:12px 0 0;color:var(--muted)}#object-form{padding:16px;max-height:calc(100vh - 40px);overflow:auto;position:sticky;top:18px;margin:0 0 18px}#object-form h2{font-size:16px}#object-form .setting-grid{gap:0 12px}#object-form .setting-group{margin:14px 0;padding-top:12px}#object-form label{font-size:12px}#object-form input,#object-form select{font-size:13px}#object-form .setting-grid>label:has(input[type=file]){grid-column:1/-1}#object-form .setting-grid>label.check{grid-column:1/-1}#object-form .help-details{font-size:11px}#object-form #dynamic-fields .form-grid{grid-template-columns:1fr}#object-form #dynamic-fields fieldset{border-color:var(--line)}
.portal-page{padding:9vh 20px;min-height:100vh;display:grid;place-items:start center}.portal-page .portal-card{width:min(100%,540px);margin:0;padding:30px}.portal-card>h1{font-size:30px}.portal-card>p{color:var(--muted)}.portal-card #platform-form{margin-top:22px}.portal-card #platform-form h2{font-size:18px}.portal-card code{overflow-wrap:anywhere}.player-page{padding:30px 20px;max-width:1040px;margin:auto}.player-page h1{margin-bottom:10px}.player-heading{margin:0 0 24px}.player-heading>p{max-width:750px;color:var(--muted)}.player-controls .actions{gap:8px}.player-volume{max-width:360px;margin:22px 0 0}.player-volume output{float:right;color:var(--ink)}.player-controls #status{margin:16px 0 0;color:var(--muted);font-size:13px}.player-screen #title{font-size:18px}.player-screen iframe{display:block;max-width:100%;aspect-ratio:16/9;height:auto}.player-screen>div{max-width:100%}#toast{background:#c1dea8;color:#172114;padding:12px 17px;border-radius:9px;font-size:13px;max-width:min(440px,calc(100vw - 32px));z-index:30}footer{font-size:11px;padding:24px 0;color:#8996a5}
@media(min-width:1700px){main{padding-inline:36px}.object-workbench:has(#object-form:not([hidden])){grid-template-columns:minmax(0,1fr) 380px}}
@media(max-width:1250px){.sidebar{width:242px;padding-inline:14px}main{margin-left:242px;padding-inline:22px}.columns{grid-template-columns:1fr}.rule{grid-template-columns:1fr}.rule .actions{max-width:none;justify-content:flex-start}.rule-more>.actions{right:auto;left:0}.object-workbench:has(#object-form:not([hidden])){grid-template-columns:minmax(0,1fr) 300px}}
@media(max-width:1000px){.object-workbench:has(#object-form:not([hidden])){grid-template-columns:1fr}.object-canvas,#object-form{position:static;max-height:none}.settings-card-grid{grid-template-columns:1fr}.library-add-forms{grid-template-columns:1fr}}
@media(max-width:760px){.sidebar{position:static;width:auto;padding:16px}.sidebar>.eyebrow{display:none}.sidebar nav{margin-top:16px;max-height:260px;flex-direction:column}.sidebar-bottom{display:block}.sidebar-bottom>p,.sidebar-bottom>.status-dot,.sidebar-bottom>#mode-label{display:none}.sidebar-bottom button{width:auto}.sidebar .brand{font-size:24px}main{margin-left:0;padding-inline:16px}.topbar{height:auto;min-height:52px;margin-bottom:20px;padding-block:10px;flex-wrap:wrap}.heading{align-items:flex-start;flex-wrap:wrap;margin-bottom:18px}h1{font-size:25px}.card{padding:16px}.preview{padding:0}.preview .card-title{padding:14px 16px}.preview-foot{padding:10px 16px;flex-wrap:wrap}.form-grid,.setting-grid{grid-template-columns:1fr}.stats article{gap:10px}.stats small{display:block;flex-basis:100%;margin:0}.rule{padding:14px}.rule button{min-height:36px}.rule .actions{gap:6px}.object-canvas .workspace-tools label{margin-left:0}.portal-page{padding:24px 16px}.portal-page .portal-card{padding:24px}.player-page{padding:24px 16px}.library-toolbar{align-items:flex-start;flex-direction:column;gap:8px}.library-toolbar>label{width:100%}.panel-dialog,#media-library-dialog{padding:16px}#toast{right:16px;bottom:16px}.sidebar nav a{white-space:normal}.preview iframe{height:auto}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}.auth-art span{animation:none}}

/* Keep short action parameters side by side and avoid oversized input rows. */
#command-form .setting-grid>:is(#jump-tuning,#roulette-tuning){grid-column:auto}
#command-form .setting-grid>label.check{align-self:center}
.sidebar-bottom{margin-top:auto}
.object-canvas .workspace-tools>.help-details{flex-basis:100%;margin:0;padding:3px 0;border:0}
.object-canvas .workspace-tools>.help-details summary{font-size:11px}
#object-form>.setting-group:first-of-type .setting-grid{grid-template-columns:1fr}
#object-form #decoration-settings .help-details{margin-top:8px}
.player-heading>a{display:inline-block;margin-bottom:18px;font-size:13px}
[data-section=overview] .eyebrow{color:var(--muted);letter-spacing:1px}

.section-shortcuts{display:flex;gap:7px;flex-wrap:wrap;margin:18px 0 22px}.section-shortcuts button{font-size:12px;min-height:32px;padding:7px 11px}.settings-anchor{scroll-margin-top:20px}
.connection-workspace{display:grid;grid-template-columns:minmax(280px,.75fr) minmax(0,1.25fr);gap:18px;align-items:start}.connection-workspace #reward-connect>p{font-size:13px;color:var(--muted);line-height:1.6;margin:12px 0}.connection-workspace details{padding:14px 0;border-top:1px solid var(--line);margin-top:16px}.connection-workspace details>summary{margin-bottom:10px}.connection-workspace #reward-disconnect{margin-top:14px}.connection-workspace #reward-status{padding:10px 0;border-top:1px solid var(--line)}
#user-visibility-form{margin-bottom:18px}#visibility-search{max-width:480px}
@media(max-width:1100px){.connection-workspace{grid-template-columns:1fr}}
.music-history-error{border:1px solid var(--line);border-left:2px solid var(--danger);border-radius:8px;padding:12px 14px;margin:12px 0}.music-history-error p{margin:0 0 8px}.music-history-error .actions{margin-top:10px;gap:12px}.music-history-error .actions a{font-size:12px}.music-history-error button{font-size:12px;min-height:32px;padding:7px 10px}

.overview-chat-feed{height:320px;overflow-y:auto;overflow-wrap:anywhere}.overview-chat-message{margin:0;padding:8px 0;border-bottom:1px solid var(--border,#29333d)}

.reward-connection-compact button{margin:4px 8px 4px 0}.reward-connection-compact #reward-status{margin:8px 0}