:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;--ink:#f4f0e8;--muted:#aba99f;--canvas:#0b0d0c;--panel:#151816;--line:#343a35;--signal:#d7ff43;--signal-ink:#111500;--danger:#ff806d;--focus:#fff5c2;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}html,body,#app{min-height:100%;margin:0}body{background:var(--canvas);min-width:320px;color:var(--ink)}button{border:1px solid var(--signal);background:var(--signal);min-height:2.75rem;color:var(--signal-ink);font:inherit;cursor:pointer;border-radius:0;padding:.65rem 1rem;font-weight:750}button:hover:not(:disabled){background:#e4ff7a}button:disabled{cursor:not-allowed;filter:grayscale();opacity:.42}button:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.button-secondary{color:var(--ink);background:0 0}.button-row{flex-wrap:wrap;gap:.75rem;display:flex}.eyebrow{color:var(--signal);letter-spacing:.16em;text-transform:uppercase;margin:0 0 .55rem;font-size:.73rem;font-weight:800}.startup-gate,.ready-content{min-height:100vh}.startup-clean,.startup-clean .ready-content{height:100vh;min-height:0;overflow:hidden}.readiness{z-index:2;border-bottom:1px solid var(--line);min-height:2.25rem;color:var(--muted);background:#0d100e;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.5rem 1.2rem;padding:0 clamp(1rem,3vw,2.5rem);font-size:.75rem;display:flex;position:relative}.readiness strong{color:var(--ink)}.recovery-action{width:2rem;min-height:2rem;color:var(--muted);background:0 0;border:0;place-items:center;margin-left:.2rem;padding:.35rem;display:grid;position:relative}.recovery-action:before{border-left:1px solid var(--line);content:"";position:absolute;top:.25rem;bottom:.25rem;left:-.45rem}.recovery-action:hover:not(:disabled){color:var(--signal);background:0 0}.recovery-action svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:1.2rem}.setup-shell{background:linear-gradient(90deg, transparent 49.8%, #d7ff4314 50%, transparent 50.2%), radial-gradient(circle at 15% 18%, #243125 0, transparent 32%), var(--canvas);place-items:center;min-height:calc(100vh - 2.25rem);padding:clamp(1rem,5vw,4rem);display:grid}.setup-card{border:1px solid var(--line);border-top:5px solid var(--signal);background:#151816f5;width:min(100%,42rem);padding:clamp(1.4rem,5vw,3.5rem);box-shadow:1.25rem 1.25rem #050605}.setup-card h1{letter-spacing:-.05em;max-width:14ch;margin:0;font-size:clamp(2rem,7vw,4.5rem);line-height:.95}.setup-card>p:not(.eyebrow,.diagnostic){color:#d5d1c8;max-width:58ch;margin:1.5rem 0;line-height:1.6}.error-card{border-top-color:var(--danger)}.diagnostic{overflow-wrap:anywhere;color:var(--muted);font-family:ui-monospace,Cascadia Code,monospace;font-size:.85rem}dl.diagnostic{gap:.4rem;margin:1rem 0 0;display:grid}.diagnostic div{grid-template-columns:minmax(6rem,.3fr) minmax(0,1fr);gap:.75rem;display:grid}.diagnostic dt{color:var(--ink);font-weight:700}.diagnostic dd{margin:0}details{margin-top:1.25rem}summary{cursor:pointer;font-weight:700}progress{width:100%;height:.35rem;accent-color:var(--signal);margin-top:1rem}.storage-warning{z-index:3;color:#ffdda0;background:#2c250e;border-bottom:1px solid #795f19;margin:0;padding:.65rem clamp(1rem,3vw,2.5rem);font-size:.85rem;position:relative}@media (width<=42rem){.readiness{justify-content:flex-start;column-gap:.5rem}.setup-card{box-shadow:.6rem .6rem #050605}}@media (prefers-reduced-motion:no-preference){button{transition:background-color .12s,color .12s}}.controller-shell{background:linear-gradient(135deg, #d7ff430a 25%, transparent 25%) 0 0 / 3rem 3rem, var(--canvas);grid-template-rows:auto 1fr auto;min-height:calc(100vh - 2.25rem);display:grid}.app-header{border-bottom:1px solid var(--line);background:#0a0c0b;justify-content:space-between;align-items:center;gap:1rem;padding:.8rem 1.25rem;display:flex}.app-header h1{letter-spacing:-.075em;margin:0;font-size:clamp(2rem,4vw,3.8rem);line-height:.78}.coordination-actions,.button-row,.panel-heading,.library-tools,.queue-list li{align-items:center;gap:.55rem;display:flex}.coordination-actions{flex-wrap:wrap;justify-content:flex-end}.connection-state,.state-chip,.queue-capacity{border:1px solid var(--line);color:var(--muted);text-transform:uppercase;padding:.38rem .55rem;font:700 .68rem/1.2 ui-monospace,monospace}.connection-state:before{background:var(--danger);content:"";border-radius:50%;width:.5rem;height:.5rem;margin-right:.4rem;display:inline-block}.connection-state[data-health=healthy]:before{background:var(--signal)}.controller-main{background:var(--line);grid-template-columns:repeat(12,minmax(0,1fr));gap:1px;min-height:0;padding:1px;display:grid}.domain-panel,.console-panel{background:#141715fa;min-width:0;padding:clamp(.85rem,1.3vw,1.35rem)}.library-panel,.queue-panel{grid-column:span 6;min-height:21rem}.appearance-panel{grid-column:span 12}.panel-heading{justify-content:space-between}.panel-heading h2{letter-spacing:-.045em;margin:0;font-size:clamp(1.2rem,2vw,2rem)}.queue-capacity,.drop-note,.import-status,td small,.appearance-status{color:var(--muted);font-size:.72rem}.library-tools{flex-wrap:wrap;align-items:end;margin-top:.8rem}.library-tools label{color:var(--muted);text-transform:uppercase;flex:12rem;gap:.25rem;font-size:.68rem;font-weight:700;display:grid}input[type=search],input[type=color]{border:1px solid var(--line);min-height:2.45rem;color:var(--ink);font:inherit;background:#090b0a;border-radius:0;padding:.5rem}input:focus-visible,dialog button:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.table-wrap,.queue-list{border:1px solid var(--line);max-height:32vh;margin-top:.65rem;overflow:auto}table{border-collapse:collapse;width:100%}th,td{border-bottom:1px solid var(--line);text-align:left;padding:.5rem}th{z-index:1;color:var(--muted);text-transform:uppercase;background:#090b0a;font-size:.62rem;position:sticky;top:0}td small{margin-top:.12rem;display:block}tr[tabindex],.queue-list li{cursor:pointer}tr.selected td,.queue-list li.selected{background:#d7ff431a}.queue-list{margin-bottom:0;padding:0;list-style:none}.queue-list li{border-bottom:1px solid var(--line);justify-content:start;min-height:2.65rem;padding:.45rem}.queue-list li strong{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.queue-list li.current{border-left:4px solid var(--signal)}.queue-number{color:var(--muted);font-family:ui-monospace,monospace}.empty-row{color:var(--muted);text-align:center;padding:.75rem}.panel-actions{min-height:3rem;margin-top:.65rem}.danger-action,.stop-button{border-color:var(--danger);color:var(--danger);background:0 0}.coordination-notice,.coordination-error{border-left:3px solid var(--signal);padding-left:.65rem}.coordination-error{border-color:var(--danger);color:var(--danger)}.range-control,.appearance-fields label{color:var(--muted);text-transform:uppercase;grid-template-columns:1fr auto;gap:.35rem;margin-top:.75rem;font-size:.7rem;font-weight:700;display:grid}.range-control input,.appearance-fields input[type=range]{width:100%;accent-color:var(--signal);grid-column:1/-1}.range-control output,.appearance-fields output{color:var(--ink);font-family:ui-monospace,monospace}.background-choice{border:1px solid var(--line);gap:.8rem;margin:.8rem 0;padding:.65rem;display:flex}.background-choice legend{color:var(--muted);text-transform:uppercase;font-size:.68rem}.background-choice label{font-size:.75rem}.appearance-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem .75rem;margin-bottom:.8rem;display:grid}.appearance-fields label:first-child{justify-content:space-between;align-items:center;display:flex}.appearance-fields input[type=color]{width:4rem;padding:.2rem}.compact-transport{z-index:5;border-top:1px solid var(--line);background:#070908;grid-template-columns:minmax(12rem,1.25fr) minmax(22rem,2fr) repeat(3,minmax(8rem,1fr));align-items:center;gap:.7rem;padding:.5rem .75rem;display:grid;position:sticky;bottom:0}.compact-transport>div:first-child{min-width:0;display:grid}.compact-transport>div:first-child strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.transport-metadata{flex-wrap:wrap;gap:.1rem .6rem;min-width:0;display:flex}.compact-transport label{color:var(--muted);text-transform:uppercase;grid-template-columns:1fr auto;gap:.2rem;font-size:.65rem;display:grid}.compact-transport input{width:100%;accent-color:var(--signal);grid-column:1/-1}.compact-transport .transport-icon-button{place-items:center;width:2.75rem;padding:.6rem;display:inline-grid}.transport-icon-button svg{fill:currentColor;width:1.25rem;height:1.25rem}.compact-playback{align-items:center;gap:.35rem;display:flex}.playback-status{width:1em;height:1em;color:var(--muted);flex:0 0 1em;justify-content:center;align-items:center;display:inline-flex}.playback-status svg{fill:currentColor;width:100%;height:100%}.playback-status.is-playing,.playback-status.is-loading{color:var(--signal)}.playback-status.is-failed{color:var(--danger)}.playback-status.is-loading svg,.playback-status.is-empty svg{fill:none;stroke:currentColor;stroke-width:1.75px}.playback-status.is-loading svg{stroke-dasharray:22 13;stroke-linecap:round}.playback-status.is-failed svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px}.compact-levels output{font-variant-numeric:tabular-nums;text-align:right;width:4ch;font-family:ui-monospace,monospace;display:inline-block}@media (prefers-reduced-motion:no-preference){.playback-status.is-loading svg{animation:.9s linear infinite compact-status-spin}}@keyframes compact-status-spin{to{transform:rotate(1turn)}}.viewport-size-notice{border:1px solid var(--line);border-top:.35rem solid var(--signal);text-align:center;background:#0a0c0bf5;place-self:center;width:min(32rem,100% - 2rem);padding:clamp(1rem,3vw,2rem);display:none}.viewport-size-notice h2{margin:.25rem 0 .65rem;font-size:clamp(1.5rem,4vw,2.5rem)}.viewport-size-notice p:last-child{color:var(--muted);margin:0;line-height:1.5}.confirm-dialog{border:1px solid var(--line);border-top:5px solid var(--danger);background:var(--panel);width:min(90vw,30rem);color:var(--ink);padding:1.5rem}.confirm-dialog::backdrop{background:#000000c7}.confirm-dialog h2{margin:0;font-size:2rem}.confirm-dialog p:not(.eyebrow){color:#d5d1c8;line-height:1.5}.reset-dialog{width:min(36rem,100vw - 2rem);max-height:calc(100dvh - 2rem);overflow-y:auto}.reset-dialog-form{gap:1rem;display:grid}.reset-dialog-form>*,.reset-dialog-form p,.reset-inventory{margin-block:0}.reset-dialog h2{font-size:clamp(1.65rem,5vw,2rem);line-height:1.05}.reset-inventory{padding-left:1.35rem;line-height:1.45}.reset-dialog code{overflow-wrap:anywhere;font-family:ui-monospace,Cascadia Code,monospace;font-size:.9em}.reset-confirmation{gap:.45rem;min-width:0;line-height:1.45;display:grid}.reset-confirmation input{border:1px solid var(--line);width:100%;min-height:2.75rem;color:var(--ink);font:inherit;background:#090b0a;border-radius:0;padding:.65rem .75rem}.confirm-dialog p.reset-error{border-left:3px solid var(--danger);color:var(--danger);padding-left:.65rem}.reset-dialog .button-row{margin-top:.25rem}@media (width<=79.99rem),(height<=44.99rem){.controller-main{display:none}.controller-shell{grid-template-rows:auto 1fr auto;min-height:calc(100vh - 2.25rem)}.app-header{align-items:stretch}.app-header h1{font-size:2rem}.viewport-size-notice{grid-row:2;display:block}.compact-transport{grid-row:3;grid-template-columns:minmax(10rem,1fr) minmax(20rem,2fr);align-self:end}.compact-transport>label{display:none}}@media (width<=48rem){.app-header{flex-direction:column}.coordination-actions{justify-content:stretch}.coordination-actions>*{flex:10rem}.compact-transport{grid-template-columns:1fr;align-items:stretch}.compact-transport .button-row{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.compact-transport button{min-width:0;padding-inline:.35rem}.compact-transport .transport-icon-button{width:100%}.reset-dialog{padding:1.25rem}.reset-dialog .button-row>*{flex:10rem}}@media (forced-colors:active){.connection-state:before{forced-color-adjust:none;border:1px solid canvastext}tr.selected td,.queue-list li.selected{outline:2px solid highlight}.queue-list li.current{border-left-color:highlight}}