/* SPLForge booth styling — variables scoped to the booth dialog so they don't
   fight the page's own :root. */
dialog {
  --bg:#0c1322; --panel:#131c30; --panel-2:#1b2640; --line:#2c3a5c;
  --text:#e8edf7; --text-dim:#93a1c0; --on-air:#e5484d; --ok:#46a758; --warn:#f0b429;
  --line-soft:#22314f; --accent:#5b8cff; --surface:#0f1830; --radius:8px;
  background:var(--panel); color:var(--text); border:1px solid var(--line); border-radius:8px;
  padding:20px; max-width:640px; width:92vw; max-height:90vh; overflow:auto;
  font:15px/1.55 system-ui,Segoe UI,Roboto,sans-serif;
}
dialog.wide { max-width:1180px; }              /* wider booth (David: "a lot wider") */
dialog select, dialog input { max-width:100%; }
dialog::backdrop { background:rgba(0,0,0,.6); }
.dlg-x { position:sticky; top:-12px; float:right; z-index:20; margin:-8px -8px 0 8px;
  width:34px; height:34px; border-radius:50%; border:1px solid var(--line);
  background:var(--panel-2); color:var(--text); font-size:15px; cursor:pointer; }
.dlg-x:hover { border-color:var(--on-air); color:var(--on-air); }
.vt-nobar { scrollbar-width:none; -ms-overflow-style:none; }
.vt-nobar::-webkit-scrollbar { height:0; width:0; display:none; }
.dim { color:var(--text-dim); } .small { font-size:12.5px; } .right { text-align:right; }
dialog button { background:var(--panel-2); color:var(--text); border:1px solid var(--line); border-radius:8px; padding:7px 12px; font-size:14px; cursor:pointer; }
dialog button.primary, dialog button.accent { background:var(--accent); border-color:var(--accent); color:#fff; font-weight:600; }
dialog input[type=range] { accent-color:var(--accent); }
dialog select, dialog input[type=text], dialog input[type=number] { background:#0d1117; color:var(--text); border:1px solid var(--line); border-radius:8px; padding:6px 10px; }
dialog .progress { background:#0d1117; border:1px solid var(--line); border-radius:6px; overflow:hidden; }
dialog .tag { font-size:11px; color:var(--text-dim); border:1px solid var(--line); padding:2px 8px; border-radius:10px; white-space:nowrap; }
dialog #vtMicMeter { height:100%; width:0; border-radius:5px; transition:width .05s linear; }