:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--surface-base:#040816;--surface-panel:#0f172ad1;--surface-raised:#151f34;--surface-overlay:#050a16f5;--surface-stage:#09101f;--surface-stage-frame:#0b1326;--text-primary:#dae2fd;--text-muted:#94a3b8;--text-soft:#64748b;--text-strong:#fff;--line-soft:#ffffff14;--line-strong:#ddb7ff38;--line-accent:#4cd7f657;--state-live:#4cd7f6;--state-safe:#9ed36c;--state-warning:#ffb347;--state-error:#ffb4ab;--state-recording:#ff5b5b;--state-projection:#ddb7ff;--genre-house:#ffb561;--genre-psy:#8bff84;--genre-techno:#c084fc;--genre-trance:#7ce9b8;--genre-dnb:#6ce7ff;--genre-funk:#fbbf24;--genre-rnb:#f58acb;--genre-rock:#f97316;--genre-metal:#94a3b8;--genre-jazz:#facc15;--genre-country:#84cc16;--genre-classical:#c4b5fd;--quality-safe:#a6dc7f;--quality-balanced:#4cd7f6;--quality-immersive:#eab676;--quality-showcase:#ddb7ff;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--radius-sm:12px;--radius-md:18px;--radius-lg:28px;--radius-pill:999px;--control-height:38px;--control-height-compact:34px;--control-radius:22px;--drawer-block-gap:12px;--drawer-section-gap:14px;--border-soft:1px solid var(--line-soft);--border-strong:1px solid var(--line-strong);--shadow-panel:0 30px 80px #0000006b;--shadow-stage:0 40px 120px #581c872e;--font-ui:"Inter Tight", "Avenir Next", "Segoe UI", sans-serif;--font-mono:"IBM Plex Mono", "SF Mono", "JetBrains Mono", monospace}*{box-sizing:border-box}body{min-height:100vh;font-family:var(--font-ui);color:var(--text-primary);background:radial-gradient(circle at 50% 38%,#ddb7ff24,#0000 24%),radial-gradient(circle at 16% 10%,#4cd7f61f,#0000 22%),linear-gradient(#030716 0%,#08101f 48%,#030611 100%);margin:0;overflow:hidden}#app{min-height:100vh}.material-symbols-outlined{font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;font-size:18px;line-height:1}.performance-template{flex-direction:column;width:100%;height:100vh;min-height:100vh;margin:0;padding:0;display:flex;overflow:hidden}.performance-hud{justify-content:space-between;align-items:center;gap:var(--space-6);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:120;background:#020617d1;border:0;border-radius:0;min-height:64px;margin-bottom:0;padding:0 24px;display:flex;position:relative;box-shadow:0 0 20px #a855f726}.eyebrow{text-transform:uppercase;letter-spacing:.2em;color:var(--state-live);margin:0 0 8px;font-size:10px;font-weight:700}.eyebrow--console{letter-spacing:.16em;color:#0000;background:linear-gradient(90deg,#8b5cf6 0%,#6d7cff 38%,#22d3ee 100%);-webkit-background-clip:text;background-clip:text;margin-bottom:6px;font-size:13px;font-weight:800}h1{letter-spacing:-.06em;color:var(--text-strong);margin:0;font-size:clamp(26px,3vw,34px);line-height:.94}.performance-hud__identity{align-items:center;gap:30px;min-width:0;display:flex}.performance-hud__brand{align-items:center;min-width:0;display:flex}.performance-hud__brand-button{cursor:pointer;background:0 0;border:0;padding:0;transition:opacity .14s,transform .14s}.performance-hud__brand-button:hover{opacity:.92;transform:translateY(-1px)}.performance-hud__brand-button:focus-visible{outline-offset:6px;border-radius:10px;outline:2px solid #67e8f97a}.performance-hud__brand-mark{width:320px;max-width:100%;height:auto;display:block}.performance-hud__nav{border-left:1px solid #ffffff14;flex-wrap:wrap;gap:24px;padding-left:24px;display:flex}.performance-hud__nav-item{gap:2px;display:grid}.performance-hud__nav-label{color:var(--text-soft);letter-spacing:.14em;text-transform:uppercase;font-size:10px;font-weight:700}.performance-hud__nav-value{color:var(--text-primary);letter-spacing:-.02em;font-size:14px;font-weight:700}.performance-hud__nav-value--genre{color:#c084fc}.performance-hud__statusbar{align-items:center;gap:24px;display:flex;position:relative}.account-surface{z-index:70;position:relative}.account-trigger{min-height:var(--control-height);border-radius:var(--control-radius);color:var(--text-primary);cursor:pointer;background:#0d1424e0;border:1px solid #ffffff14;justify-content:center;align-items:center;gap:10px;padding:0 12px 0 10px;transition:border-color .14s,box-shadow .14s,background .14s,transform .14s;display:inline-flex;position:relative}.account-trigger:hover,.account-trigger[aria-expanded=true]{border-color:#67e8f947;transform:translateY(-1px);box-shadow:0 0 0 1px #67e8f91f,0 0 18px #0891b214}.account-trigger__avatar,.account-menu__avatar,.account-sheet__avatar{color:#eef6ff;letter-spacing:.04em;background:linear-gradient(135deg,#7c3aed47,#0891b23d);border-radius:999px;place-items:center;font-weight:700;display:inline-grid}.account-trigger__avatar{width:24px;height:24px;font-size:9px}.account-trigger__indicator{background:var(--state-error);border-radius:999px;width:7px;height:7px;position:absolute;top:6px;right:21px;box-shadow:0 0 8px #ff5b5b52}.account-trigger__icon{color:var(--text-muted);font-size:15px}.account-menu{opacity:0;pointer-events:none;transform-origin:100% 0;z-index:180;background:linear-gradient(#131b2efa,#0b1326fa),#0b1326;border:1px solid #ffffff14;border-radius:18px;min-width:240px;padding:10px;transition:opacity .16s,transform .16s;position:fixed;top:66px;right:24px;transform:translateY(-4px)scale(.98);box-shadow:0 18px 40px #0105109e,inset 0 0 0 1px #ffffff08}.account-menu.is-open{opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}.account-menu__identity{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;padding:4px 4px 8px;display:grid}.account-menu__avatar,.account-sheet__avatar{width:36px;height:36px;font-size:12px}.account-menu__copy{gap:2px;min-width:0;display:grid}.account-menu__copy strong,.account-sheet__identity h3,.billing-sheet__card strong,.billing-sheet__invoice strong,.account-sheet__card strong{color:var(--text-strong);font-size:14px}.account-menu__copy span,.account-sheet__identity p,.billing-sheet__card p,.billing-sheet__invoice span{color:var(--text-muted);font-size:11px;line-height:1.4}.account-menu__divider{background:#ffffff12;height:1px;margin:6px 0}.account-menu__item{width:100%;min-height:36px;color:var(--text-primary);text-align:left;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:12px;padding:0 12px;font-size:11px;font-weight:600;transition:background .14s,color .14s,transform .14s}.account-menu__item:hover{background:#818cf81f;transform:translate(2px)}.account-menu__item--danger{color:#ffccc7}.account-menu__item--danger:hover{color:#ffe2dd;background:#93000a29}.performance-hud__signal{color:#f87171;letter-spacing:.14em;text-transform:uppercase;background:#ef44441a;border:1px solid #ef444438;border-radius:999px;align-items:center;gap:8px;padding:5px 13px;font-size:10px;font-weight:700;display:inline-flex}.performance-hud__signal-dot{background:#ef4444;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 5px #f8717124}.performance-hud__actions{align-items:center;gap:8px;display:flex}.performance-hud__action{color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:32px;align-items:center;gap:8px;padding:8px;transition:background .14s,color .14s;display:inline-flex}.performance-hud__action:hover{color:var(--text-primary);background:#ffffff0d}.performance-hud__action span:last-child{letter-spacing:.14em;text-transform:uppercase;font-size:10px;font-weight:700}.performance-hud__action--icon{padding-inline:8px}.performance-template__body{z-index:1;background:#060b17e6;grid-template-columns:minmax(0,1fr) 360px;align-items:stretch;gap:0;height:calc(100dvh - 64px);min-height:calc(100dvh - 64px);display:grid;position:relative;overflow:hidden}.performance-template--account{background:#060b17f5}.account-template__body{background:#060b17eb;min-height:calc(100dvh - 64px);padding:28px 32px;display:block}.account-page{grid-template-columns:220px minmax(0,1fr);gap:22px;min-height:100%;display:grid}.account-page__nav,.account-page__content{background:#0f172a8f;border:1px solid #ffffff0f;border-radius:24px}.account-page__nav{align-content:start;gap:16px;padding:20px 16px;display:grid}.account-page__nav-head{gap:6px;display:grid}.account-page__nav-head h2,.account-panel__head h1{letter-spacing:-.05em;color:var(--text-strong);margin:0;font-size:clamp(26px,3vw,38px);line-height:.98}.account-page__nav-list{gap:8px;display:grid}.account-nav-item{width:100%;min-height:40px;color:var(--text-primary);text-align:left;font:inherit;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:#060e2070;border:1px solid #ffffff0f;border-radius:16px;padding:0 14px;font-size:11px;font-weight:700;transition:border-color .14s,background .14s,box-shadow .14s,transform .14s}.account-nav-item:hover{background:#18243ac2;border-color:#67e8f938;transform:translateY(-1px)}.account-nav-item.is-active{color:#eef6ff;background:linear-gradient(90deg,#7c3aed42 0%,#0891b233 100%);border-color:#67e8f947;box-shadow:0 0 0 1px #67e8f914,0 0 18px #0891b214}.account-page__content{padding:24px}.account-panel{gap:18px;display:grid}.account-panel__head{gap:8px;display:grid}.account-help-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.account-page__status{min-height:18px;color:var(--text-muted);margin:0;font-size:11px}.performance-template__body>*{min-height:0}.stage-region{background:radial-gradient(circle at 50% 52%,#4cd7f612,#0000 26%),radial-gradient(circle at 50% 46%,#c084fc1f,#0000 24%),#0b1326;grid-template-rows:minmax(0,1fr) auto;min-width:0;min-height:0;display:grid;position:relative}.stage-region__frame{width:100%;min-width:0;height:100%;min-height:0;box-shadow:none;background:0 0;border:0;border-radius:0;place-items:center;padding:32px;display:grid}.overlay-layer{pointer-events:none;z-index:4;justify-content:flex-end;align-items:flex-start;display:none;position:absolute;inset:32px}.overlay-layer.is-active{pointer-events:auto;background:linear-gradient(#02061724,#02061757);display:flex}.stage-canvas{z-index:1;background:0 0;border-radius:18px;width:100%;height:100%;display:block;position:absolute;inset:0}.stage-frame__viewport.is-custom-scene .stage-canvas{opacity:0}.bpm-debug-overlay{z-index:2;pointer-events:none;width:100%;height:100%;display:none;position:absolute;inset:0}.bpm-debug-overlay.is-active{display:block}.stage-frame__viewport.is-custom-scene .stage-frame__identity{opacity:0;pointer-events:none;transform:translateY(-10px)}.stage-visual{width:100%;height:100%;position:relative}.stage-custom-background{z-index:0;display:none;position:absolute;inset:0;overflow:hidden}.stage-custom-background.is-active{display:block}.stage-custom-background__image,.stage-custom-background__video,.stage-custom-background__iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.stage-custom-background__image,.stage-custom-background__video{object-fit:cover}.stage-custom-background__video{opacity:0;transition:opacity .9s}.stage-custom-background__video.is-active{opacity:1}.stage-custom-background__iframe{background:#000}.stage-logo-layer{z-index:2;pointer-events:none;display:none;position:absolute;inset:28px}.stage-logo-layer.is-active{display:flex}.stage-clock-overlay{z-index:2;pointer-events:none;place-items:center;padding:clamp(24px,4vw,60px);display:none;position:absolute;inset:0}.stage-clock-overlay.is-active{display:grid}.stage-clock-overlay__chrome{justify-items:center;gap:14px;width:min(96vw,980px);padding:clamp(18px,3vw,30px) clamp(22px,5vw,42px);display:grid}.stage-clock-overlay__time{color:#0000;letter-spacing:.16em;text-align:center;background:linear-gradient(#f5fcfffa,#c9e8ffeb);text-shadow:0 0 24px #afe5ff1f,0 12px 28px #0000006b;-webkit-background-clip:text;background-clip:text;font-size:clamp(56px,8vw,122px);font-weight:700;line-height:.88}.stage-clock-overlay__meta{color:#dbedf9b8;letter-spacing:.28em;text-transform:uppercase;text-align:center;text-shadow:0 0 14px #ade2ff1a,0 8px 18px #00000059;cursor:pointer;font-size:clamp(24px,3vw,42px);font-weight:600;transition:color .2s}.stage-clock-overlay__meta:hover{color:#fffffff2}.stage-clock-overlay__meta[hidden]{display:none}.stage-clock-overlay--pole .stage-clock-overlay__chrome{gap:8px;width:min(42vw,340px);padding:clamp(12px,2vw,18px) 0}.stage-clock-overlay--pole:before{content:"";opacity:.35;background:linear-gradient(#9bdaffa6,#9bdaff00);border-radius:999px;width:2px;position:absolute;top:18%;bottom:18%;left:50%;transform:translate(-50%)}.stage-region__footer{padding:0 32px 18px}.stage-band-meter-cluster{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:none;background:linear-gradient(#080d1db8,#080d1d8a);border:1px solid #ffffff12;border-radius:16px;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px 14px;min-width:0;padding:10px 12px;display:grid;position:relative}.stage-band-meter{--band-start:#60a5fad6;--band-end:#2dd4bfeb;--band-glow:#2dd4bf57;align-content:start;gap:6px;min-width:0;display:grid}.stage-band-meter__meta{justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.stage-band-meter__label,.stage-band-meter__value{letter-spacing:.12em;text-transform:uppercase;font-size:9px;font-weight:700;font-family:var(--font-mono)}.stage-band-meter__label{color:#d9e2ffb8;white-space:nowrap}.stage-band-meter__value{color:#78e0ffdb;white-space:nowrap}.stage-band-meter__track{background:#ffffff14;border-radius:999px;height:8px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff08}.stage-band-meter__fill{border-radius:inherit;background:linear-gradient(90deg, var(--band-start), var(--band-end));width:4px;height:100%;box-shadow:0 0 14px var(--band-glow);opacity:.62;transition:width 54ms linear,box-shadow .12s,opacity .12s}.stage-band-meter.is-hot .stage-band-meter__fill{opacity:1;box-shadow:0 0 16px var(--band-glow), 0 0 22px color-mix(in srgb, var(--band-start) 50%, transparent)}.stage-band-meter[data-band-meter=sub]{--band-start:#6366f1e0;--band-end:#818cf8f2;--band-glow:#818cf85c}.stage-band-meter[data-band-meter=kick]{--band-start:#06b6d4e6;--band-end:#22d3eef5;--band-glow:#22d3ee57}.stage-band-meter[data-band-meter=bass]{--band-start:#10b981e6;--band-end:#4ade80f5;--band-glow:#4ade8057}.stage-band-meter[data-band-meter=lowMid]{--band-start:#eab308e0;--band-end:#facc15f5;--band-glow:#facc1552}.stage-band-meter[data-band-meter=mid]{--band-start:#f97316e0;--band-end:#fb923cf5;--band-glow:#fb923c4d}.stage-band-meter[data-band-meter=upperMid]{--band-start:#f43f5ee0;--band-end:#fb7185f5;--band-glow:#fb718552}.stage-band-meter[data-band-meter=presence]{--band-start:#d946efe0;--band-end:#e879f9f5;--band-glow:#e879f957}.stage-band-meter[data-band-meter=brilliance]{--band-start:#fafafac7;--band-end:#bfdbfef0;--band-glow:#bfdbfe47}.audio-input-row__actions{margin-top:10px}.audio-input-row__actions .ui-button{width:100%}.stage-logo-layer--top-left{justify-content:flex-start;align-items:flex-start}.stage-logo-layer--top-right{justify-content:flex-end;align-items:flex-start}.stage-logo-layer--middle-left{justify-content:flex-start;align-items:center}.stage-logo-layer--middle-right{justify-content:flex-end;align-items:center}.stage-logo-layer--bottom-left{justify-content:flex-start;align-items:flex-end}.stage-logo-layer--bottom-right{justify-content:flex-end;align-items:flex-end}.stage-logo-layer--center{justify-content:center;align-items:center}.stage-logo-layer__image{object-fit:contain;width:auto;max-width:clamp(160px,24vw,300px);height:auto;max-height:clamp(160px,24vh,300px);opacity:var(--logo-opacity,.92);transform:scale(var(--logo-scale,1)) rotate(var(--logo-rotate,0deg));transform-origin:50%;filter:drop-shadow(0 0 var(--logo-glow,10px) #7dd3fc2e) drop-shadow(0 0 calc(var(--logo-glow,10px) * .5) #8b5cf624);transition:opacity .18s,transform .18s,filter .18s}.stage-visual__image,.stage-visual__gradient{position:absolute;inset:0}.stage-visual__image{object-fit:cover;opacity:.9;mix-blend-mode:screen;z-index:0;width:100%;height:100%}.stage-visual__gradient{background:linear-gradient(#0b132600,#0b132699)}.stage-frame__identity{z-index:2;gap:10px;max-width:320px;display:grid;position:absolute;top:52px;left:56px}.stage-frame__viewport.is-clock-mode .stage-frame__identity{opacity:0;pointer-events:none;transform:translateY(-10px)}.stage-frame__eyebrow{letter-spacing:.14em;text-transform:uppercase;color:#64748bf5;margin:0;font-size:10px;font-weight:700}.stage-frame__title{letter-spacing:-.04em;color:var(--text-strong);text-shadow:0 0 16px #4cd7f62e;margin:0;font-size:clamp(18px,2vw,28px);font-weight:700}.stage-frame__meta{flex-wrap:wrap;gap:8px;display:flex}.stage-frame__meta span{color:var(--text-primary);letter-spacing:.12em;text-transform:uppercase;background:#121a2ead;border:1px solid #ffffff14;border-radius:999px;padding:7px 11px;font-size:10px;font-weight:700}.stage-frame__foot{z-index:2;justify-content:space-between;align-items:flex-end;gap:var(--space-4);opacity:0;transition:opacity .18s;display:flex;position:absolute;bottom:52px;left:56px;right:56px}.stage-frame__viewport:hover .stage-frame__foot{opacity:1}.stage-frame__viewport{width:var(--stage-fit-width,100%);height:var(--stage-fit-height,auto);aspect-ratio:16/9;background:linear-gradient(#ffffff08,#fff0),#0b1326;border:1px solid #ffffff0f;border-radius:16px;place-items:center;max-width:100%;min-height:0;max-height:100%;padding:0;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff08}.stage-viewport__indicator{z-index:2;color:var(--text-soft);letter-spacing:.16em;text-transform:uppercase;align-items:center;gap:8px;font-size:10px;font-weight:700;display:inline-flex;position:absolute;top:30px;left:40px}.stage-viewport__indicator-dot{background:var(--state-live);border-radius:50%;width:6px;height:6px;box-shadow:0 0 14px #4cd7f6bf}.stage-frame__signal{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#2d344985;border:1px solid #ffffff14;border-radius:18px;gap:6px;padding:12px 14px;display:grid}.stage-frame__signal-label{color:var(--state-live);letter-spacing:.2em;text-transform:uppercase;font-size:10px;font-weight:700}.stage-frame__signal-meta{color:#d8cde2;font-size:10px;font-family:var(--font-mono);letter-spacing:.08em}.stage-frame__output{color:#d8cde2;font-size:10px;font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:16px;padding:12px 0;display:inline-flex}.stage-frame__fullscreen{width:40px;height:40px;color:var(--text-primary);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff14;border-radius:999px;justify-content:center;align-items:center;transition:background .14s;display:inline-flex}.stage-frame__fullscreen:hover{background:#ffffff1a}:-webkit-any(.stage-region__frame:fullscreen,.stage-region__frame:-webkit-full-screen){background:#000;place-items:center;width:100vw;height:100vh;padding:0;display:grid}:is(.stage-region__frame:fullscreen,.stage-region__frame:fullscreen){background:#000;place-items:center;width:100vw;height:100vh;padding:0;display:grid}:-webkit-any(.stage-region__frame:fullscreen .stage-frame__viewport,.stage-region__frame:-webkit-full-screen .stage-frame__viewport){box-shadow:none;background:#000;border:0;border-radius:0}:is(.stage-region__frame:fullscreen .stage-frame__viewport,.stage-region__frame:fullscreen .stage-frame__viewport){box-shadow:none;background:#000;border:0;border-radius:0}:-webkit-any(.stage-region__frame:fullscreen .stage-viewport__indicator,.stage-region__frame:fullscreen .stage-frame__identity,.stage-region__frame:fullscreen .stage-frame__foot,.stage-region__frame:fullscreen+.stage-region__footer,.stage-region__frame:fullscreen .stage-visual__gradient,.stage-region__frame:-webkit-full-screen .stage-viewport__indicator,.stage-region__frame:-webkit-full-screen .stage-frame__identity,.stage-region__frame:-webkit-full-screen .stage-frame__foot,.stage-region__frame:-webkit-full-screen+.stage-region__footer,.stage-region__frame:-webkit-full-screen .stage-visual__gradient){display:none}:is(.stage-region__frame:fullscreen .stage-viewport__indicator,.stage-region__frame:fullscreen .stage-frame__identity,.stage-region__frame:fullscreen .stage-frame__foot,.stage-region__frame:fullscreen+.stage-region__footer,.stage-region__frame:fullscreen .stage-visual__gradient,.stage-region__frame:fullscreen .stage-viewport__indicator,.stage-region__frame:fullscreen .stage-frame__identity,.stage-region__frame:fullscreen .stage-frame__foot,.stage-region__frame:fullscreen+.stage-region__footer,.stage-region__frame:fullscreen .stage-visual__gradient){display:none}.control-drawer{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);width:360px;height:100%;min-height:0;max-height:100%;box-shadow:none;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;background:#0f172a9e;border:0;border-left:1px solid #ffffff0d;border-radius:0;flex-direction:column;gap:0;padding:18px 20px 18px 21px;display:flex;overflow:visible auto}.drawer-console-head{justify-content:space-between;align-items:end;gap:var(--space-3);z-index:40;margin-bottom:0;padding-bottom:8px;display:flex;position:relative}.drawer-console-head__identity{z-index:41;justify-items:start;gap:8px;display:grid;position:relative}.drawer-console-head:after{content:"";background:linear-gradient(90deg,#06b6d480,#06b6d41a 50%,#06b6d400);height:2px;position:absolute;bottom:0;left:0;right:-1px}.drawer-console-head__clock{color:var(--text-strong);font-family:var(--font-mono);letter-spacing:.14em;text-shadow:0 0 12px #4cd7f659;font-size:13px;font-weight:700}.drawer-console-head__clock-group{z-index:41;justify-items:end;gap:3px;display:grid;position:relative}.drawer-console-head__date{color:#d7e2f5;letter-spacing:.12em;text-transform:uppercase;text-shadow:0 0 8px #94a3b82e;font-size:9px;font-weight:700}.drawer-console-head__locale{z-index:42;justify-self:start;width:fit-content;min-width:0;max-width:none;position:relative}.drawer-console-head__locale .ui-dropdown{--dropdown-menu-min-width:max-content;width:auto;display:inline-block}.drawer-console-head__locale .ui-dropdown__trigger{width:auto;min-height:var(--control-height);height:var(--control-height);letter-spacing:.02em;border-radius:var(--control-radius);background:#060e20db;border-color:#97a7c529;min-width:0;padding:0 12px 0 14px;font-size:11px;font-weight:700}.drawer-console-head__locale .ui-dropdown__label{text-align:left;padding-right:4px}.drawer-console-head__locale .ui-dropdown__menu{width:max-content;min-width:100%;max-width:192px;left:0;right:auto}.drawer-console-head__locale .ui-dropdown__icon{font-size:15px}.drawer-console-head__locale .ui-dropdown__menu{top:calc(100% + 6px)}.drawer-block{padding-top:var(--drawer-section-gap);box-shadow:none;z-index:1;background:0 0;border:0;border-radius:0;margin-bottom:0;animation:.36s both command-centre-rise;position:relative;overflow:visible}.drawer-block--transport{padding-top:var(--drawer-section-gap);animation-delay:20ms}.drawer-block--compact{padding-top:12px}.drawer-block__head{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.drawer-block__toggle{cursor:pointer;text-align:left;background:#09101f47;border:1px solid #0000;border-radius:16px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;min-height:40px;padding:0 12px;transition:border-color .16s,background .16s,box-shadow .18s,transform .16s,opacity .14s;display:grid}.drawer-block__toggle:hover{opacity:1;background:#10192d8a;border-color:#67e8f929;transform:translateY(-1px)}.drawer-block--collapsible.is-expanded .drawer-block__toggle{background:linear-gradient(90deg,#7c3aed1a 0%,#0891b214 100%),#10192d9e;border-color:#67e8f92e;box-shadow:0 0 0 1px #67e8f90d,inset 0 1px #ffffff08}.drawer-block__toggle:focus-visible{outline-offset:4px;border-radius:10px;outline:2px solid #67e8f957}.drawer-block__chevron{color:var(--text-soft);font-size:16px;transition:transform .18s,color .14s}.drawer-block--collapsible.is-expanded .drawer-block__chevron{color:var(--text-primary);transform:rotate(180deg)}.drawer-block__body{opacity:1;height:auto;transition:height .22s cubic-bezier(.2,.8,.2,1),opacity .18s;display:block;position:relative;overflow:visible}.drawer-block__body-inner{min-height:0;padding-top:10px;overflow:visible}.drawer-block--collapsible.is-collapsed .drawer-block__body{opacity:0;overflow:hidden}.drawer-block--collapsible.is-collapsed .drawer-block__body-inner{pointer-events:none}.drawer-block__label{color:#95a2b9;letter-spacing:.1em;text-transform:uppercase;font-size:9px;font-weight:800}.drawer-block:has(.drawer-block__io-grid) .drawer-block__head{justify-content:flex-start}.drawer-block:has(.drawer-block__io-grid) .drawer-block__label{color:#7f8ca3;letter-spacing:.1em;font-size:9px;font-weight:800}.drawer-block__head h2,.status-card h3{letter-spacing:.14em;text-transform:uppercase;color:var(--text-soft);margin:0 0 8px;font-size:11px}.drawer-block__head p{margin:0 0 var(--space-4);color:var(--text-muted);font-size:12px;line-height:1.55}.drawer-block--collapsible .drawer-block__head{margin-bottom:10px}.drawer-block__icon{color:var(--text-soft);cursor:pointer;background:0 0;border:0}.drawer-block--status{background:0 0}.transport-cluster{gap:8px;animation:.42s both command-centre-rise;display:grid}.transport-cluster__primary,.transport-cluster__secondary,.output-action-grid{gap:var(--space-2);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.transport-cluster__secondary--triple{grid-template-columns:repeat(3,minmax(0,1fr))}.recording-status{min-height:var(--control-height);border-radius:var(--control-radius);background:#2d34495c;border:1px solid #ffffff12;justify-content:center;align-items:center;gap:8px;padding:7px 12px;display:inline-flex}.recording-status__indicator{place-items:center;width:18px;height:18px;display:inline-grid;position:relative}.recording-status__ring,.recording-status__dot{border-radius:999px}.recording-status__ring{border:1.5px solid #f8717166;width:18px;height:18px}.recording-status__dot{background:#ffffff57;width:8px;height:8px;position:absolute}.recording-status__timer{color:var(--text-primary);font-family:var(--font-mono);letter-spacing:.12em;font-size:10px}.recording-status.is-recording{background:#53182238;border-color:#f871713d;box-shadow:0 0 14px #f8717114,inset 0 0 0 1px #f871710d}.recording-status.is-recording .recording-status__ring{border-color:#f87171eb;animation:1.15s ease-in-out infinite recording-pulse}.recording-status.is-recording .recording-status__dot{background:#ef4444;box-shadow:0 0 10px #ef444480}.recording-status.is-recording .recording-status__timer{color:#fff3f3}.ui-button{width:100%;min-height:var(--control-height);border-radius:var(--control-radius);color:var(--text-primary);font:inherit;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;background:#2d3449b8;border:1px solid #ffffff12;justify-content:center;align-items:center;gap:8px;padding:0 12px;font-size:9px;font-weight:700;transition:border-color .14s,background .14s,transform .14s,box-shadow .14s,color .14s;display:inline-flex}.ui-button>span:not(.ui-button__icon){justify-content:center;align-items:center;display:inline-flex}.ui-button__icon{justify-content:center;align-items:center;line-height:1;transition:transform .22s,opacity .18s,filter .18s;display:inline-flex}.ui-button__icon .material-symbols-outlined{font-size:16px}#startButton .ui-button__icon{justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex}#startButton .start-sync-note{transform-origin:50% 80%;filter:brightness(0)invert();width:24px;height:24px;display:block}#startButton{gap:4px;padding-inline:14px 12px}#startButton>span:not(.ui-button__icon){letter-spacing:.1em;margin-right:-1px;line-height:.95;display:inline-grid}#startButton:hover .ui-button__icon{filter:drop-shadow(0 0 10px #ffffff2e);transform:translateY(-1px)scale(1.04)}#startButton:hover .start-sync-note{animation:.52s cubic-bezier(.2,.8,.2,1) sync-note-pulse}#startButton:active .ui-button__icon,#startButton.is-syncing .ui-button__icon{filter:drop-shadow(0 0 12px #ffffff3d);transform:translateY(-1px)scale(1.08)}#startButton:active .start-sync-note,#startButton.is-syncing .start-sync-note{animation:.52s cubic-bezier(.2,.8,.2,1) sync-note-pulse}.ui-button:hover{background:#38435fd6;border-color:#ffffff29}.ui-button:disabled{cursor:not-allowed;opacity:.45;box-shadow:none;transform:none}.ui-button--accent{color:#eef6ff;background:linear-gradient(90deg,#7c3aed 0%,#0891b2 100%) padding-box padding-box,linear-gradient(90deg,#8ab0ff47 0%,#43d4f047 100%) border-box;border:1px solid #0000;box-shadow:0 0 0 1px #546dad14,0 0 12px #0891b21f}.ui-button--accent:hover{background:linear-gradient(90deg,#8550e6 0%,#1296b5 100%) padding-box padding-box,linear-gradient(90deg,#9cc1ff57 0%,#5ee4ff4d 100%) border-box;border-color:#0000;transform:translateY(-1px);box-shadow:0 0 12px #7c3aed29,0 0 22px #0891b229,0 0 38px #0891b20f}.ui-button--ghost{background:#2d3449b8}.ui-button--danger{color:var(--state-error);background:#93000a1a;border-color:#ffb4ab38}.ui-button--danger:hover,#stopButton:hover:not(:disabled),#startRecordButton:hover,#stopRecordButton:hover{color:#ffd3ce;background:linear-gradient(168deg,#93000a3d 0%,#ff5a4833 100%);border-color:#ffb4ab85;box-shadow:0 0 18px #ff5a482e,0 0 34px #93000a29}#startRecordButton:disabled,#stopRecordButton:disabled,#stopButton:disabled{color:#e2e8f09e;background:#2d34496b;border-color:#ffffff12}#saveSceneButton:hover{color:#dcfce7;background:linear-gradient(168deg,#1665343d 0%,#4ade8033 100%);border-color:#86efac80;box-shadow:0 0 18px #4ade8029,0 0 34px #16a34a24}.ui-segmented{border-radius:calc(var(--control-radius) + 2px);background:#060e2080;border:1px solid #ffffff0d;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;padding:4px;display:grid}.ui-segmented__item{min-height:var(--control-height-compact);color:var(--text-muted);font:inherit;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;border-radius:32px;font-size:8px;font-weight:700;transition:background .14s,color .14s,box-shadow .14s,transform .18s}.ui-segmented__item:hover:not(.is-active){color:var(--text-strong);background:linear-gradient(90deg,#7c3aed2e 0%,#0891b224 100%);transform:translateY(-1px);box-shadow:0 0 12px #7c3aed24,0 0 22px #0891b20f}.ui-segmented__item.is-active{color:#eef6ff;background:linear-gradient(90deg,#7c3aed 0%,#0891b2 100%);transform:translateY(-1px);box-shadow:0 0 10px #0891b224}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.scene-system{gap:6px;display:grid}.scene-system-panel{gap:8px;margin-top:10px;display:none}.scene-system-panel.is-active{display:grid}.scene-system-subpanel{gap:8px;display:none}.scene-system-subpanel.is-active{display:grid}.clock-mode-panel{gap:10px;min-height:0;padding:0 14px;display:grid}.clock-settings-panel{background:#11182880;border:1px solid #ffffff0d;border-radius:16px;overflow:hidden}.clock-settings-panel summary{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;min-height:40px;padding:10px 12px;list-style:none;display:flex}.clock-settings-panel summary::-webkit-details-marker{display:none}.clock-settings-panel__summary-label{letter-spacing:.05em;text-transform:uppercase;color:#cbd5e1;font-size:9px;font-weight:700}.clock-settings-panel__summary-icon{color:#d0dcffb8;font-size:18px;transition:transform .16s,color .16s}.clock-settings-panel[open] .clock-settings-panel__summary-icon{color:#7ce7ffe0;transform:rotate(180deg)}.clock-settings-panel__body{border-top:1px solid #ffffff0d;gap:14px;padding:0 14px 14px;display:grid}.clock-settings-group{gap:10px;padding-top:14px;display:grid}.clock-settings-group[hidden]{display:none}.clock-settings-group+.clock-settings-group{border-top:1px solid #ffffff0d}.clock-settings-group__head{gap:4px;display:grid}.clock-settings-group__title{letter-spacing:.12em;text-transform:uppercase;color:#7ce7ffdb;font-size:10px;font-weight:700}.clock-settings-group__copy{color:var(--text-muted);font-size:12px;line-height:1.45}.clock-mode-panel__toggle-row{background:#11182880;border:1px solid #ffffff0d;border-radius:16px;justify-content:space-between;align-items:center;gap:12px;min-height:40px;padding:10px 12px;display:flex}.clock-mode-panel__toggle-row[hidden]{display:none}.clock-mode-panel__toggle-copy{gap:3px;min-width:0;display:grid}.clock-style-panel{gap:10px;display:grid}.clock-style-panel__field{background:#11182880;border:1px solid #ffffff0d;border-radius:16px;gap:6px;padding:10px 12px;display:grid}.clock-style-panel__field-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.clock-style-panel__size-readout{letter-spacing:.12em;text-transform:uppercase;color:#7ce7ffd1;font-size:10px;font-weight:700}.clock-style-panel__custom{background:#11182880;border:1px solid #ffffff0d;border-radius:16px;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px;padding:10px 12px;display:grid}.clock-style-panel__hex,.clock-style-panel__picker{gap:6px;display:grid}.clock-style-panel__picker .ui-button{width:auto;padding-inline:14px}.clock-font-size-control{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.clock-font-size-control__step{width:36px;height:36px;color:var(--text-strong);font:inherit;cursor:pointer;background:#0a101ed1;border:1px solid #ffffff14;border-radius:12px;font-size:18px;font-weight:700;line-height:1;transition:border-color .16s,background .16s,transform .16s}.clock-font-size-control__step:hover{background:#121c31f2;border-color:#7ce7ff38;transform:translateY(-1px)}.clock-font-size-control__custom{gap:6px;display:grid}#clockColorNativeInput{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.clock-mode-panel__actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.clock-mode-panel__actions[hidden],.clock-mode-panel .scene-system-panel__copy[hidden]{display:none}.clock-mode-panel__actions .ui-button{min-height:36px}.clock-mode-panel__hint{color:var(--text-muted);margin:0;padding-top:4px;font-size:12px;line-height:1.4}.clock-countdown-presets__buttons{grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:8px;display:grid}.clock-countdown-presets__button{border-radius:var(--radius-pill);min-height:36px;color:var(--text-primary);letter-spacing:.1em;cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;font-weight:600}.clock-countdown-presets__button.is-active{background:#7ce7ff26;border-color:#7ce7ff80}.clock-countdown-custom{gap:6px;display:grid}.clock-countdown-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.scene-system-panel__head{justify-content:space-between;align-items:center;display:flex}.control-field--mode-family{z-index:2;justify-self:start;gap:5px;width:148px;position:relative}.control-field--mode-family .ui-dropdown__trigger{min-height:var(--control-height);height:var(--control-height);background:linear-gradient(90deg,#7c3aed38 0%,#0891b22e 100%);border-color:#67e8f933;padding:0 12px 0 14px;box-shadow:0 0 0 1px #67e8f91a,0 0 16px #7c3aed14}.control-field--mode-family .ui-dropdown__label{text-align:center;color:#eef5ff;padding-right:0;font-weight:600}.control-field--mode-family .ui-dropdown__icon{color:#d7eaff;opacity:1}.control-field--mode-family .ui-dropdown__trigger:hover,.control-field--mode-family .ui-dropdown.is-open .ui-dropdown__trigger{border-color:#67e8f957;box-shadow:0 0 0 1px #67e8f929,0 0 18px #0891b224,0 0 22px #7c3aed1f}.scene-system-panel__copy{color:var(--text-muted);margin:0;font-size:11px;line-height:1.45}.logo-controls{gap:9px;display:grid}.field-panel{gap:8px;display:grid}.field-panel__head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.field-panel__support{gap:4px;min-width:0;display:grid}.field-panel__support--centered{text-align:center;justify-items:center}.field-panel__control{gap:6px;min-width:0;display:grid}.field-panel__control--centered{justify-items:center}.field-panel__actions{justify-content:flex-end;align-items:flex-start;gap:8px;display:flex}.field-panel__actions .ui-button{width:auto;min-height:var(--control-height);padding:0 14px;font-size:9px}#clearLogoButton{min-width:82px}.logo-position-grid{grid-template-columns:repeat(3,48px);justify-content:center;gap:8px;display:grid}.logo-position-grid__spacer{width:48px;height:48px}.logo-position-grid__button{width:48px;height:48px;color:var(--text-primary);font:inherit;cursor:pointer;background:#171f3370;border:1px solid #ffffff0f;border-radius:16px;place-items:center;padding:0;transition:border-color .14s,background .14s,box-shadow .14s,transform .14s,color .14s;display:inline-grid}.logo-position-grid__button .material-symbols-outlined{font-size:20px;line-height:1}.logo-position-grid__button:hover{background:#242f47ad;border-color:#88ace138;transform:translateY(-1px)scale(1.03)}.logo-position-grid__button.is-active{background:linear-gradient(90deg,#5d3fd36b 0%,#1276a26b 100%);border-color:#67e8f947;box-shadow:0 0 0 1px #67e8f914,0 0 18px #10b9d014}.scene-system__button{width:100%;color:var(--text-muted);font:inherit;letter-spacing:.02em;cursor:pointer;background:#171f3380;border:1px solid #0000;border-radius:16px;justify-content:space-between;align-items:center;gap:12px;padding:10px 13px;font-size:11px;font-weight:600;display:flex}.genre-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.genre-grid__button{min-height:34px;color:var(--text-primary);font:inherit;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:#171f3370;border:1px solid #ffffff0f;border-radius:14px;padding:0 12px;font-size:10px;font-weight:700}.genre-grid__button.is-active{color:var(--text-strong);background:#9333ea33;border-color:#a855f74d}.genre-grid__button.is-disabled,.genre-grid__button:disabled{opacity:.45;cursor:not-allowed}.scene-system__button.is-active{color:var(--text-strong);background:#9333ea33;border-color:#a855f74d;box-shadow:0 0 12px #a855f726}.scene-system__active-dot{background:#c084fc;border-radius:50%;width:6px;height:6px;box-shadow:0 0 10px #c084fc99}.scene-system__handle{opacity:.5;font-size:14px}.ui-pill,.ui-badge{letter-spacing:.08em;text-transform:uppercase;border:1px solid #ffffff14;border-radius:999px;align-items:center;gap:8px;padding:7px 11px;font-size:11px;font-weight:700;display:inline-flex}.ui-pill--soft,.ui-badge--default{background:#111925d1}.ui-pill--house{background:#ffb5611f}.ui-pill--psy{background:#8bff841f}.ui-pill--techno{background:#c084fc29}.ui-pill--dnb{background:#6ce7ff1f}.ui-badge--projection,.ui-badge--showcase{background:#ddb7ff24}.ui-badge--balanced{color:#d8f8ff;background:#0891b238;border-color:#67e8f92e}.ui-badge--recording{background:#ef444424}.ui-badge--safe{color:#f3ffd9;background:#84cc1638;border-color:#bef2642e}.ui-badge--immersive{background:#eab6761f}.status-badge-group{gap:var(--space-2);flex-wrap:wrap;justify-content:flex-end;display:flex}.status-badge-group--drawer{justify-content:flex-start;gap:6px}.searchable-picker,.control-field,.safe-mode-row{gap:6px;display:grid}.drawer-block__io-grid{grid-template-columns:minmax(0,1fr);align-items:start;row-gap:10px;display:grid}.io-secondary-fields{grid-template-columns:repeat(2,minmax(120px,136px));justify-content:start;gap:12px;display:grid}.io-secondary-fields__item{min-width:0}.control-field__status{color:var(--text-muted);font-size:9px;font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;align-items:center;gap:8px;padding-left:18px;display:inline-flex}.control-field__status:before{content:"";background:var(--state-warning);border-radius:999px;flex:none;width:8px;height:8px}.control-field__status.is-live:before{background:var(--state-live)}.control-field+.control-field,.searchable-picker+.searchable-picker{margin-top:8px}.control-field--bpm{background:0 0;border:0;align-self:start;gap:0;padding:0}.control-field--bpm .control-field__meta{flex-wrap:nowrap;justify-content:space-between;gap:14px;min-height:16px}.control-field--bpm .control-field__label{padding-left:18px}.control-field--bpm__inline{align-items:baseline;gap:10px;min-width:0;margin-left:auto;display:inline-flex}.control-field--bpm .control-field__hintline{letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;color:var(--text-muted);margin-top:0;font-size:9px}.control-field--bpm .control-field__value{text-align:right;min-width:44px;margin-left:0}.control-field--bpm__confidence-track{background:#ffffff14;border-radius:999px;height:4px;margin-top:6px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff08}.control-field--bpm__confidence-fill{border-radius:inherit;background:linear-gradient(90deg,#67e8f98c,#bef264d9);width:0%;height:100%;transition:width .18s}.control-field__meta,.searchable-picker__head,.safe-mode-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.drawer-block__io-grid .control-field{grid-template-rows:auto var(--control-height) auto;gap:6px}.drawer-block__io-grid .control-field--bpm{grid-template-rows:auto;gap:0}.drawer-block__io-grid .control-field__meta{flex-wrap:nowrap;align-items:center;gap:0;min-height:16px}.drawer-block__io-grid .control-field__label{align-items:center;min-height:16px;padding-left:18px;line-height:1;display:flex}.drawer-block__io-grid>.control-field:first-child{min-width:0;overflow:visible}.drawer-block__io-grid>.control-field:first-child .control-field__meta{justify-content:flex-start}.drawer-block__io-grid>.control-field:first-child .control-field__label{padding-left:18px}.drawer-block__io-grid>.control-field:first-child .control-field__status{justify-self:start;padding-left:18px}.drawer-block__io-grid .control-field--aspect-ratio,.drawer-block__io-grid .control-field--frame-rate{justify-self:start;width:136px}.drawer-block__io-grid .control-field--aspect-ratio .control-field__meta,.drawer-block__io-grid .control-field--frame-rate .control-field__meta{justify-content:center}.drawer-block__io-grid .control-field--aspect-ratio .control-field__label,.drawer-block__io-grid .control-field--frame-rate .control-field__label{padding-left:0}.drawer-block__io-grid .control-field--aspect-ratio .ui-dropdown,.drawer-block__io-grid .control-field--frame-rate .ui-dropdown{width:100%}.drawer-block__io-grid .control-field--aspect-ratio .ui-dropdown__trigger,.drawer-block__io-grid .control-field--frame-rate .ui-dropdown__trigger{padding:0 12px 0 14px}.drawer-block__io-grid .control-field--aspect-ratio .ui-dropdown__label,.drawer-block__io-grid .control-field--frame-rate .ui-dropdown__label{text-align:center;justify-content:center;padding-right:2px}.drawer-block__io-grid .ui-select-shell{align-self:end}.safe-mode-row{align-items:flex-start;margin-top:8px}.projection-row{z-index:2;gap:10px;margin-top:4px;display:grid;position:relative}.projection-row__selector{min-width:0}.projection-row__selector .ui-dropdown__trigger{min-height:var(--control-height);height:var(--control-height);width:min(100%,240px);font-size:11px}.projection-row__status{letter-spacing:.03em;margin:0;font-size:10px}.projection-row__actions{gap:var(--space-2);display:grid}.projection-row__actions--dual{grid-template-columns:minmax(0,116px);justify-content:start}.projection-row__actions .ui-button{min-height:var(--control-height);letter-spacing:.09em;padding:0 9px;font-size:9px}#projectionButton:hover,#savedScenesButton:hover{background:#38435fd1;border-color:#88ace142;transform:translateY(-1px);box-shadow:0 0 12px #7c3aed1f,0 0 20px #0891b21f}.saved-scenes-row{gap:8px;margin-top:12px;display:grid}.saved-scenes-row__select{width:min(100%,220px)}.saved-scenes-row__select .ui-dropdown,.saved-scenes-row__select .ui-dropdown__trigger{width:100%}.saved-scenes-row__select .ui-dropdown__menu{max-height:220px}.control-field__label{color:#cbd5e1;letter-spacing:.05em;text-transform:uppercase;font-size:9px;font-weight:700}.control-field__value,.control-field__hint,.control-field__hintline{color:var(--text-muted);font-size:9px;font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase}.control-field__hintline{line-height:1.5;font-family:var(--font-ui);letter-spacing:0;margin:4px 0 0}.drawer-block__copy{color:var(--text-muted);margin:0 0 10px;font-size:12px;line-height:1.45}.drawer-block__copy--muted{opacity:.82}.performance-slider-stack{gap:12px;display:grid}.performance-slider-stack--compact{margin-top:12px}.control-field--slider{--slider-percent:50%;--slider-color:#0891b2;--slider-active-start:50%;--slider-active-width:0%;--slider-active-color:var(--slider-color);--slider-thumb-color:var(--slider-color)}.control-field__value--accent{color:var(--text-strong);font-size:11px;font-weight:700}.control-field__slider-shell{align-items:center;height:20px;display:flex;position:relative}.control-field__slider-track{background:#060e20;border-radius:999px;width:100%;height:6px;transition:box-shadow .14s,background .14s;position:relative}.control-field__slider-fill{width:var(--slider-percent);background:var(--slider-color);border-radius:999px;position:absolute;inset:0 auto 0 0}.control-field__slider-thumb{top:50%;left:var(--slider-percent);border:3px solid color-mix(in srgb, var(--slider-color) 82%, #9bdff3 18%);width:20px;height:20px;box-shadow:0 0 7px color-mix(in srgb, var(--slider-color) 26%, transparent);background:#eaf7fb;border-radius:999px;transition:box-shadow .14s,transform .14s;position:absolute;transform:translate(-50%,-50%)}.control-field--slider.is-bipolar .control-field__slider-track{background:linear-gradient(90deg,#5db3ff24 0%,#5db3ff14 36%,#adbfd614 50%,#ff9f5a14 64%,#ff9f5a24 100%)}.control-field--slider.is-bipolar .control-field__slider-fill{left:var(--slider-active-start);width:var(--slider-active-width);background:linear-gradient(90deg, color-mix(in srgb, var(--slider-active-color) 84%, #fff 16%) 0%, var(--slider-active-color) 100%)}.control-field--slider.is-bipolar .control-field__slider-thumb{border-color:var(--slider-thumb-color);box-shadow:0 0 8px color-mix(in srgb, var(--slider-thumb-color) 30%, transparent), 0 0 16px color-mix(in srgb, var(--slider-thumb-color) 12%, transparent)}.control-field__slider-shell:hover .control-field__slider-track{background:color-mix(in srgb, var(--slider-color) 10%, #060e20);box-shadow:0 0 10px color-mix(in srgb, var(--slider-color) 18%, transparent), 0 0 18px color-mix(in srgb, var(--slider-color) 8%, transparent)}.control-field__slider-shell:hover .control-field__slider-thumb{box-shadow:0 0 10px color-mix(in srgb, var(--slider-color) 36%, transparent), 0 0 18px color-mix(in srgb, var(--slider-color) 16%, transparent);transform:translate(-50%,-50%)scale(1.04)}.control-field--slider.is-disabled{opacity:.5}.control-field--slider.is-disabled .control-field__meta{opacity:.72}.control-field--slider.is-disabled .control-field__slider-track{box-shadow:none;background:#060e20ad}.control-field--slider.is-disabled .control-field__slider-fill{background:color-mix(in srgb, var(--slider-color) 46%, #ffffff14)}.control-field--slider.is-disabled .control-field__slider-thumb{box-shadow:none;background:#e2e8f061;border-color:#c9d5e138}.control-field--slider.is-disabled .control-field__slider-shell:hover .control-field__slider-track,.control-field--slider.is-disabled .control-field__slider-shell:hover .control-field__slider-thumb{box-shadow:none;transform:translate(-50%,-50%)}.ui-select,.ui-input{width:100%;min-height:var(--control-height);height:var(--control-height);border-radius:var(--control-radius);color:var(--text-primary);font:inherit;vertical-align:middle;background:#060e20;border:1px solid #ffffff1a;padding:0 38px 0 16px;font-size:11px;line-height:1.1}.ui-select{opacity:0;pointer-events:none;position:absolute;inset:0}.ui-dropdown{z-index:1;isolation:isolate;--dropdown-menu-offset:8px;--dropdown-menu-min-width:100%;--dropdown-menu-max-height:224px;--dropdown-menu-origin:top center;width:100%;position:relative}.ui-dropdown.is-open{z-index:140}.ui-dropdown--compact{width:auto;min-width:124px}.ui-dropdown--compact .ui-dropdown__trigger{column-gap:8px;padding:0 12px 0 14px}.ui-dropdown--menu-end .ui-dropdown__menu{transform-origin:100% 0;left:auto;right:0}.ui-dropdown__trigger{width:100%;min-height:var(--control-height);height:var(--control-height);border-radius:var(--control-radius);color:var(--text-primary);font:inherit;cursor:pointer;background:#060e20;border:1px solid #ffffff1a;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:10px;padding:0 12px 0 16px;font-size:12px;transition:border-color .14s,box-shadow .14s,background .14s;display:grid;position:relative;overflow:hidden}.ui-dropdown__trigger:hover,.ui-dropdown.is-open .ui-dropdown__trigger{border-color:#93c5fdc7;box-shadow:0 0 0 1px #93c5fd33}.ui-dropdown__label{text-align:left;white-space:nowrap;text-overflow:ellipsis;width:100%;min-width:0;padding-right:4px;line-height:1;display:block;overflow:hidden}.drawer-block__io-grid>.control-field:first-child .ui-dropdown__label{justify-content:flex-start}.ui-dropdown__icon{color:var(--text-primary);opacity:.86;font-size:16px;line-height:1;transition:transform .14s,opacity .14s;position:static}.ui-dropdown.is-open .ui-dropdown__icon{transform:rotate(180deg)}.ui-dropdown__menu{top:calc(100% + var(--dropdown-menu-offset));z-index:200;min-width:var(--dropdown-menu-min-width);max-height:var(--dropdown-menu-max-height);opacity:0;transform-origin:var(--dropdown-menu-origin);background:linear-gradient(#131b2efa,#0b1326fa),#0b1326;border:1px solid #93c5fd33;border-radius:18px;padding:8px;transition:opacity .16s,transform .16s;display:none;position:absolute;left:0;right:auto;overflow:hidden auto;transform:translateY(-4px)scale(.98);box-shadow:0 18px 40px #0105109e,inset 0 0 0 1px #ffffff08}:is(.drawer-block:has(.ui-dropdown.is-open),.control-field:has(.ui-dropdown.is-open),.projection-row:has(.ui-dropdown.is-open),.logo-controls:has(.ui-dropdown.is-open),.scene-system-panel:has(.ui-dropdown.is-open),.scene-system-subpanel:has(.ui-dropdown.is-open),.saved-scenes-row:has(.ui-dropdown.is-open),.drawer-console-head:has(.ui-dropdown.is-open)){z-index:160}.ui-dropdown.is-open .ui-dropdown__menu{opacity:1;gap:4px;display:grid;transform:translateY(0)scale(1)}.ui-dropdown__option{width:100%;min-height:38px;color:var(--text-primary);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:12px;grid-template-columns:16px minmax(0,1fr);align-items:center;gap:10px;padding:0 12px;font-size:11px;display:grid}.ui-dropdown__option:focus-visible,.ui-dropdown__trigger:focus-visible{outline-offset:2px;outline:2px solid #93c5fd85}.ui-dropdown__option:hover{background:#818cf81f}.ui-dropdown__option.is-selected{color:#f5e9ff;background:linear-gradient(90deg,#a855f72e,#22d3ee0f)}.ui-dropdown__option-check{opacity:0;font-size:16px}.ui-dropdown__option.is-selected .ui-dropdown__option-check{opacity:1;color:#d8b4fe}.ui-dropdown__option-label{min-width:0;line-height:1.1}.ui-textarea{width:100%;min-height:72px;color:var(--text-primary);font:inherit;resize:none;background:#060e20;border:1px solid #ffffff0d;border-radius:24px;padding:14px;font-size:11px;box-shadow:inset 0 2px 4px #0000000d}.ui-file-input{width:100%;min-height:var(--control-height);border-radius:var(--control-radius);cursor:pointer;background:#060e20;border:1px solid #ffffff1a;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;padding:0 12px;transition:border-color .14s,box-shadow .14s,background .14s;display:grid;position:relative}.ui-file-input:hover,.ui-file-input:focus-within{border-color:#93c5fdc7;box-shadow:0 0 0 1px #93c5fd33,0 0 16px #0891b214}.ui-file-input__native{opacity:0;cursor:pointer;position:absolute;inset:0}.ui-file-input__button{min-height:24px;color:var(--text-primary);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;background:#2d3449b8;border:1px solid #ffffff14;border-radius:999px;justify-content:center;align-items:center;padding:0 10px;font-size:9px;font-weight:700;display:inline-flex}.ui-file-input__label{min-width:0;color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:10px;line-height:1.1;overflow:hidden}.ui-range{opacity:0;cursor:pointer;width:100%;height:20px;margin:0;position:absolute;inset:0}.ui-range:disabled{cursor:not-allowed}.ui-toggle{align-items:center;gap:10px;display:inline-flex}.ui-toggle input{display:none}.ui-toggle__track{border-radius:var(--radius-pill);border:var(--border-soft);background:#ffffff1f;width:42px;height:24px;transition:background .18s,border-color .18s,box-shadow .18s;position:relative}.ui-toggle__track:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .18s,background .18s,box-shadow .18s;position:absolute;top:3px;left:4px;box-shadow:0 2px 8px #090c1652}.ui-toggle__label{color:var(--text-primary);font-size:11px;font-weight:500;transition:color .18s,text-shadow .18s}.ui-toggle input:checked+.ui-toggle__track:after{transform:translate(17px)}.ui-toggle input:checked+.ui-toggle__track{background:linear-gradient(90deg,#7c3aed94 0%,#0891b294 100%);border-color:#67e8f952;box-shadow:0 0 14px #0891b22e,0 0 22px #7c3aed24}.ui-toggle input:checked+.ui-toggle__track:after{background:#f8fbff;box-shadow:0 0 10px #7dd3fc4d,0 2px 8px #090c1652}.ui-toggle input:checked+.ui-toggle__track+.ui-toggle__label{color:#f8fbff;text-shadow:0 0 12px #67e8f933}@keyframes recording-pulse{0%,to{opacity:.72;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}@keyframes sync-note-pulse{0%{transform:scale(1)rotate(0)}35%{transform:scale(1.12)rotate(-10deg)translateY(-1px)}65%{transform:scale(1.08)rotate(8deg)translateY(-2px)}to{transform:scale(1)rotate(0)}}@keyframes command-centre-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.ui-status-dot{border-radius:50%;width:8px;height:8px;margin-right:8px;display:inline-block}.ui-status-dot--live{background:var(--state-live)}.ui-status-dot--warning{background:var(--state-warning)}.status-panels,.status-summary{gap:var(--space-3);display:grid}.status-card{padding:var(--space-3);background:#060e208f;border:1px solid #ffffff0f;border-radius:18px}.prompt-block{gap:12px;display:grid}.ui-button--prompt{color:var(--state-projection);letter-spacing:.3em;background:#ffffff0d;border-color:#ddb7ff66}.session-status{color:var(--text-muted);margin:10px 0 0;font-size:11px;line-height:1.45}.status-card--summary pre{max-height:112px;font-size:11px;overflow:auto}.diagnostics-panel{margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid #ffffff14}.diagnostics-panel summary{cursor:pointer;color:var(--text-muted);font-size:13px;font-weight:650;list-style:none}.diagnostics-panel summary::-webkit-details-marker{display:none}.diagnostics-panel[open] summary{color:var(--text-primary);margin-bottom:var(--space-3)}.status-card pre{white-space:pre-wrap;word-break:break-word;color:var(--text-primary);font-size:11px;line-height:1.5;font-family:var(--font-mono);margin:0}.sheet{background:var(--surface-overlay);width:min(520px,100%);box-shadow:var(--shadow-panel);pointer-events:auto;border:1px solid #ffffff1a;border-radius:22px;margin-top:16px;padding:18px}.sheet__head{justify-content:space-between;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-3);display:flex}.sheet__head h2{margin:0;font-size:24px}.sheet__copy{margin:0 0 var(--space-4);color:var(--text-muted);line-height:1.6}.account-sheet__profile{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:14px;margin-bottom:18px;display:grid}.account-sheet__grid,.billing-sheet__summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.account-sheet__card,.billing-sheet__card{background:#0f172a94;border:1px solid #ffffff0f;border-radius:18px;gap:6px;padding:14px;display:grid}.billing-sheet__actions{gap:10px;margin:18px 0;display:flex}.billing-sheet__actions .ui-button{width:auto;min-width:164px}.billing-sheet__invoices{gap:10px;display:grid}.billing-sheet__headrow{justify-content:space-between;align-items:center;display:flex}.billing-sheet__invoice{background:#0f172a70;border:1px solid #ffffff0d;border-radius:16px;justify-content:space-between;align-items:center;gap:14px;padding:12px 14px;display:flex}.billing-sheet__invoice>div,.account-sheet__identity{gap:2px;display:grid}.billing-sheet__empty{color:var(--text-muted);text-align:center;border:1px dashed #ffffff14;border-radius:16px;padding:16px}.saved-scene-toolbar{gap:var(--space-2);margin-bottom:var(--space-4);grid-template-columns:minmax(0,1.2fr) minmax(140px,.8fr) repeat(2,auto);display:grid}.saved-scene-list{gap:var(--space-2);max-height:420px;display:grid;overflow:auto}.saved-scene-item{gap:var(--space-2);border-radius:var(--radius-sm);border:var(--border-soft);background:#0f1722;grid-template-columns:auto 72px minmax(0,1fr);align-items:stretch;padding:8px;display:grid}.saved-scene-item__preview{border-radius:var(--radius-sm);background:#ffffff0a;overflow:hidden}.saved-scene-item__preview img{object-fit:cover;width:100%;height:100%;display:block}.saved-scene-item__preview--empty{color:var(--text-muted);text-transform:uppercase;letter-spacing:.12em;place-items:center;font-size:12px;display:grid}.saved-scene-item__select{place-items:center;width:32px;display:grid}.saved-scene-item__body{color:inherit;text-align:left;cursor:pointer;background:0 0;border:0}.saved-scene-item__head{justify-content:space-between;gap:var(--space-3);color:var(--text-muted);margin-bottom:6px;font-size:12px;display:flex}.saved-scene-item h3{margin:0 0 6px;font-size:15px}.saved-scene-item p,.saved-scene-empty{color:var(--text-muted);margin:0;font-size:13px;line-height:1.5}.custom-scene-form,.custom-scene-field,.custom-scene-result{gap:var(--space-3);display:grid}.custom-scene-field .control-field__label{align-items:center;min-height:14px;display:inline-flex}.custom-scene-actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.custom-scene-upload-meta{gap:6px;display:grid}.custom-scene-upload-meta__selected{background:#0b182db8;border:1px solid #7ce7ff42;border-radius:999px;align-items:center;gap:8px;width:fit-content;padding:4px 8px 4px 4px;display:inline-flex}.custom-scene-upload-meta__thumb{color:#dff1ffeb;background:#7ce7ff24 50%/cover;border-radius:6px;flex-shrink:0;place-items:center;width:24px;height:24px;font-size:12px;font-weight:700;display:inline-grid}.custom-scene-upload-meta__label{color:var(--text-primary);font-size:11px;font-weight:600}.custom-scene-upload-meta__error{color:#fca5a5;margin:0;font-size:11px;line-height:1.4}.custom-scene-upload-meta__stack{gap:4px;margin:0;padding:0;list-style:none;display:grid}.custom-scene-upload-meta__stack[hidden]{display:none}.custom-scene-upload-meta__stack-item{min-height:22px;color:var(--text-muted);background:#1118288f;border:1px solid #ffffff0f;border-radius:999px;align-items:center;gap:8px;padding:2px 8px 2px 6px;font-size:11px;display:flex}.custom-scene-upload-meta__stack-index{color:#dcf5fff5;background:#7ce7ff2e;border-radius:999px;flex-shrink:0;place-items:center;width:16px;height:16px;font-size:10px;font-weight:700;display:inline-grid}.custom-scene-upload-meta__stack-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.custom-scene-save-progress{gap:6px;display:grid}.custom-scene-save-progress__track{background:#ffffff14;border-radius:999px;height:8px;overflow:hidden}.custom-scene-save-progress__fill{background:linear-gradient(90deg,#7c3aed,#0891b2);width:0%;height:100%;transition:width .16s}.custom-scene-save-progress__label{color:var(--text-muted);font-size:11px}.custom-scene-card{gap:var(--space-4);padding:var(--space-3);border-radius:var(--radius-sm);border:var(--border-soft);background:#0f1722;grid-template-columns:minmax(180px,220px) minmax(0,1fr);display:grid}.custom-scene-card__preview{aspect-ratio:1;border-radius:var(--radius-sm);background:#ffffff08;overflow:hidden}.custom-scene-card__preview img,.custom-scene-card__placeholder{object-fit:cover;width:100%;height:100%;display:block}.custom-scene-card__placeholder{color:var(--text-muted);place-items:center;font-size:13px;display:grid}.custom-scene-card__body{gap:var(--space-3);display:grid}.custom-scene-card__body h3,.custom-scene-card__body p{margin:0}.custom-scene-card__body p{color:var(--text-muted);line-height:1.6}.custom-scene-card__meta,.custom-scene-card__facts{gap:var(--space-2);flex-wrap:wrap;display:flex}.custom-scene-card__facts{margin:0}.custom-scene-card__facts div{min-width:120px}.custom-scene-card__facts dt{color:var(--text-muted);margin-bottom:4px;font-size:12px}.custom-scene-card__facts dd{margin:0;font-size:13px}@media (width<=1180px){.performance-template__body,.account-page{grid-template-columns:1fr}.control-drawer{border-top:1px solid #ffffff0d;border-left:0}.stage-region__frame{min-height:0}.status-badge-group{justify-content:flex-start}}@media (width<=720px){body{overflow:auto}.performance-template{width:100%;padding-top:0}.performance-hud{flex-direction:column;align-items:flex-start;padding:18px}.performance-hud__identity,.performance-hud__nav{width:100%}.performance-hud__identity{gap:18px;display:grid}.performance-hud__statusbar{gap:12px;width:100%;display:grid}.account-trigger{justify-self:end}.performance-hud__nav{border-top:1px solid #ffffff14;border-left:0;padding-top:18px;padding-left:0}.transport-cluster__primary,.transport-cluster__secondary,.output-action-grid,.ui-segmented,.genre-grid,.drawer-block__io-grid,.projection-row,.saved-scene-toolbar,.custom-scene-card,.account-sheet__grid,.billing-sheet__summary,.account-help-grid{grid-template-columns:1fr}.saved-scene-item{grid-template-columns:auto minmax(0,1fr)}.saved-scene-item__preview{display:none}.stage-frame__foot{flex-direction:column;align-items:flex-start;bottom:32px;left:32px;right:32px}.stage-region__footer{padding:0 20px 16px}.stage-region__frame{padding:20px}.stage-frame__viewport{width:100%}.stage-clock-overlay{padding:22px}.stage-clock-overlay__chrome{gap:8px;width:100%}.clock-style-panel__custom{grid-template-columns:1fr}.overlay-layer{justify-content:center;inset:20px}.stage-frame__identity{top:42px;left:32px;right:32px}.stage-band-meter-cluster{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.sheet{width:100%}.control-drawer{max-height:none;overflow:visible}.account-template__body{padding:20px 18px}.account-page__content{padding:18px}.billing-sheet__actions{flex-direction:column}.billing-sheet__actions .ui-button{width:100%;min-width:0}.account-menu{min-width:min(280px,100vw - 36px);right:0}}