:root{--bg:#0f1012;--bg-elevated:#16181c;--fg:#e8e8ea;--muted:#8a8c91;--muted-strong:#b6b8be;--accent:#6aa6ff;--accent-strong:#9bc2ff;--accent-soft:#6aa6ff1f;--accent-tint:#6aa6ff12;--accent2:#3fc7c2;--accent2-strong:#74dcd7;--accent2-soft:#3fc7c21f;--accent2-tint:#3fc7c212;--danger:#ff6b6b;--danger-soft:#ff6b6b1f;--warn:#d2a64a;--warn-soft:#d2a64a1f;--ok:#5fbf73;--ok-soft:#5fbf731f;--on-accent:#0a0a0a;--on-accent2:#08100f;--surface:#1a1c20;--surface-2:#21242a;--surface-3:#292d34;--border:#2a2d33;--border-strong:#3a3e46;--hover-overlay:#ffffff0a;--overlay:#00000080;--blackout:#000;--radius-sm:3px;--radius:6px;--radius-lg:10px;--shadow-md:0 6px 24px #00000059;--shadow-lg:0 12px 40px #00000080;--focus-ring:0 0 0 2px var(--accent-soft);--transition:.12s ease;--transition-slow:.2s ease;--space-1:.25rem;--space-2:.4rem;--space-3:.5rem;--space-4:.6rem;--space-5:.75rem;--space-6:1rem;--space-7:1.5rem;--space-8:2rem;--gap:var(--space-5);--text-2xs:.68rem;--text-xs:.72rem;--text-sm:.78rem;--text-base:.85rem;--text-md:.95rem;--text-lg:1.1rem;--text-xl:1.35rem;--text-2xl:2rem;--text-hero:6rem;--leading-tight:1.15;--leading-base:1.5;--rail-tree:340px;--rail-inspector:340px;--form-width:520px;--footer-h:5.5rem;--rack-cap-hi:#3a4049;--rack-cap-lo:#20242b;--rack-edge:#0c0e11;--rack-slot:#0000008c;--rack-inset-shadow:inset 0 2px 5px #00000080;--rack-highlight:inset 0 1px 0 #ffffff0f;--rack-accent:var(--accent2);--rack-accent-strong:var(--accent2-strong)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--fg);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:var(--leading-base);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}button{font:inherit;background:var(--surface);color:var(--fg);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:border-color var(--transition), background var(--transition), color var(--transition);padding:.35rem .7rem}button:hover:not(:disabled){border-color:var(--accent);background:var(--surface-2)}button:active:not(:disabled){background:var(--surface-3)}button:disabled{opacity:.45;cursor:not-allowed}button.btn-primary{background:var(--accent);color:var(--on-accent);border-color:#0000;font-weight:600}button.btn-primary:hover:not(:disabled){background:var(--accent-strong);color:var(--on-accent)}button.btn-danger{color:var(--danger);border-color:var(--border)}button.btn-danger:hover:not(:disabled){border-color:var(--danger);background:var(--danger-soft);color:var(--danger)}button.btn-ghost{background:0 0;border-color:#0000}button.btn-ghost:hover:not(:disabled){background:var(--surface-2);border-color:var(--border)}button.btn-secondary{background:var(--accent2);color:var(--on-accent2);border-color:#0000;font-weight:600}button.btn-secondary:hover:not(:disabled){background:var(--accent2-strong);color:var(--on-accent2)}button.btn-secondary-soft{background:var(--accent2-soft);color:var(--accent2-strong);border-color:#0000}button.btn-secondary-soft:hover:not(:disabled){background:var(--accent2-soft);border-color:var(--accent2)}.btn-link{align-items:center;gap:var(--space-2);font:inherit;background:var(--surface);color:var(--fg);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:border-color var(--transition), background var(--transition), color var(--transition);min-height:36px;padding:.45rem .8rem;font-weight:500;text-decoration:none;display:inline-flex}.btn-link:hover{border-color:var(--accent);background:var(--surface-2)}.btn-link-external{color:var(--muted);font-size:.85em}.icon-button{justify-content:center;align-items:center;gap:.35em;line-height:1;display:inline-flex}.icon-button-glyph{flex-shrink:0;align-items:center;font-size:1.05em;display:inline-flex}.empty-state{gap:var(--space-2);text-align:center;padding:var(--space-7) var(--space-6);flex-direction:column;align-items:center;display:flex}.empty-state-title{font-size:var(--text-md);margin:0;font-weight:600}.empty-state-body{max-width:44ch;line-height:var(--leading-base)}.empty-state-action{margin-top:var(--space-2)}.volume-row{align-items:center;gap:var(--space-3);display:flex}.volume-row-readonly{cursor:default}.volume-row-readonly input.volume-slider{cursor:default;opacity:.7}.volume-row input[type=range]{flex:0 auto;width:clamp(100px,12vw,140px)}.volume-row-icon{color:var(--muted);flex-shrink:0;font-size:1.05em}.volume-row-pct{text-align:right;font-variant-numeric:tabular-nums;flex:none;width:5ch;display:inline-block}input[type=text],input[type=search],input[type=password],input[type=number],input:not([type]),textarea,select{font:inherit;background:var(--bg);color:var(--fg);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-2) var(--space-4);transition:border-color var(--transition), box-shadow var(--transition)}textarea{resize:vertical;min-height:4.5rem}input:focus-visible,textarea:focus-visible,select:focus-visible{border-color:var(--accent);box-shadow:var(--focus-ring);outline:none}input:focus,textarea:focus,select:focus{border-color:var(--accent)}input:disabled,textarea:disabled,select:disabled{opacity:.5;cursor:not-allowed}::placeholder{color:var(--muted);opacity:1}code{background:var(--bg);border-radius:3px;padding:0 .3em;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;font-size:.85em}kbd,.kbd{background:var(--surface-3);border:1px solid var(--border-strong);color:var(--fg);border-bottom-width:2px;border-radius:4px;padding:.05em .4em;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;font-size:.78em}.badge{font-size:var(--text-sm);letter-spacing:.04em;padding:.15rem var(--space-3);background:var(--surface-2);color:var(--muted);border:1px solid var(--border);border-radius:999px;align-items:center;gap:.3em;display:inline-flex}.badge-paused{color:var(--muted-strong)}.badge-ok{color:var(--ok);border-color:var(--ok);background:var(--ok-soft)}.badge-warn{color:var(--warn);border-color:var(--warn);background:var(--warn-soft)}.badge-danger{color:var(--danger);border-color:var(--danger);background:var(--danger-soft)}.badge-accent{color:var(--accent-strong);border-color:var(--accent);background:var(--accent-soft)}.badge-accent2{color:var(--accent2-strong);border-color:var(--accent2);background:var(--accent2-soft)}.muted{color:var(--muted)}.small{font-size:var(--text-base)}.label{color:var(--muted-strong)}.error{color:var(--danger)}.section-header{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);display:flex}.section-label{font-size:var(--text-sm);color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin:0;font-weight:600}.field{gap:var(--space-1);flex-direction:column;min-width:0;display:flex}.field>input,.field>select,.field>textarea{width:100%}.field-row{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(140px,1fr));align-items:end;display:grid}.field-label{font-size:var(--text-sm);color:var(--muted-strong)}.field-hint{font-size:var(--text-xs);color:var(--muted)}.field-changed,.field.changed>input{border-color:var(--accent2);box-shadow:inset 2px 0 0 var(--accent2)}.fieldset{border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-4) var(--space-5) var(--space-5);gap:var(--space-3);flex-direction:column;min-width:0;margin:0;display:flex}.fieldset>legend{padding:0 var(--space-2);font-size:var(--text-sm);color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-weight:600}.checkbox-row{align-items:center;gap:var(--space-3);cursor:pointer;display:flex}.segmented{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);gap:.15rem;padding:.15rem;display:inline-flex}.segmented-item{color:var(--muted);padding:var(--space-2) var(--space-5);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;gap:.35em;font-weight:500;display:inline-flex}.segmented-item:hover:not([aria-selected=true]):not(:disabled){color:var(--fg);background:var(--surface-2)}.segmented-item[aria-selected=true]{background:var(--surface-3);color:var(--fg);border-color:var(--border-strong)}.btn-toggle[aria-pressed=true],.btn-toggle.active{background:var(--accent);color:var(--on-accent);border-color:#0000;font-weight:600}.fire-tile{gap:var(--space-1);text-align:left;padding:var(--space-4) var(--space-5);background:var(--surface-2);border:1px solid var(--border-strong);border-radius:var(--radius);flex-direction:column;align-items:flex-start;display:flex}.fire-tile:hover:not(:disabled){border-color:var(--accent);background:var(--surface-3)}.fire-tile:active:not(:disabled),.fire-tile.fired{background:var(--accent);color:var(--on-accent);border-color:#0000}.fire-tile.fired{animation:.25s ease-out fire-flash}@keyframes fire-flash{0%{box-shadow:0 0 0 3px var(--accent-soft)}to{box-shadow:0 0 #0000}}.fire-tile-name{font-weight:600}.fire-tile-meta{white-space:nowrap;text-overflow:ellipsis;max-width:100%;overflow:hidden}.data-table{border-collapse:collapse;width:100%;font-size:var(--text-base)}.data-table th{background:var(--bg-elevated);text-align:left;color:var(--muted);font-weight:600;font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.04em;padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--border);white-space:nowrap;position:sticky;top:0}.data-table td{padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--border)}.data-table tbody tr:nth-child(2n){background:var(--surface-2)}.data-table tbody tr:hover{background:var(--accent-tint)}.data-table .num{text-align:right;font-variant-numeric:tabular-nums}.num-readout{text-align:right;font-variant-numeric:tabular-nums;min-width:5ch}.switch{align-items:center;gap:var(--space-3);cursor:pointer;-webkit-user-select:none;user-select:none;display:inline-flex}.switch>input{opacity:0;width:0;height:0;position:absolute}.switch-track{background:var(--surface-3);border:1px solid var(--border-strong);width:38px;height:22px;transition:background var(--transition), border-color var(--transition);border-radius:999px;flex-shrink:0;position:relative}.switch-track:after{content:"";background:var(--muted);width:16px;height:16px;transition:transform var(--transition), background var(--transition);border-radius:50%;position:absolute;top:50%;left:2px;transform:translateY(-50%)}.switch>input:checked+.switch-track{background:var(--accent2-soft);border-color:var(--accent2)}.switch>input:checked+.switch-track:after{background:var(--accent2-strong);transform:translate(16px,-50%)}.switch>input:focus-visible+.switch-track{box-shadow:var(--focus-ring)}.switch>input:disabled+.switch-track{opacity:.5;cursor:not-allowed}.form-actions{justify-content:flex-end;gap:var(--space-3);padding-top:var(--space-4);border-top:1px solid var(--border);display:flex}.alert{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius);border:1px solid var(--border);font-size:var(--text-base);border-left-width:3px;display:flex}.alert-warn{border-left-color:var(--warn);background:var(--warn-soft);color:var(--warn)}.alert-danger{border-left-color:var(--danger);background:var(--danger-soft);color:var(--danger)}.inline-create-row{gap:var(--space-2);margin-bottom:var(--space-5);display:flex}.inline-create-row>input{flex:1;min-width:0}.route-status{justify-content:center;align-items:center;gap:var(--space-4);min-height:0;padding:var(--space-8);text-align:center;flex-direction:column;flex:1;display:flex}.route-status h2{margin:0;font-size:1.2rem}.route-status p{max-width:32ch;margin:0}.login-gate .btn-primary,.error-boundary .btn-primary{margin-top:.3rem}.error-boundary h2{color:var(--danger)}.spinner{border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:1.6rem;height:1.6rem;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.spinner{animation-duration:2s}}.login-modal{width:min(360px,100%)}.login-modal .field>input{font-size:var(--text-md);padding:var(--space-3) var(--space-4)}.shell{grid-template-rows:auto 1fr auto;height:100%;min-height:0;display:grid}.app-header{align-items:center;gap:var(--space-6);padding:var(--space-3) var(--space-6);background:var(--bg-elevated);border-bottom:1px solid var(--border);grid-template-columns:1fr auto 1fr;display:grid}.app-header-left,.app-header-right{align-items:center;gap:var(--space-4);min-width:0;display:flex}.app-header-right{justify-self:end}.context-badge{align-items:center;gap:var(--space-2);padding:.2rem var(--space-4);background:var(--surface);border:1px solid var(--border);font-size:var(--text-base);white-space:nowrap;border-radius:999px;display:inline-flex}.header-mode-picker{align-items:center;gap:var(--space-2);padding:.15rem var(--space-4);background:var(--surface);border:1px solid var(--border);font-size:var(--text-base);white-space:nowrap;border-radius:999px;display:inline-flex}.header-mode-picker>select{font:inherit;min-width:8ch;max-width:28ch;color:var(--accent2-strong);background:0 0;border:1px solid #0000;padding:.1rem .3rem;font-weight:600}.header-mode-icon{color:var(--accent2-strong);flex-shrink:0;align-items:center;display:inline-flex}.header-mode-picker>select:hover{border-color:var(--border-strong)}.header-mode-picker>select:focus{border-color:var(--accent);outline:none}.header-mode-manage{font-size:var(--text-md);padding:.1rem .35rem;line-height:1}.mode-manager{width:min(480px,100%)}.mode-create-row{gap:var(--space-2);margin-bottom:.8rem;display:flex}.mode-create-row input{flex:1;min-width:0}.mode-manage-list{flex-direction:column;gap:.35rem;margin:0;padding:0;list-style:none;display:flex}.mode-manage-list li{align-items:center;gap:var(--space-4);padding:var(--space-2) .55rem;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);grid-template-columns:1fr auto auto;display:grid}.mode-manage-name{align-items:center;gap:var(--space-2);font-weight:600;display:inline-flex}.mode-manage-id{font-family:ui-monospace,monospace}.mode-manage-actions{gap:var(--space-2);display:flex}.tabs-placeholder{flex:1}.guest-signin-link{padding:.3rem .7rem;font-size:.9rem}.header-help{width:2rem;height:2rem;color:var(--muted);border-radius:999px;justify-content:center;align-items:center;padding:0;font-size:1.15rem;display:inline-flex}.header-help:hover:not(:disabled){color:var(--fg)}.context-badge strong{color:var(--accent-strong);font-weight:600}.tabs{gap:var(--space-1);scrollbar-width:none;flex:1;justify-content:center;display:flex;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tab{color:var(--muted);border-radius:var(--radius);font-weight:500;font-size:var(--text-md);padding:.45rem .9rem;text-decoration:none}.tab:hover{color:var(--fg);background:var(--surface)}.tab-active{color:var(--accent-strong);background:var(--accent-soft)}.tabs-mobile{flex:1;justify-content:flex-start;display:none;position:relative}.tabs-mobile-trigger{align-items:center;gap:var(--space-3);padding:var(--space-2) .7rem;font-weight:500;font-size:var(--text-md);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--fg);min-height:36px;display:inline-flex}.tabs-mobile-burger{flex-direction:column;flex-shrink:0;justify-content:space-between;width:16px;height:12px;display:inline-flex}.tabs-mobile-burger span{background:currentColor;border-radius:1px;height:2px;display:block}.tabs-mobile-label{color:var(--accent-strong);white-space:nowrap;text-overflow:ellipsis;max-width:12ch;overflow:hidden}.tabs-mobile-menu{z-index:50;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);min-width:180px;box-shadow:var(--shadow-md);flex-direction:column;padding:.3rem;display:flex;position:absolute;top:calc(100% + .4rem);left:0}.tabs-mobile-item{color:var(--fg);border-radius:var(--radius);font-size:var(--text-md);padding:.55rem .8rem;text-decoration:none;display:block}.tabs-mobile-item:hover{background:var(--surface)}.tabs-mobile-item-active{color:var(--accent-strong);background:var(--accent-soft)}.ws-status{color:var(--muted);align-items:center;gap:.3rem;display:inline-flex}.ws-status-text{display:none}.ws-status-dot{background:currentColor;border-radius:50%;flex-shrink:0;width:9px;height:9px;display:inline-block}.ws-status-connected{border-color:var(--ok);color:var(--ok)}.ws-status-connecting{border-color:var(--warn);color:var(--warn)}.ws-status-disconnected{border-color:var(--danger);color:var(--danger)}.app-main{flex-direction:column;min-height:0;display:flex;overflow:hidden}.section-nav-shell{flex-direction:column;flex:1;min-height:0;display:flex}.section-nav{padding:.3rem var(--space-6) 0;border-bottom:1px solid var(--border);background:var(--bg-elevated);scrollbar-width:none;flex-shrink:0;align-items:center;gap:.2rem;display:flex;overflow-x:auto}.section-nav-action{margin-left:auto;padding-bottom:.3rem}.section-nav-import{font-size:.82rem}.authoring-single{padding-top:.2rem}.section-nav::-webkit-scrollbar{display:none}.section-nav-tab{color:var(--muted);padding:var(--space-3) .9rem;white-space:nowrap;transition:color var(--transition), border-color var(--transition);border-bottom:2px solid #0000;margin-bottom:-1px;font-size:.9rem;font-weight:500;text-decoration:none}.section-nav-tab:hover{color:var(--fg)}.section-nav-tab-active{color:var(--accent2-strong);border-bottom-color:var(--accent2)}.section-nav-body{flex-direction:column;flex:1;min-height:0;display:flex}.player-view{min-height:0;padding:var(--space-8);flex-direction:column;flex:1;justify-content:safe center;align-items:center;display:flex;overflow-y:auto}.player-view-empty{text-align:center;gap:var(--space-3)}.player-empty-art{font-size:var(--text-hero);color:var(--border-strong);margin-bottom:var(--space-3)}.player-view-blackout{background:var(--blackout);flex:1}.player-stage{grid-template-columns:minmax(240px,380px) minmax(280px,1fr);align-items:start;gap:2.5rem;width:100%;max-width:1100px;margin:0 auto;display:grid}.player-art{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);aspect-ratio:1;box-shadow:var(--shadow-md);justify-content:center;align-items:center;display:flex;overflow:hidden}.player-art-large{width:100%;max-height:56vh}.player-art img{object-fit:cover;width:100%;height:100%;display:block}.player-art-placeholder{font-size:var(--text-hero);color:var(--border)}.player-meta{gap:var(--space-3);flex-direction:column;min-width:0;display:flex}.player-status{margin:0}.player-title{font-size:var(--text-2xl);font-weight:700;line-height:var(--leading-tight);word-break:break-word;margin:0}.player-view-empty .player-title{font-size:1.4rem}.player-artist{color:var(--muted);font-size:var(--text-lg);margin:0}.player-context{font-size:var(--text-md);margin:0}.player-context-mode{color:var(--accent2-strong);align-items:center;gap:.35em;font-weight:600;display:inline-flex}.player-status .badge{font-size:var(--text-base);padding:.3rem .7rem}.player-alert{font-size:var(--text-md);letter-spacing:.04em;text-transform:uppercase;color:var(--warn);background:var(--warn-soft);border:1px solid var(--warn);border-radius:999px;align-items:center;gap:.4em;padding:.35rem .85rem;font-weight:700;display:inline-flex}.device-name-field-wrap{align-items:center;min-width:0;display:inline-flex;position:relative}.device-name-field{font-size:var(--text-md);letter-spacing:.01em;padding:var(--space-1) 1.7rem var(--space-1) .55rem;border:1px solid var(--border);width:14em;max-width:100%;color:var(--fg);border-radius:var(--radius);background:0 0;font-weight:600}.device-name-field::placeholder{color:var(--muted);font-weight:500}.device-name-field:hover,.device-name-field:focus{background:var(--bg);border-color:var(--border-strong);outline:none}.device-name-field-icon{color:var(--muted);pointer-events:none;opacity:.55;transition:opacity var(--transition);position:absolute;right:.5rem}.device-name-field-wrap:hover .device-name-field-icon,.device-name-field:focus~.device-name-field-icon{opacity:1}.player-queue,.player-history{margin-top:var(--space-6)}.player-queue h2,.player-history h2{margin:0 0 var(--space-2);font-size:var(--text-sm);letter-spacing:.05em;text-transform:uppercase;color:var(--muted-strong);font-weight:600}.player-queue ol,.player-history ol{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.player-queue li,.player-history li{font-size:var(--text-md);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.player-history li{color:var(--muted-strong)}.library-view{gap:var(--space-5);padding:var(--space-6);flex-direction:column;flex:1;min-height:0;display:flex}.library-body{grid-template-columns:minmax(240px, var(--rail-tree)) minmax(0, 1fr);gap:var(--space-6);flex:1;min-height:0;display:grid}.library-sidebar{gap:var(--space-2);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-4);flex-direction:column;min-height:0;display:flex;position:relative}.library-sidebar h3{text-transform:uppercase;letter-spacing:.04em;font-size:var(--text-sm);margin:0 0 .2rem}.library-folder-list{flex-direction:column;gap:.15rem;display:flex}.library-folder{text-align:left;padding:.3rem var(--space-3);background:0 0;border:1px solid #0000;justify-content:space-between;align-items:center;font-weight:500;display:flex}.library-folder:hover{background:var(--surface-2);border-color:var(--border)}.library-folder.active{background:var(--surface-2);border-color:var(--accent)}.library-main{gap:var(--space-3);flex-direction:column;min-height:0;display:flex;position:relative}.library-meta{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.library-pager{gap:.3rem;display:flex}.music-workspace{grid-template-columns:minmax(240px, var(--rail-tree)) minmax(0, 1fr) minmax(280px, var(--rail-inspector));gap:var(--space-6);flex:1;min-height:0;display:grid}.music-workspace.no-tree{grid-template-columns:minmax(0,1fr) minmax(300px,360px)}.library-inspector{min-height:0;display:flex;overflow:hidden}.selection-bar{left:50%;bottom:var(--space-4);z-index:5;align-items:center;gap:var(--space-3);width:max-content;max-width:calc(100% - 2 * var(--space-4));padding:var(--space-2) var(--space-4);background:var(--accent2-soft);border:1px solid var(--accent2);border-radius:var(--radius);box-shadow:var(--shadow-lg);display:flex;position:absolute;transform:translate(-50%)}.library-main.has-selection .track-table-wrap{padding-bottom:3.4rem}.selection-bar-count{font-size:var(--text-base);color:var(--accent2-strong);margin-right:auto}.selection-bar button{font-size:var(--text-base);padding:var(--space-1) .7rem}.track-table th.col-check,.track-table td.col-check{text-align:center;width:2.2rem;padding-left:var(--space-2);border-left:2px solid #0000;padding-right:0}.track-table tr.track-row.focused{background:var(--accent-soft)}.track-table tr.track-row.checked,.track-table tr.track-row.checked.focused{background:var(--accent2-soft)}.track-table td.track-file{font-size:.82rem}.tag-inspector{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;width:100%;min-height:0;display:flex;overflow:hidden}.tag-inspector h3{align-items:center;gap:var(--space-2);border-bottom:1px solid var(--border);font-size:var(--text-md);margin:0;padding:.55rem .7rem;display:flex}.tag-inspector-empty p{padding:.2rem .7rem .7rem}.tag-inspector-body{flex-direction:column;flex:1;gap:.9rem;padding:.7rem;display:flex;overflow:auto}.insp-group{gap:var(--space-3);flex-direction:column;display:flex}.insp-group-head{font-size:var(--text-xs);letter-spacing:.04em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--border);padding-bottom:.3rem}.insp-field{flex-direction:column;gap:.2rem;display:flex}.insp-field-label{font-size:var(--text-sm);color:var(--muted)}.insp-field input{width:100%;font:inherit;padding:var(--space-2) var(--space-3);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);color:var(--fg)}.insp-field.changed input{border-color:var(--accent2);box-shadow:inset 2px 0 0 var(--accent2)}.insp-field-hint{font-size:var(--text-xs)}.insp-file{flex-direction:column;gap:.2rem;display:flex}.insp-file-row{align-items:center;gap:var(--space-2);display:flex}.insp-file-input{min-width:0;font:inherit;padding:var(--space-2) var(--space-3);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);color:var(--fg);flex:1}.insp-file-input.changed{border-color:var(--accent2);box-shadow:inset 2px 0 0 var(--accent2)}.insp-file-ext{color:var(--muted);white-space:nowrap}.insp-file-row button{white-space:nowrap}.tag-inspector-foot{align-items:center;gap:var(--space-3);padding:var(--space-4) .7rem;border-top:1px solid var(--border);display:flex}.folder-picker-tree{border:1px solid var(--border);border-radius:var(--radius);max-height:320px;margin-top:var(--space-3);flex-direction:column;padding:.3rem;display:flex}.folder-picker-dest{color:var(--muted);margin:0}.folder-picker-dest strong{color:var(--accent2-strong)}@media (width<=1100px){.music-workspace{grid-template-columns:minmax(200px, min(var(--rail-tree), 300px)) minmax(0, 1fr);grid-template-rows:minmax(0,1fr) auto}.music-workspace.no-tree{grid-template-columns:minmax(0,1fr)}.music-workspace .library-inspector{grid-column:1/-1;max-height:42vh}}@media (width<=700px){.music-workspace{grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:1fr}.music-workspace .library-sidebar{max-height:32vh}.rail-resize{display:none}}.track-table-wrap{border:1px solid var(--border);border-radius:var(--radius);flex:1;min-height:0;overflow:auto}.track-table{border-collapse:collapse;width:100%;font-size:.9rem}.track-table thead{background:var(--bg-elevated);z-index:1;position:sticky;top:0}.track-table th{text-align:left;color:var(--muted);padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--border);white-space:nowrap;font-weight:600;font-size:var(--text-sm);letter-spacing:.04em;text-transform:uppercase}.track-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.track-table th.sortable:hover{color:var(--accent)}.track-table th.sort-active{color:var(--accent-strong)}.track-table th .sort-indicator{width:1ch;margin-left:.4ch;font-size:.7rem;display:inline-block}.track-table td{padding:.35rem var(--space-4);border-bottom:1px solid var(--hover-overlay);white-space:nowrap;text-overflow:ellipsis;max-width:28ch;overflow:hidden}.track-table td.col-num{text-align:right;font-variant-numeric:tabular-nums;width:1%}.track-table td.col-actions{white-space:nowrap;width:1%}.track-table td.col-actions button{padding:.15rem var(--space-2);font-size:var(--text-base);margin-left:.15rem}.track-table tr.track-row:hover{background:var(--hover-overlay)}.track-table tr.track-row[draggable=true]{cursor:grab}.track-table tr.track-row[draggable=true]:active{cursor:grabbing}.track-table tr.track-row[draggable=true]:hover td:first-child{border-left-color:var(--accent-soft)}.track-table tr.track-row.playing{background:var(--accent-tint)}.track-table tr.track-row.playing td:first-child{border-left-color:var(--accent)}.folder-band{align-items:center;gap:var(--space-4);min-height:2.4rem;padding:var(--space-1) var(--space-2);border-radius:var(--radius);transition:border-color var(--transition), background var(--transition);border:1px solid #0000;display:flex}.folder-band>.folder-header{flex:1;min-width:0;padding:0}.folder-band .breadcrumb{margin:0}.folder-band-search{padding-left:var(--space-3)}.folder-band-upload{font-size:var(--text-base);color:var(--muted);background:var(--surface);border:1px dashed var(--border-strong);border-radius:var(--radius);cursor:pointer;transition:border-color var(--transition), color var(--transition);flex-shrink:0;align-items:center;gap:.4em;padding:.3rem .7rem;display:inline-flex}.folder-band-upload:hover{border-color:var(--accent);color:var(--fg)}.folder-band-drop{border-color:var(--accent);background:var(--accent-tint)}.folder-band-busy{cursor:progress}.folder-band-hint{color:var(--accent-strong);font-size:var(--text-base);flex-shrink:0}.folder-band-progress{flex:0 260px}.upload-progress{gap:var(--space-2);flex-direction:column;width:100%;display:flex}.upload-progress-label{font-size:var(--text-md)}.upload-progress progress{appearance:none;width:100%;height:6px}.upload-progress progress::-webkit-progress-bar{background:var(--border);border-radius:3px}.upload-progress progress::-webkit-progress-value{background:var(--accent);border-radius:3px}.upload-progress progress::-moz-progress-bar{background:var(--accent)}.just-uploaded{gap:var(--space-2);flex-direction:column;display:flex}.just-uploaded h3{text-transform:uppercase;letter-spacing:.04em;font-size:var(--text-sm);margin:0}.just-uploaded-list{flex-direction:column;gap:.3rem;margin:0;padding:0;list-style:none;display:flex}.just-uploaded-item{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-2) var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);display:flex}.just-uploaded-meta{flex-direction:column;min-width:0;display:flex}.just-uploaded-actions{gap:.3rem;display:flex}.track-title{white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.controls-view{padding:var(--space-5);gap:var(--space-5);flex-direction:column;flex:1;width:100%;min-height:0;display:flex;overflow-y:auto}.first-run-welcome{border-color:var(--accent);background:var(--accent-tint)}.first-run-welcome h2{margin:0 0 var(--space-2);font-size:1.05rem}.first-run-welcome p{margin:0 0 var(--space-4)}.speakers-control{position:relative}.speakers-popover{z-index:50;background:var(--surface-2);border:1px solid var(--border-strong);border-radius:var(--radius);width:min(420px,92vw);box-shadow:var(--shadow-lg);padding:var(--space-3);gap:var(--space-1);flex-direction:column;display:flex;position:absolute;bottom:calc(100% + .4rem);right:0}.speakers-popover-head{padding:.2rem .3rem var(--space-2);border-bottom:1px solid var(--border);font-size:var(--text-xs);color:var(--muted);text-transform:uppercase;letter-spacing:.04em;justify-content:space-between;align-items:center;display:flex}.speaker-row{align-items:center;gap:var(--space-3);border-radius:var(--radius-sm);grid-template-columns:auto minmax(0,1fr) minmax(96px,168px) auto;padding:.4rem .45rem;display:grid;box-shadow:inset 0 0 0 1px #0000}.speaker-row.on{background:var(--accent-soft)}.speaker-row.is-this{box-shadow:inset 0 0 0 1px var(--border-strong)}.speaker-row-icon{color:var(--muted-strong);flex-shrink:0;font-size:1.6rem}.speaker-row.is-this .speaker-row-icon{color:var(--fg)}.speaker-row-name-wrap{align-items:center;gap:.4rem;min-width:0;display:flex}.speaker-row-name{white-space:nowrap;text-overflow:ellipsis;font-size:var(--text-base);overflow:hidden}.speaker-row.is-this .speaker-row-name{color:var(--fg);font-weight:600}.speaker-row-default{text-transform:uppercase;letter-spacing:.04em;background:var(--accent2-soft);color:var(--accent2-strong);border:1px solid var(--accent2);border-radius:999px;flex-shrink:0;padding:.05rem .3rem;font-size:.6rem}.speaker-row-vol{min-width:0;margin:0}.speaker-row-vol input[type=range]{flex:1 1 0;width:auto;min-width:0}.speaker-row-check{width:18px;height:18px;accent-color:var(--accent);cursor:pointer;flex-shrink:0;justify-self:end;margin:0}.speakers-empty{padding:var(--space-2) .3rem;margin:0}.controls-grid{gap:var(--space-5);flex:1;grid-template-columns:repeat(3,1fr);grid-auto-rows:minmax(160px,auto);min-height:0;display:grid}.controls-grid .surface-card{flex-direction:column;min-width:0;display:flex;overflow:hidden}.controls-grid .surface-card.span-tall{grid-row:span 2}.controls-grid .surface-card>h3{flex-shrink:0}.controls-grid .surface-card>:not(h3){flex:1;min-height:0;overflow-y:auto}.quick-playlist-list{flex-direction:column;gap:.3rem;margin:0;padding:0;list-style:none;display:flex}.quick-playlist-list li{align-items:center;gap:var(--space-4);padding:var(--space-2) var(--space-3);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);grid-template-columns:1fr auto auto;display:grid}.quick-playlist-list li.driving{border-color:var(--accent);background:var(--accent-tint)}.quick-playlist-list li.driving .playlist-name{color:var(--accent-strong)}.driving-badge{color:var(--accent);margin-right:.35rem}.ref-missing{color:var(--warn);white-space:nowrap;font-weight:600}.loops-panel{gap:var(--space-2);flex-direction:column;display:flex}.loops-bar{justify-content:flex-end;display:flex}.loops-add{color:var(--accent)}.loop-list{flex-direction:column;gap:.3rem;margin:0;padding:0;list-style:none;display:flex}.loop-row{align-items:center;gap:var(--space-4);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);padding:.3rem var(--space-3);grid-template-columns:1fr auto auto;display:grid}.loop-name{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.loop-interval{font-variant-numeric:tabular-nums;color:var(--muted);font-size:var(--text-base)}.loop-add{gap:var(--space-2);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-3) var(--space-4);flex-direction:column;display:flex}.loop-add label{flex-direction:column;gap:.15rem;display:flex}.loop-add select,.loop-add input[type=number]{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:100%;color:var(--fg);font-size:var(--text-base);padding:.3rem .45rem}.loop-add-row{gap:var(--space-3);grid-template-columns:110px 1fr;align-items:end;display:grid}.loop-add-vol input[type=range]{width:100%;accent-color:var(--accent)}.loop-add-actions{justify-content:flex-end;gap:var(--space-3);margin-top:.2rem;display:flex}.cues-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(150px,1fr));display:grid}.cue-editor{gap:var(--space-5);flex-direction:column;min-height:0;display:flex}.cue-editor-head h2{margin:0}.cue-colour{align-items:center;gap:var(--space-4);margin-top:var(--space-3);flex-wrap:wrap;display:flex}.seg-soon{color:var(--muted);cursor:not-allowed;opacity:.55}.seg-soon:hover{background:0 0}.loop-interval-field{align-items:center;gap:.3rem;display:inline-flex}.loop-interval-field input{width:64px}.surface-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:.8rem var(--space-6);gap:var(--space-3);flex-direction:column;display:flex}.surface-card h3{font-size:var(--text-base);color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin:0 0 .3rem;font-weight:600}.mode-picker select{width:100%}.output-picker-options{flex-direction:column;gap:.3rem;display:flex}.output-picker-option{align-items:center;gap:var(--space-3);cursor:pointer;display:flex}.playlist-list{gap:var(--space-1);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.playlist-list-item-meta{flex-direction:column;min-width:0;display:flex}.playlist-name{white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.playlist-track-list{flex-direction:column;gap:.15rem;margin:0;padding:0;list-style:none;display:flex}.playlist-track{gap:var(--space-3);padding:var(--space-1) var(--space-2);border-radius:var(--radius);border-left:2px solid #0000;grid-template-columns:2ch 1fr auto;align-items:center;display:grid}.playlist-track:hover{background:var(--hover-overlay)}.playlist-track.playing{background:var(--accent-tint);border-left-color:var(--accent)}.playlist-track-pos{text-align:right;font-variant-numeric:tabular-nums}.playlist-track-meta{flex-direction:column;min-width:0;display:flex}.playlist-track-title{white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;overflow:hidden}.playlist-track-actions{gap:.2rem;display:flex}.playlist-track-actions button{padding:.1rem var(--space-2);font-size:var(--text-base)}.transport-section{gap:var(--space-3);flex-direction:column;display:flex}.transport-row{align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.transport-row>input[type=range]{flex:1;min-width:140px}.loop-toggles{border:1px solid var(--border);border-radius:var(--radius);display:inline-flex;overflow:hidden}.loop-toggle{font-size:var(--text-base);background:0 0;border:none;border-radius:0;padding:.3rem .7rem}.loop-toggle.active{background:var(--accent);color:var(--on-accent)}.loop-toggle:not(:last-child){border-right:1px solid var(--border)}.soundboard-section{gap:var(--space-4);flex-direction:column;display:flex}.soundboard-toolbar{align-items:center;gap:var(--space-6);flex-wrap:wrap;display:flex}.soundboard-toolbar .mode-picker{flex-direction:column;gap:.2rem;display:flex}.soundboard-toolbar .volume-row{align-items:center;gap:var(--space-2);display:inline-flex}.soundboard-toolbar .volume-row input[type=range]{flex:none;width:140px}.soundboard-categories{flex-direction:column;gap:.7rem;display:flex}.soundboard-category h4{margin:0 0 var(--space-2);padding-left:var(--space-3);border-left:2px solid var(--accent);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-weight:600}.soundboard-grid{gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(140px,1fr));display:grid}.sfx-tile{padding:var(--space-3) var(--space-4)}.presets-section{gap:var(--space-3);flex-direction:column;display:flex}.presets-grid{gap:var(--space-2);flex-wrap:wrap;display:flex}.preset-chip{font-size:var(--text-base);border-radius:999px;padding:.3rem .8rem}.preset-clear{font-size:var(--text-base);color:var(--muted);align-self:flex-start}.interrupt-active{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) .7rem;background:var(--surface-2);border-left:3px solid var(--warn);border-radius:0 var(--radius) var(--radius) 0;display:flex}.interrupt-meta{flex-direction:column;min-width:0;display:flex}.interrupt-actions{gap:.3rem;display:flex}.folder-tree{--tree-indent:.75rem;gap:var(--space-2);min-height:0;font-size:var(--text-md);flex-direction:column;flex:1;display:flex}.tree-scroll{flex:1;min-height:0;overflow-y:auto}.tree-filter{flex:none;align-items:center;display:flex;position:relative}.tree-filter input{width:100%;min-width:0;font-size:var(--text-base);padding:var(--space-1) 1.8rem var(--space-1) 1.7rem}.tree-filter-icon{left:var(--space-2);color:var(--muted);pointer-events:none;align-items:center;display:inline-flex;position:absolute}.tree-filter-clear{color:var(--muted);padding:0 var(--space-2);background:0 0;border:none;position:absolute;right:2px}.tree-filter-clear:hover{color:var(--fg);background:0 0}.tree-row{padding:var(--space-1) var(--space-2);padding-left:calc(var(--depth,0) * var(--tree-indent) + var(--space-2));cursor:pointer;transition:background-color var(--transition);background-image:repeating-linear-gradient(to right, var(--border) 0, var(--border) 1px, transparent 1px, transparent var(--tree-indent));background-repeat:no-repeat;background-position:calc(var(--space-2) + .7rem) 0;background-size:calc(var(--depth,0) * var(--tree-indent)) 100%;border-radius:4px;align-items:center;gap:.15rem;display:flex}.tree-note{padding-left:calc(var(--depth,0) * var(--tree-indent) + var(--space-2));margin:.15rem 0}.tree-root-error{padding:var(--space-2)}.tree-row.selected{background-color:var(--accent-soft)}.tree-row:hover:not(.selected){background-color:var(--surface-2)}.tree-row:focus-visible{box-shadow:var(--focus-ring);outline:none}.tree-toggle{width:1.4rem;height:1.4rem;color:var(--muted);flex:none;justify-content:center;align-items:center;padding:0;font-size:.9rem;display:inline-flex}.tree-toggle-spacer{pointer-events:none;background:0 0;border:none}.tree-icon{margin-right:var(--space-2);font-size:var(--text-md);color:var(--muted);flex:none;align-items:center;display:inline-flex}.tree-name{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.tree-match{background:var(--accent2-tint);color:inherit;border-radius:2px}.tree-badge{font-variant-numeric:tabular-nums;flex:none}.rail-resize{inset-block:0;cursor:col-resize;touch-action:none;z-index:2;width:14px;position:absolute;right:-14px}.rail-resize:after{content:"";inset-block:0;width:2px;transition:background var(--transition);background:0 0;border-radius:1px;position:absolute;left:6px}.rail-resize:hover:after,.rail-resize:active:after{background:var(--accent2)}.library-toolbar{align-items:center;gap:var(--space-4);flex-flow:wrap;display:flex}.library-toolbar-search{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);min-width:0;padding:0 var(--space-3);flex:200px;align-items:center;gap:.3rem;display:flex}.library-toolbar-search:focus-within{border-color:var(--accent)}.library-toolbar-search input{padding:var(--space-2) 0;background:0 0;border:none;flex:1;min-width:0}.library-toolbar-search input:focus{outline:none}.library-toolbar-search-icon{color:var(--muted);flex-shrink:0;align-items:center;display:inline-flex}.library-toolbar-search-clear{color:var(--muted);font-size:var(--text-base);background:0 0;border:none;padding:0 .2rem}.library-toolbar-search-clear:hover{color:var(--fg);background:0 0}.library-rescan{margin-left:auto}.folder-header{justify-content:space-between;align-items:center;gap:.5rem;padding:.3rem .1rem;display:flex}.folder-header-actions{flex-shrink:0;gap:.3rem;display:flex}.folder-actions{gap:var(--space-2);padding-top:var(--space-4);margin-top:var(--space-2);border-top:1px solid var(--border);grid-template-columns:repeat(3,1fr);display:grid}.folder-actions button{font-size:var(--text-base);padding:.35rem var(--space-2);white-space:nowrap}.folder-actions-delete{grid-column:1/-1}.sfx-file-list{gap:var(--space-1);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}[draggable=true].sfx-file-row,[draggable=true].track-browser-row{padding-left:calc(var(--space-4) - 2px);border-left-width:3px;border-left-color:var(--border);transition:border-left-color var(--transition)}[draggable=true].sfx-file-row:hover,[draggable=true].track-browser-row:hover{border-left-color:var(--accent)}.sfx-file-row{gap:var(--space-4);padding:var(--space-2) var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);cursor:grab;grid-template-columns:1fr auto auto auto;align-items:center;display:grid}.sfx-file-row:active{cursor:grabbing}.sfx-file-name{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.sfx-file-actions{gap:.3rem;display:flex}.library-body-search{flex:1;min-height:0}.two-pane-view{gap:var(--space-5);padding:var(--space-5);flex:1;grid-template-columns:minmax(260px,360px) 1fr;min-height:0;display:grid;overflow:hidden}.two-pane-pane{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);min-height:0;padding:.7rem .8rem;overflow-y:auto}.two-pane-pane h2{margin:0 0 .3rem;font-size:1rem}.playlists-header{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-2);display:flex}.header-actions{gap:var(--space-2);display:inline-flex}.playlists-filter{margin-bottom:var(--space-2)}.playlists-filter label{flex-direction:column;gap:.2rem;display:flex}.playlist-list-item{align-items:center;gap:var(--space-3);border-radius:var(--radius);transition:background var(--transition);background:0 0;grid-template-columns:1fr auto;padding:0;display:grid}.playlist-list-item.active{background:var(--accent-soft)}.playlist-list-item:hover:not(.active){background:var(--surface-2)}.playlist-list-item .playlist-list-item-meta{text-align:left;padding:var(--space-2) var(--space-3);flex-direction:column;gap:.1rem;width:100%;min-width:0;display:flex}.playlist-list-item .playlist-name{white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.playlist-list-item button:last-child{margin-right:var(--space-3)}.playlist-list-item .empty{padding:var(--space-4)}.empty-detail{text-align:center;place-items:center;height:100%;display:grid}.playlist-detail,.mode-detail,.preset-form{gap:var(--space-6);flex-direction:column;display:flex}.playlist-detail-header{justify-content:space-between;align-items:flex-start;gap:.7rem;display:flex}.playlist-detail-header h2{margin:0}.playlist-detail-actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.playlist-meta-editor{gap:var(--space-3);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;padding:.7rem;display:flex}.playlist-meta-fields{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(160px,1fr));display:grid}.playlist-meta-fields label,.playlist-form label{flex-direction:column;gap:.2rem;display:flex}.playlist-form{max-width:480px}.track-browser{gap:var(--space-3);flex-direction:column;display:flex}.track-browser-search{gap:var(--space-2);display:flex}.track-browser-search input{flex:1}.track-browser-body{gap:var(--space-4);grid-template-columns:minmax(180px,240px) minmax(0,1fr);min-height:180px;max-height:360px;display:grid}.track-browser-tree{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-2);flex-direction:column;min-height:0;display:flex}.track-browser-list{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:0;padding:var(--space-2);flex-direction:column;gap:.2rem;margin:0;list-style:none;display:flex;overflow-y:auto}.track-browser-row{gap:var(--space-3);padding:.3rem var(--space-3);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);cursor:grab;grid-template-columns:1fr auto;align-items:center;display:grid}.track-browser-row:active{cursor:grabbing}.track-browser-row[draggable=false]{cursor:default}.track-browser-meta{flex-direction:column;min-width:0;display:flex}.track-browser-title{white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.track-browser-empty{padding:var(--space-4) var(--space-3)}.playlist-tracks-section.playlist-tracks-droptarget{outline:2px dashed var(--accent);outline-offset:-2px;border-radius:var(--radius);background:var(--accent-tint)}.subresource-list{gap:var(--space-2);flex-direction:column;display:flex}.subresource-header{justify-content:space-between;align-items:center;display:flex}.simple-list{flex-direction:column;gap:.2rem;margin:0;padding:0;list-style:none;display:flex}.simple-list li{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);display:flex}.authoring-card{border-left:3px solid var(--accent2)}.entity-row-main{gap:var(--space-1);flex-direction:column;min-width:0;display:flex}.entity-row-meta{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.looping-sfx-row>select,.looping-sfx-row>input{flex:1 1 0;min-width:0}.looping-sfx-row>.volume-row{flex:none}.controls-footer{padding:var(--space-2) 0 0;justify-content:flex-end;display:flex}.controls-footer a{text-decoration:none}.diagnostics-view{padding:var(--space-6) var(--space-7);flex-direction:column;flex:1;gap:.8rem;width:100%;max-width:1100px;margin:0 auto;display:flex;overflow-y:auto}.diagnostics-view-header{justify-content:space-between;align-items:center;gap:var(--space-6);display:flex}.diagnostics-view-header h1{margin:0;font-size:1.3rem}.diagnostics{flex-direction:column;gap:.7rem;display:flex}.diagnostics-summary{gap:var(--space-2) .8rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin:0;padding:0;list-style:none;display:grid}.diagnostics-summary li{background:var(--surface-2);padding:var(--space-2) var(--space-4);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:.1rem;display:flex}.diagnostics-summary strong.ok{color:var(--ok)}.diagnostics-summary strong.danger{color:var(--danger)}.diagnostics-channels{border-collapse:collapse;width:100%;font-size:var(--text-base)}.diagnostics-channels th,.diagnostics-channels td{padding:var(--space-1) var(--space-3);border-bottom:1px solid var(--border);text-align:left;white-space:nowrap}.diagnostics-channels th{color:var(--muted);font-weight:600;font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.04em}.diagnostics-src{text-overflow:ellipsis;max-width:32ch;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;font-size:var(--text-sm);color:var(--muted);overflow:hidden}.shortcut-sheet{width:min(560px,100%)}.shortcut-sheet-body{flex-direction:column;gap:.9rem;display:flex}.shortcut-section h3{margin:0 0 var(--space-2);font-size:var(--text-sm);color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-weight:600}.shortcut-list{grid-template-columns:minmax(6ch,auto) 1fr;align-items:center;gap:.3rem .7rem;margin:0;display:grid}.shortcut-row{display:contents}.shortcut-row dt{font-variant-numeric:tabular-nums;justify-content:flex-end;gap:.2rem;display:inline-flex}.shortcut-row dd{margin:0}.breadcrumb{font-size:var(--text-base);margin:0 0 var(--space-4);min-height:1.6em}.breadcrumb ol{flex-wrap:wrap;align-items:center;gap:.1rem .3rem;margin:0;padding:0;list-style:none;display:flex}.breadcrumb-item{align-items:center;gap:.3rem;min-width:0;display:inline-flex}.breadcrumb-link{font-size:inherit;color:var(--accent);background:0 0;border-color:#0000;padding:.1rem .35rem}.breadcrumb-link:hover:not(:disabled){background:var(--surface-2);color:var(--accent-strong);border-color:#0000;text-decoration:underline}.breadcrumb-text{white-space:nowrap;text-overflow:ellipsis;vertical-align:bottom;max-width:24ch;padding:.1rem .35rem;display:inline-block;overflow:hidden}.breadcrumb-current{color:var(--fg);font-weight:500}.breadcrumb-sep{color:var(--muted);-webkit-user-select:none;user-select:none;font-size:.9em}.soundboard-editor{--sb-item-cols:minmax(140px, 2fr) minmax(140px, 2fr) 4ch auto;flex-direction:column;gap:.8rem;display:flex}.soundboard-editor .soundboard-category{border-left:3px solid var(--accent2)}.soundboard-categories{flex-direction:column;gap:.8rem;margin:0;padding:0;list-style:none;display:flex}.soundboard-category{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-4) .8rem;gap:var(--space-3);flex-direction:column;display:flex}.soundboard-category>header{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.soundboard-category>header h3{margin:0;font-size:1rem}.soundboard-items{flex-direction:column;gap:.3rem;margin:0;padding:0;list-style:none;display:flex}.soundboard-item{grid-template-columns:var(--sb-item-cols);gap:var(--space-2);padding:.3rem var(--space-2);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);align-items:center;display:grid}.soundboard-item-file{font-size:var(--text-sm);color:var(--muted);white-space:nowrap;text-overflow:ellipsis;background:0 0;border:none;padding:0;overflow:hidden}.soundboard-item-name{min-width:0}.soundboard-item-hotkey{text-align:center;width:4ch}.soundboard-item-hotkey.has-conflict{border-color:var(--danger);color:var(--danger);background:var(--danger-soft)}.soundboard-item-actions{gap:.3rem;display:flex}.soundboard-add-item{grid-template-columns:var(--sb-item-cols);gap:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--border);display:grid}.soundboard-add-item select{min-width:0}.simple-list-actions{gap:.3rem;display:flex}.effect-grid{gap:var(--space-3);margin-bottom:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(180px,1fr));grid-auto-rows:1fr;display:grid}.effect-cell{background:var(--surface-2);border:1px solid var(--border);border-left:3px solid var(--rack-accent);border-radius:var(--radius);padding:var(--space-3) var(--space-4);flex-direction:column;display:flex}.effect-cell.effect-off{--rack-accent:var(--border-strong);--rack-accent-strong:var(--muted-strong)}.effect-cell.effect-off .rack-body{opacity:.6}.effect-cell-head{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.effect-cell-head .effect-title strong{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.effect-cell .rack-body{margin-top:var(--space-2);flex:1;justify-content:center;align-items:center;display:flex}.overrides-cell{border-left-color:var(--border-strong)}.effect-row{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-3) .7rem;gap:var(--space-2);flex-direction:column;display:flex}.effect-row>header{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.effect-row-actions{gap:.3rem;display:flex}.effect-params{gap:var(--space-2);grid-template-columns:repeat(auto-fit,minmax(120px,1fr));display:grid}.effect-params label{flex-direction:column;gap:.15rem;display:flex}.effect-title{flex-direction:column;gap:.1rem;min-width:0;display:flex}.rack-module{background:linear-gradient(180deg, var(--surface-3), var(--surface-2));border:1px solid var(--border-strong);border-radius:var(--radius-lg);padding:.55rem var(--space-5) .7rem;box-shadow:inset 0 1px #ffffff0d,inset 0 -8px 18px #00000038}.knob-row{justify-content:center;align-items:center;gap:var(--space-3) var(--space-5);padding-top:var(--space-2);flex-wrap:wrap;display:flex}.knob{-webkit-user-select:none;user-select:none;flex-direction:column;align-items:center;gap:.1rem;display:flex}.knob-dial{touch-action:none;cursor:ns-resize;border-radius:50%;outline:none}.knob-dial svg{width:100%;height:100%;display:block;overflow:visible}.knob-track{fill:none;stroke:var(--border-strong);stroke-width:7px;stroke-linecap:round}.knob-value{fill:none;stroke:var(--rack-accent);stroke-width:7px;stroke-linecap:round}.knob-body{stroke:var(--rack-edge);stroke-width:1.5px}.knob-indicator{stroke:var(--rack-accent-strong);stroke-width:4px;stroke-linecap:round}.knob-dial:focus-visible{box-shadow:0 0 0 2px var(--accent2-soft)}.knob-dial:focus-visible .knob-value{stroke:var(--rack-accent-strong);filter:drop-shadow(0 0 3px var(--rack-accent))}.knob-label{font-size:var(--text-2xs);text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.knob-readout{font-size:var(--text-sm);font-variant-numeric:tabular-nums;color:var(--rack-accent-strong)}.knob-disabled{opacity:.4}.knob-disabled .knob-dial{cursor:not-allowed}.fader{-webkit-user-select:none;user-select:none;flex-direction:column;align-items:center;gap:.2rem;display:flex}.fader-readout{font-size:var(--text-xs);font-variant-numeric:tabular-nums;color:var(--rack-accent-strong);min-height:1em}.fader-track{border:1px solid var(--border-strong);width:26px;box-shadow:var(--rack-inset-shadow);touch-action:none;cursor:pointer;background:linear-gradient(#00000059,#00000026);border-radius:7px;outline:none;position:relative}.fader-track:before{content:"";background:var(--rack-slot);border-radius:2px;width:3px;position:absolute;top:8px;bottom:8px;left:50%;transform:translate(-50%)}.fader-centerline{background:var(--border-strong);height:1px;position:absolute;top:50%;left:4px;right:4px}.fader-fill{background:var(--rack-accent);border-radius:3px;position:absolute;left:4px;right:4px}.fader-thumb{background:linear-gradient(180deg, var(--rack-cap-hi), var(--rack-cap-lo));border:1px solid var(--rack-edge);width:24px;height:13px;box-shadow:0 1px 2px #00000080, var(--rack-highlight);border-radius:3px;position:absolute;left:50%;transform:translate(-50%,-50%)}.fader-thumb:after{content:"";background:var(--rack-accent);height:1px;position:absolute;top:50%;left:3px;right:3px;transform:translateY(-50%)}.fader-track:focus-visible{border-color:var(--rack-accent);box-shadow:var(--rack-inset-shadow), 0 0 0 2px var(--accent2-soft)}.fader-label{font-size:var(--text-2xs);font-variant-numeric:tabular-nums;color:var(--muted)}.fader-disabled{opacity:.4}.graphic-eq{gap:var(--space-3);flex-direction:column;display:flex}.eq-curve{background:radial-gradient(120% 120% at 50% 0%, #3fc7c20f, transparent 60%), var(--bg);border:1px solid var(--border);border-radius:var(--radius);width:100%;position:relative;overflow:hidden}.eq-curve canvas{display:block}.eq-bands{justify-content:space-between;gap:var(--space-1);padding:0 .2rem;display:flex}.eq-bands .fader{flex:1}.eq-module-footer{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.override-knobs{justify-content:center;gap:var(--space-6);flex-wrap:wrap;display:flex}.override-knob{align-items:center;gap:var(--space-1);flex-direction:column;display:flex}.override-knob.override-off{--rack-accent:var(--border-strong);--rack-accent-strong:var(--muted-strong)}.override-toggle{cursor:pointer;align-items:center;gap:.35rem;display:flex}@media (width<=700px){.eq-bands{gap:.1rem}.fader-track{width:20px}.fader-thumb{width:18px}}.effect-row.rack-module{border-left:3px solid var(--rack-accent)}.effect-row>header{gap:var(--space-3)}.effect-toggle{flex-shrink:0}.rack-body{margin-top:var(--space-3)}.effect-row.effect-off{--rack-accent:var(--border-strong);--rack-accent-strong:var(--muted-strong)}.effect-row.effect-off .rack-body{opacity:.6}.effect-off .knob-disabled,.effect-off .fader-disabled{opacity:1}.library-empty{padding:var(--space-7);text-align:center;border:1px dashed var(--border);border-radius:var(--radius);background:var(--surface)}.library-empty h3{margin:0 0 var(--space-2);font-size:1rem}.library-empty .btn-ghost.inline{padding:.05rem var(--space-2);font-size:inherit;vertical-align:baseline;border:1px solid var(--border);display:inline}.toaster{bottom:calc(var(--footer-h) + var(--space-3));gap:var(--space-3);z-index:200;pointer-events:none;flex-direction:column;max-width:min(420px,100vw - 2rem);display:flex;position:fixed;right:1rem}.toast{pointer-events:auto;gap:var(--space-4);padding:var(--space-4) .7rem;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-md);border-left-width:3px;grid-template-columns:auto 1fr auto;align-items:start;animation:.16s ease-out toast-in;display:grid}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.toast-info{border-left-color:var(--accent)}.toast-success{border-left-color:var(--ok)}.toast-warn{border-left-color:var(--warn)}.toast-error{border-left-color:var(--danger)}.toast-icon{margin-top:.05rem;font-size:1.05rem;line-height:1.2}.toast-info .toast-icon{color:var(--accent)}.toast-success .toast-icon{color:var(--ok)}.toast-warn .toast-icon{color:var(--warn)}.toast-error .toast-icon{color:var(--danger)}.toast-body{flex-direction:column;gap:.15rem;min-width:0;display:flex}.toast-message{font-weight:500}.toast-detail{color:var(--muted);font-size:var(--text-base);word-break:break-word}.toast-close{padding:0 var(--space-2);font-size:var(--text-base);align-self:start}.modal-body{padding:var(--space-6)}.modal-body p{margin:0}.modal-body>*+*{margin-top:.7rem}.input-dialog .field>input{font-size:var(--text-md)}.conflict-dialog{width:min(460px,100%)}.conflict-dialog .modal-actions{flex-wrap:wrap}.conflict-names{padding-left:var(--space-6);max-height:8rem;color:var(--muted-strong);font-size:var(--text-base);margin:0;overflow-y:auto}.settings-view{gap:var(--space-6);padding:var(--space-7);flex-direction:column;flex:1;width:100%;max-width:720px;min-height:0;margin:0 auto;display:flex;overflow-y:auto}.device-list{margin:var(--space-4) 0 0;gap:var(--space-2);flex-direction:column;padding:0;list-style:none;display:flex}.device-row{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);flex-wrap:wrap;align-items:center;gap:.8rem;padding:.55rem .7rem;display:flex}.device-row-icon{color:var(--muted-strong);flex-shrink:0;font-size:1.6rem}.device-row.is-this{border-color:var(--border-strong)}.device-row.is-this .device-row-icon{color:var(--fg)}.device-row-main{flex:12rem;min-width:0}.device-row-name{font-weight:500}.device-row.is-this .device-row-name{font-weight:600}.device-output-toggle{align-items:center;gap:var(--space-2);cursor:pointer;white-space:nowrap;display:inline-flex}.device-row-actions{gap:var(--space-2);display:flex}.device-unsaved{padding-top:var(--space-4);border-top:1px dashed var(--border);margin-top:.9rem}.now-playing{padding:.55rem var(--space-6) .7rem;background:var(--bg-elevated);border-top:1px solid var(--border);flex-direction:column;gap:.45rem;display:flex}.now-playing-top{gap:var(--space-6);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;display:grid}.now-playing-right{justify-content:flex-end;align-items:center;gap:.7rem;min-width:0;display:flex}.now-playing-track{flex-direction:column;flex:auto;min-width:0;display:flex}.now-playing-track strong{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.now-playing-controls{align-items:center;gap:var(--space-2);display:flex}.now-playing-controls button{width:2.4rem;height:2.4rem;font-size:var(--text-lg);justify-content:center;align-items:center;padding:0;line-height:1;display:inline-flex}.now-playing-controls .now-playing-play{width:2.9rem;height:2.9rem;font-size:var(--text-xl);background:var(--accent);color:var(--on-accent);border-color:#0000;border-radius:999px;font-weight:600}.now-playing-controls .now-playing-play:hover:not(:disabled){background:var(--accent-strong);color:var(--on-accent)}.now-playing-controls .mode-cycle{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);width:2.4rem;height:2.4rem;color:var(--muted);font-size:var(--text-lg);justify-content:center;align-items:center;padding:0;line-height:1;display:inline-flex}.now-playing-controls .mode-cycle:hover:not(.mode-cycle-readonly){border-color:var(--border-strong);color:var(--fg)}.now-playing-controls .mode-cycle-active{color:var(--accent);border-color:var(--accent);background:var(--accent-soft)}.now-playing-controls .mode-cycle-readonly{cursor:default}.now-playing-controls button.is-active{color:var(--accent)}.now-playing-controls button.is-active:hover:not(:disabled){color:var(--accent-strong)}.output-toggle{font-size:var(--text-base);border:1px solid var(--border);background:var(--surface);color:var(--fg);cursor:pointer;white-space:nowrap;transition:background var(--transition), border-color var(--transition), color var(--transition);border-radius:999px;flex-shrink:0;align-items:center;gap:.4em;padding:.3rem .7rem;font-weight:500;display:inline-flex}.output-toggle-icon{flex-shrink:0;font-size:1em}.output-toggle-on{background:var(--ok-soft);border-color:var(--ok);color:var(--ok)}.output-toggle-on:hover:not(:disabled){background:var(--ok-soft);border-color:var(--ok)}.output-toggle-on.output-toggle-armed{background:var(--danger-soft);border-color:var(--danger);color:var(--danger);animation:2s linear forwards output-toggle-arm-decay}@keyframes output-toggle-arm-decay{0%{box-shadow:0 0 0 2px var(--danger-soft)}to{box-shadow:0 0 #0000}}.output-toggle-off{background:var(--surface);border-color:var(--border-strong);color:var(--muted)}.output-toggle-off:hover:not(:disabled){background:var(--surface-2);border-color:var(--accent);color:var(--fg)}.output-toggle-idle{cursor:default;background:var(--surface);border-color:var(--border);color:var(--muted)}.output-toggle-idle .output-toggle-label{font-size:.8rem}.now-playing-volume{justify-content:flex-end;font-size:.8rem}.now-playing-track-interrupt{color:var(--warn);align-items:center;gap:.15em;display:inline-flex}input.volume-slider{appearance:none;background:0 0;border-radius:1px;outline:none;height:3px}input.volume-slider:focus-visible{outline:2px solid var(--accent);outline-offset:4px}input.volume-slider::-moz-range-track{background:var(--border-strong);border:0;border-radius:1px;height:3px}input.volume-slider::-moz-range-progress{background:var(--fg);border-radius:1px;height:3px}input.volume-slider::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--fg) 0 var(--volume-pct,100%), var(--border-strong) var(--volume-pct,100%) 100%);border:0;border-radius:1px;height:3px}input.volume-slider::-webkit-slider-thumb{appearance:none;background:var(--fg);cursor:pointer;border:0;border-radius:2px;width:10px;height:10px;margin-top:-3.5px}input.volume-slider::-moz-range-thumb{background:var(--fg);cursor:pointer;border:0;border-radius:2px;width:10px;height:10px}.now-playing-scrub{font-variant-numeric:tabular-nums;font-size:var(--text-sm);color:var(--muted);align-items:center;gap:.7rem;display:flex}.now-playing-clock{text-align:center;min-width:5ch}.seek-bar{background:var(--border);cursor:pointer;border-radius:3px;flex:1;height:6px;position:relative}.seek-bar:hover{background:var(--surface-3)}.seek-bar:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.seek-bar-fill{background:var(--accent);pointer-events:none;border-radius:3px;height:100%;transition:width .2s linear}.seek-bar-thumb{background:var(--accent-strong);border:2px solid var(--bg-elevated);pointer-events:none;opacity:0;width:14px;height:14px;transition:opacity var(--transition);border-radius:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.seek-bar:hover .seek-bar-thumb,.seek-bar:focus-visible .seek-bar-thumb,.seek-bar-large .seek-bar-thumb{opacity:1}.seek-bar-large{border-radius:6px;height:12px}.seek-bar-large .seek-bar-fill{border-radius:6px}.seek-bar-large .seek-bar-thumb{width:18px;height:18px}.seek-bar.seek-bar-disabled{cursor:default;opacity:.5}.seek-bar.seek-bar-disabled .seek-bar-thumb{display:none}.modal-backdrop{background:var(--overlay);padding:var(--space-6);z-index:100;place-items:center;display:grid;position:fixed;inset:0}.modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:min(var(--form-width), 100%);max-height:calc(100vh - 4rem);box-shadow:var(--shadow-lg);overflow-y:auto}.modal-header{padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;display:flex}.modal-header h2{margin:0;font-size:1rem}.modal-header button{color:var(--muted);font-size:var(--text-lg);padding:.2rem var(--space-2);background:0 0;border:none}.modal-actions{justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-2);display:flex}.modal-actions button:last-child{background:var(--accent);color:var(--on-accent);border-color:#0000;font-weight:600}@media (width<=900px){.controls-grid{grid-template-columns:1fr}.controls-grid .surface-card.span-tall{grid-row:auto}.two-pane-view{grid-template-rows:minmax(160px,280px) 1fr;grid-template-columns:1fr}.player-stage{text-align:center;grid-template-columns:1fr;gap:1.25rem}.player-art{max-width:min(70vw,320px);margin:0 auto}.player-meta{text-align:left}}@media (width<=700px){.section-nav{padding:.3rem var(--space-4) 0;gap:.1rem}.section-nav-tab{padding:.45rem var(--space-4);font-size:var(--text-base)}.app-header{gap:var(--space-3);padding:var(--space-3) .7rem;flex-wrap:wrap;display:flex}.app-header-left{gap:var(--space-2);flex:auto;min-width:0}.device-name-field{width:9em;font-size:.9rem}.ws-status-text{display:none}.ws-status{padding:.2rem .35rem}.tabs{display:none}.tabs-mobile{display:flex}.app-header-right{gap:var(--space-2);margin-left:auto}.context-badge{font-size:var(--text-sm);padding:.15rem var(--space-2)}.header-mode-picker>.muted.small{display:none}.header-mode-picker{padding:.1rem var(--space-2)}.header-mode-picker>select{max-width:16ch}.player-view{padding:var(--space-6) .9rem}.player-title{font-size:1.4rem}.player-artist{font-size:1rem}.library-view{padding:var(--space-4);gap:var(--space-3)}.library-body{grid-template-rows:auto 1fr;grid-template-columns:1fr}.library-sidebar{max-height:35vh}.library-toolbar{gap:var(--space-2)}.folder-band{flex-wrap:wrap}.track-table{font-size:.88rem}.track-table th:nth-child(2),.track-table td:nth-child(2),.track-table th:nth-child(3),.track-table td:nth-child(3),.track-table th:nth-child(4),.track-table td:nth-child(4){display:none}.track-table td.col-actions button{padding:var(--space-1) var(--space-2)}.two-pane-view{padding:var(--space-3);gap:var(--space-3);grid-template-rows:minmax(120px,38vh) 1fr}.two-pane-pane{padding:.55rem var(--space-4)}.playlist-detail-header{flex-wrap:wrap}.playlist-detail-actions{width:100%}.controls-view{padding:var(--space-4);gap:var(--space-4)}.surface-card{padding:.7rem .8rem}.output-picker-options.inline{max-width:100%}.now-playing{padding:var(--space-2) var(--space-4) .55rem;gap:.35rem}.now-playing-top{row-gap:var(--space-2);grid-template-rows:auto auto auto;grid-template-columns:1fr}.now-playing-track{text-align:left;grid-area:1/1}.now-playing-track strong{font-size:var(--text-md)}.now-playing-track-meta{font-size:var(--text-sm)}.now-playing-controls{justify-content:center;gap:var(--space-2);grid-area:2/1}.now-playing-controls button,.now-playing-controls .mode-cycle{width:2.6rem;height:2.6rem}.now-playing-controls .now-playing-play{width:3.1rem;height:3.1rem}.now-playing-right{justify-content:flex-start;gap:var(--space-3);grid-area:3/1}.output-toggle .output-toggle-label{display:none}.output-toggle{padding:var(--space-2) .55rem;flex:none;min-height:2.4rem}.now-playing-volume{flex:auto;justify-content:flex-start;min-width:0}.volume-row input[type=range],.transport-row>input[type=range]{flex:auto;width:100%;min-width:0}.now-playing-scrub{gap:var(--space-3)}.seek-bar-large{border-radius:7px;height:14px}.seek-bar-large .seek-bar-thumb{width:22px;height:22px}.settings-view,.diagnostics-view{padding:.8rem}.diagnostics-summary{grid-template-columns:1fr}.diagnostics-channels{display:block;overflow-x:auto}.soundboard-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}.sfx-tile{padding:.55rem var(--space-4)}.soundboard-item,.soundboard-add-item{grid-template-columns:1fr}.folder-actions button{font-size:var(--text-sm);padding:.3rem}.toaster{--footer-h:11.5rem;max-width:none;left:.4rem;right:.4rem}.modal{width:calc(100% - 1rem);max-height:calc(100vh - 1.5rem)}}@media (width<=480px){.app-header{padding:var(--space-2) var(--space-3)}.device-name-field{max-width:8em}.player-view{padding:.7rem var(--space-4)}.player-title{font-size:1.25rem}.player-art-large{max-width:min(80vw,280px)}.now-playing-track-meta{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.now-playing-clock{font-size:var(--text-xs)}.tabs-mobile-trigger{padding:.35rem .55rem}.tabs-mobile-label{max-width:9ch}}@media (pointer:coarse){.icon-button,button,.btn-link,.tab,.tabs-mobile-item,.tabs-mobile-trigger,.output-toggle,.preset-chip,.loop-toggle,.segmented-item,.header-help,.section-nav-tab,.breadcrumb-link{min-height:44px}.header-help{min-width:44px}.track-table td.col-actions button,.col-actions button{min-height:36px;padding:var(--space-2) var(--space-3)}.tree-row{min-height:36px}.sfx-tile{min-height:52px}.now-playing-controls button,.now-playing-controls .mode-cycle{min-width:44px}.switch{min-height:44px}input[type=checkbox],input[type=radio]{width:18px;height:18px}}.modal.modal-cleanup{width:min(780px,94vw)}.cleanup-options{gap:var(--space-6);flex-direction:column;display:flex}.cleanup-scope{gap:var(--space-2);flex-direction:column;display:flex}.cleanup-choice{align-items:baseline;gap:var(--space-3);cursor:pointer;display:flex}.cleanup-choice input{flex:none;transform:translateY(1px)}.cleanup-choice.disabled{opacity:.55;cursor:default}.cleanup-subchoice{align-items:baseline;gap:var(--space-2);margin-left:var(--space-4);cursor:pointer;font-size:var(--text-sm);display:inline-flex}.cleanup-hint{font-size:var(--text-sm);line-height:var(--leading-base);display:block}.cleanup-rules{gap:var(--space-3) var(--space-6);grid-template-columns:1fr 1fr;display:grid}.cleanup-review-controls{align-items:baseline;gap:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.cleanup-review-spacer{flex:1}.cleanup-review{gap:var(--space-5);max-height:min(56vh,40rem);padding-right:var(--space-2);flex-direction:column;display:flex;overflow-y:auto}.cleanup-folder{margin-bottom:var(--space-2)}.cleanup-track{border:1px solid var(--border);border-left:3px solid var(--accent2);border-radius:var(--radius-sm);background:var(--surface-2);padding:var(--space-3) var(--space-4);gap:var(--space-2);flex-direction:column;display:flex}.cleanup-track+.cleanup-track{margin-top:var(--space-3)}.cleanup-track-path{font-size:var(--text-sm);color:var(--muted-strong);overflow-wrap:anywhere}.cleanup-op{gap:var(--space-3);cursor:pointer;grid-template-columns:auto 5.5rem 1fr;align-items:baseline;display:grid}.cleanup-op input{transform:translateY(1px)}.cleanup-op-folder{border-left:2px solid var(--accent2-soft);padding-left:var(--space-3);margin-bottom:var(--space-2)}.cleanup-op-folder .cleanup-op-kind{color:var(--accent2-strong)}.cleanup-op-kind{font-size:var(--text-2xs);text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.cleanup-diff{overflow-wrap:anywhere}.cleanup-old{color:var(--muted);text-decoration:line-through}.cleanup-arrow{color:var(--muted);padding:0 var(--space-2)}.cleanup-new{color:var(--accent2-strong);font-weight:600}.cleanup-conf{margin-left:var(--space-3)}.cleanup-note{align-items:baseline;gap:var(--space-2);color:var(--warn);font-size:var(--text-sm);margin:0;display:flex}.cleanup-progress{padding:var(--space-7) 0}.cleanup-done{gap:var(--space-3);flex-direction:column;display:flex}.cleanup-skips{padding-left:var(--space-6);margin:0}.cleanup-history{gap:var(--space-3);flex-direction:column;max-height:min(50vh,32rem);display:flex;overflow-y:auto}.cleanup-batch-row{align-items:center;gap:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);padding:var(--space-3) var(--space-4);display:flex}.cleanup-batch-main{gap:var(--space-1);flex-direction:column;flex:1;min-width:0;display:flex}.cleanup-journal-upload{cursor:pointer;align-self:flex-start}@media (width<=700px){.cleanup-rules{grid-template-columns:1fr}.cleanup-op{grid-template-columns:auto 1fr}.cleanup-op-kind,.cleanup-diff{grid-column:2}}.cleanup-label-row{margin-top:calc(-1 * var(--space-2))}.cleanup-chip-count{color:var(--muted);font-size:var(--text-xs)}.btn-toggle[aria-pressed=true] .cleanup-chip-count{color:inherit;opacity:.75}.cleanup-checking{gap:var(--space-4);flex-direction:column;display:flex}