:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f4f4f5;background:#09090b;font-synthesis:none;--surface: #111113;--surface-2: #18181b;--surface-3: #222225;--border: rgba(255, 255, 255, .085);--muted: #a1a1aa;--orange: #f97316;--orange-soft: rgba(249, 115, 22, .14)}*{box-sizing:border-box}html,body,#root{margin:0;min-width:320px;min-height:100%}body{min-height:100vh;background:#09090b}button,input,select{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--orange);outline-offset:2px}h1,h2,p{margin:0}h1,h2,.brand{font-family:Inter,ui-sans-serif,system-ui,sans-serif}.eyebrow{color:var(--orange);font-size:.71rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.app-loader{min-height:100vh;display:grid;place-content:center;justify-items:center;gap:16px;color:var(--orange);font:800 1.25rem Manrope}.pulse{animation:pulse 1.2s ease-in-out infinite}.spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.35;transform:scale(.92)}}.auth-shell{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr;background:#09090b}.auth-intro{position:relative;overflow:hidden;padding:clamp(40px,7vw,100px);display:flex;flex-direction:column;justify-content:center;background:radial-gradient(circle at 68% 68%,rgba(249,115,22,.15),transparent 36%),linear-gradient(140deg,#111113,#09090b 72%)}.auth-intro:before{content:"";position:absolute;inset:0;opacity:.22;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:42px 42px;-webkit-mask-image:linear-gradient(to bottom,transparent,#000,transparent);mask-image:linear-gradient(to bottom,transparent,#000,transparent)}.auth-intro>*{position:relative;z-index:1}.brand-mark{width:58px;height:58px;display:grid;place-items:center;border-radius:17px;color:#111113;background:var(--orange);margin-bottom:52px;box-shadow:0 18px 60px #f9731642}.auth-intro h1{margin:12px 0 22px;font-size:clamp(3rem,6vw,6.8rem);line-height:.96;letter-spacing:-.065em;max-width:900px}.auth-intro h1 span{color:var(--orange)}.auth-copy{max-width:570px;color:var(--muted);font-size:clamp(1rem,1.3vw,1.2rem);line-height:1.7}.signal-lines{position:absolute;left:8%;right:6%;bottom:7%;height:100px;display:flex;align-items:center;gap:12px;opacity:.3}.signal-lines i{flex:1;height:20%;border-radius:999px;background:var(--orange);animation:signal 2s ease-in-out infinite alternate}.signal-lines i:nth-child(2),.signal-lines i:nth-child(6){height:72%;animation-delay:-.7s}.signal-lines i:nth-child(3),.signal-lines i:nth-child(5){height:42%;animation-delay:-1.3s}.signal-lines i:nth-child(4){height:100%;animation-delay:-.2s}@keyframes signal{to{transform:scaleY(.35);opacity:.35}}.auth-panel{display:grid;place-items:center;padding:36px;background:#0d0d0f;border-left:1px solid var(--border)}.auth-card{width:min(420px,100%);display:grid;gap:22px}.auth-card h2{margin:7px 0 8px;font-size:2rem;letter-spacing:-.04em}.auth-card>div>p:last-child{color:var(--muted)}label{display:grid;gap:8px;color:#d4d4d8;font-size:.86rem;font-weight:600}input,select{width:100%;border:1px solid var(--border);border-radius:11px;padding:12px 13px;color:#fafafa;background:var(--surface-2);transition:border-color .2s,background .2s}input:hover,select:hover{border-color:#ffffff2b}input::placeholder{color:#62626a}input[type=range]{padding:0;accent-color:var(--orange)}.form-error{padding:10px 12px;color:#fecaca;background:#ef44441c;border:1px solid rgba(239,68,68,.2);border-radius:9px;font-size:.85rem}.button{min-height:40px;padding:0 15px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:9px;cursor:pointer;font-size:.83rem;font-weight:700;white-space:nowrap;transition:transform .15s,background .15s,border-color .15s}.button:hover{transform:translateY(-1px)}.button:disabled{opacity:.5;cursor:wait;transform:none}.button.primary{color:#18181b;background:var(--orange)}.button.primary:hover{background:#fb923c}.button.ghost{border-color:var(--border);background:var(--surface-2)}.button.ghost:hover{background:var(--surface-3)}.button.danger{color:#fca5a5;border-color:#ef44442e;background:#ef444414}.button.stop{color:#fecaca;border-color:#ef444438;background:#ef44441a}.button.wide{width:100%;min-height:46px}.text-button{padding:0;border:0;color:var(--muted);background:transparent;cursor:pointer}.text-button:hover{color:var(--orange)}.icon-button{width:38px;height:38px;padding:0;display:grid;place-items:center;border:1px solid var(--border);border-radius:9px;background:var(--surface-2);cursor:pointer}.icon-button:hover{background:var(--surface-3)}.icon-button.subtle{width:28px;height:28px;border:0;color:#71717a;background:transparent}kbd{padding:2px 6px;border:1px solid var(--border);border-radius:5px;color:#71717a;background:#ffffff0a;font:600 .67rem DM Sans}.app-shell{min-height:100vh;display:grid;grid-template-columns:265px minmax(0,1fr);background:#09090b}.sidebar{position:sticky;top:0;z-index:20;height:100vh;display:flex;flex-direction:column;border-right:1px solid var(--border);background:#0d0d0f}.brand{height:72px;padding:0 19px;display:flex;align-items:center;gap:11px;border-bottom:1px solid var(--border);letter-spacing:-.03em}.brand-mark.small{width:34px;height:34px;margin:0;border-radius:9px}.brand-mark.small svg{width:19px}.sidebar-close,.menu-button{display:none}.side-label{padding:20px 17px 9px;display:flex;align-items:center;gap:8px;color:#71717a;font-size:.67rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.side-label>span{margin-right:auto}.side-label em{min-width:20px;height:20px;display:grid;place-items:center;border-radius:999px;color:#a1a1aa;background:var(--surface-3);font-size:.62rem;font-style:normal;letter-spacing:0}.side-label button{padding:0;border:0;color:#71717a;background:transparent;cursor:pointer}.side-label button:hover{color:var(--orange)}.player-heading button{color:#f87171}.mouse-actions{padding-bottom:9px;border-bottom:1px solid var(--border)}.mouse-actions .side-label{padding-top:15px}.mouse-actions label{padding:0 9px 6px;display:grid;grid-template-columns:82px minmax(0,1fr);align-items:center;gap:7px;color:#71717a;font-size:.65rem}.mouse-actions label>span{display:flex;align-items:center;gap:6px}.mouse-actions label i{width:20px;height:20px;display:grid;place-items:center;border:1px solid var(--border);border-radius:6px;color:#d4d4d8;background:var(--surface-2);font-size:.6rem;font-style:normal;font-weight:800}.mouse-actions select{height:32px;padding:0 8px;border-radius:8px;color:#d4d4d8;font-size:.68rem}.now-playing-list{flex:1;min-height:120px;padding:0 9px 14px;display:grid;align-content:start;gap:8px;overflow:auto}.players-empty{min-height:105px;padding:14px;display:grid;place-content:center;justify-items:center;gap:6px;border:1px dashed var(--border);border-radius:12px;color:#55555d;text-align:center}.players-empty strong{color:#898991;font-size:.75rem}.players-empty span{max-width:160px;color:#5f5f67;font-size:.65rem;line-height:1.4}.player-card{--track-color: #71717a;position:relative;min-height:112px;padding:9px;display:grid;align-content:start;gap:6px;overflow:hidden;border:2px solid color-mix(in srgb,var(--track-color) 68%,var(--border));border-radius:12px;background:var(--surface-2)}.player-card-copy{min-width:0;display:grid}.player-card-copy strong{overflow:hidden;color:#fafafa;font-size:.77rem;text-overflow:ellipsis;white-space:nowrap}.player-card-time{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:6px;color:#a1a1aa;font:.6rem ui-monospace,monospace}.player-card-seek{height:15px;min-width:0;accent-color:var(--track-color);cursor:pointer}.player-card-seek:disabled{opacity:.45;cursor:default}.player-card-volume{display:grid;grid-template-columns:14px minmax(0,1fr) 25px;align-items:center;gap:5px;color:#71717a}.player-card-volume input{height:15px;min-width:0}.player-card-volume em{color:#a1a1aa;font-size:.57rem;font-style:normal;text-align:right}.player-card-controls{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.player-card-controls button{height:28px;padding:0;display:grid;place-items:center;border:1px solid var(--border);border-radius:7px;color:#a1a1aa;background:#09090b73;cursor:pointer}.player-card-controls button:hover,.player-card-controls button.active{color:color-mix(in srgb,var(--track-color) 80%,#fff);border-color:color-mix(in srgb,var(--track-color) 45%,var(--border));background:color-mix(in srgb,var(--track-color) 10%,rgba(9,9,11,.45))}.player-card-controls button:disabled{opacity:.38;cursor:default}.player-card-controls button.fade-out{color:#fdba74}.player-card-controls button.stop{color:#fca5a5}.sidebar-tool-tabs{position:sticky;z-index:2;bottom:0;min-height:42px;flex:0 0 42px;padding:5px 9px;display:flex;align-items:center;gap:5px;border-top:1px solid var(--border);background:#101012;box-shadow:0 -8px 20px #00000029}.sidebar-tool-tabs button{position:relative;width:34px;height:32px;padding:0;display:grid;place-items:center;border:1px solid transparent;border-radius:8px;color:#71717a;background:transparent;cursor:pointer}.sidebar-tool-tabs button:hover,.sidebar-tool-tabs button.active{color:#fed7aa;border-color:#f973164d;background:var(--orange-soft)}.sidebar-tool-tabs em{position:absolute;top:1px;right:2px;min-width:14px;height:14px;padding:0 3px;display:grid;place-items:center;border-radius:999px;color:#d4d4d8;background:#3f3f46;font-size:.48rem;font-style:normal}.playlist-panel{--playlist-color: #8b5cf6;--playlist-panel-height: 320px;position:relative;height:var(--playlist-panel-height);min-height:160px;flex:0 1 var(--playlist-panel-height);padding:12px 9px 10px;display:flex;flex-direction:column;gap:7px;overflow:hidden;border-top:1px solid var(--border);background:#0b0b0d}.playlist-panel.options-open{overflow-y:auto}.playlist-panel.options-open .playlist-options{flex:0 0 auto}.playlist-panel.options-open .playlist-dropzone{display:none}.playlist-resizer{position:absolute;z-index:2;top:0;left:0;width:100%;height:11px;display:grid;place-items:center;border:0;color:#52525b;background:transparent;cursor:ns-resize;touch-action:none;transition:color .15s,background .15s}.playlist-resizer:before{position:absolute;top:0;left:0;width:100%;height:1px;background:var(--border);content:""}.playlist-resizer svg{position:relative;width:19px;height:11px;padding:0 2px;border-radius:4px;background:#0b0b0d}.playlist-resizer:hover,.playlist-resizer:focus-visible{outline:0;color:color-mix(in srgb,var(--playlist-color) 75%,#fff);background:color-mix(in srgb,var(--playlist-color) 7%,transparent)}.playlist-panel>header{min-height:25px;display:flex;align-items:center;justify-content:space-between}.playlist-panel>header>div{min-width:0;display:flex;align-items:center;gap:6px;color:var(--playlist-color)}.playlist-panel>header strong{overflow:hidden;color:#e4e4e7;font-size:.68rem;text-overflow:ellipsis;white-space:nowrap}.playlist-panel>header em{min-width:18px;height:18px;display:grid;place-items:center;border-radius:999px;color:color-mix(in srgb,var(--playlist-color) 75%,#fff);background:color-mix(in srgb,var(--playlist-color) 18%,transparent);font-size:.54rem;font-style:normal}.playlist-panel>header button{width:25px;height:25px;padding:0;display:grid;place-items:center;border:0;border-radius:6px;color:#71717a;background:transparent;cursor:pointer}.playlist-panel>header button:hover{color:#fca5a5;background:#ef444414}.playlist-toolbar{display:grid;grid-template-columns:repeat(5,1fr);gap:5px}.playlist-toolbar button{height:29px;padding:0;display:grid;place-items:center;border:1px solid var(--border);border-radius:7px;color:#a1a1aa;background:#171719;cursor:pointer}.playlist-toolbar button:hover,.playlist-toolbar button.active{color:color-mix(in srgb,var(--playlist-color) 75%,#fff);border-color:color-mix(in srgb,var(--playlist-color) 50%,var(--border));background:color-mix(in srgb,var(--playlist-color) 10%,#171719)}.playlist-toolbar button.stop{color:#fca5a5}.playlist-toolbar button:disabled,.playlist-panel>header button:disabled{opacity:.35;cursor:default}.playlist-options{padding:8px;display:grid;gap:7px;border:1px solid color-mix(in srgb,var(--playlist-color) 28%,var(--border));border-radius:8px;background:#121214}.playlist-options>label{gap:4px;color:#8b8b94;font-size:.58rem}.playlist-options>label>input{height:29px;padding:0 8px;border-radius:6px;font-size:.65rem}.playlist-color-choice{display:flex;flex-wrap:wrap;gap:4px}.playlist-color-choice input[type=color]{width:29px;height:27px;padding:2px;cursor:pointer}.playlist-color-choice button{--swatch-color: #8b5cf6;width:25px;height:25px;padding:0;border:2px solid transparent;border-radius:6px;background:var(--swatch-color);cursor:pointer}.playlist-color-choice button.active{border-color:#fff;box-shadow:0 0 0 1px var(--swatch-color)}.playlist-option-switches{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.playlist-option-switches label{min-width:0;padding:5px 3px;display:flex;align-items:center;justify-content:center;gap:3px;border:1px solid var(--border);border-radius:6px;color:#a1a1aa;background:#171719;font-size:.51rem;cursor:pointer}.playlist-option-switches input{width:auto;accent-color:var(--playlist-color)}.playlist-transition-options{display:grid;gap:6px}.playlist-transition-options label{padding:6px 7px 4px;display:grid;gap:3px;border:1px solid var(--border);border-radius:6px;background:#171719}.playlist-transition-options label>span{display:flex;align-items:center;gap:5px;color:#a1a1aa;font-size:.54rem}.playlist-transition-options label strong{margin-left:auto;color:color-mix(in srgb,var(--playlist-color) 75%,#fff);font-size:.55rem}.playlist-transition-options input{height:16px;min-width:0;accent-color:var(--playlist-color);cursor:pointer}.playlist-delete-saved{min-height:28px;padding:0 7px;display:inline-flex;align-items:center;justify-content:center;gap:5px;border:1px solid rgba(248,113,113,.16);border-radius:6px;color:#fca5a5;background:#f871710f;cursor:pointer;font-size:.56rem}.playlist-dropzone{min-height:80px;flex:1;padding:3px;display:grid;align-content:start;gap:4px;overflow-y:auto;border:1px dashed color-mix(in srgb,var(--playlist-color) 35%,var(--border));border-radius:8px;background:color-mix(in srgb,var(--playlist-color) 3%,#0d0d0f)}.playlist-dropzone.empty{align-content:stretch}.playlist-drop-hint{min-height:82px;display:grid;place-content:center;justify-items:center;gap:3px;color:color-mix(in srgb,var(--playlist-color) 65%,#71717a);text-align:center}.playlist-drop-hint strong{color:#a1a1aa;font-size:.64rem}.playlist-drop-hint span{color:#62626a;font-size:.55rem}.playlist-dropzone article{min-height:31px;padding:2px 3px;display:grid;grid-template-columns:14px minmax(0,1fr) 24px;align-items:center;gap:3px;border:1px solid var(--border);border-radius:6px;color:#62626a;background:#171719;cursor:grab}.playlist-dropzone article.current{border-color:color-mix(in srgb,var(--playlist-color) 70%,var(--border));background:color-mix(in srgb,var(--playlist-color) 9%,#171719)}.playlist-dropzone article>button{min-width:0;height:25px;padding:0;display:flex;align-items:center;gap:5px;overflow:hidden;border:0;color:#71717a;background:transparent;cursor:pointer;text-align:left}.playlist-dropzone article>button:first-of-type span{min-width:16px;color:color-mix(in srgb,var(--playlist-color) 75%,#a1a1aa);font:.55rem ui-monospace,monospace}.playlist-dropzone article strong{overflow:hidden;color:#d4d4d8;font-size:.61rem;text-overflow:ellipsis;white-space:nowrap}.playlist-dropzone article>button:last-child{justify-content:center}.playlist-dropzone article>button:last-child:hover{color:#fca5a5}.file-drop-overlay{position:fixed;z-index:300;inset:0;padding:18px;display:grid;place-items:center;pointer-events:none;background:#09090bc2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:file-drop-in .16s ease-out both}.file-drop-overlay.is-uploading{pointer-events:auto}.file-drop-overlay:before{position:absolute;inset:14px;border:2px dashed rgba(249,115,22,.72);border-radius:22px;content:""}.file-drop-card{position:relative;width:min(430px,calc(100vw - 64px));padding:30px 24px;display:grid;justify-items:center;gap:9px;border:1px solid rgba(249,115,22,.35);border-radius:18px;color:#fdba74;background:#17120f;box-shadow:0 24px 80px #00000073;text-align:center}.file-drop-card strong{color:#fff7ed;font-size:1rem}.file-drop-card span{max-width:330px;color:#a8a29e;font-size:.7rem;line-height:1.45}.file-drop-card>i{width:min(280px,100%);height:5px;margin-top:5px;overflow:hidden;border-radius:999px;background:#292524}.file-drop-card>i b{display:block;width:100%;height:100%;background:var(--orange);transform-origin:left center;transition:transform .18s}@keyframes file-drop-in{0%{opacity:0}to{opacity:1}}.workspace{min-width:0;min-height:100vh;display:flex;flex-direction:column}.topbar{min-height:84px;padding:8px clamp(18px,3vw,42px);display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--border);background:#09090bd9;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.topbar-title{min-width:92px}.topbar-title .eyebrow{display:flex;align-items:center;gap:7px}.connection-status{display:inline-flex;color:#71717a;transition:color .18s,opacity .18s}.connection-status.online{color:#4ade80}.topbar h1{margin-top:3px;font-size:1.12rem;letter-spacing:-.025em}.topbar-console{min-width:0;margin-left:auto;display:flex;align-items:stretch;gap:6px}.console-module{height:58px;padding:7px 9px;display:grid;align-content:center;gap:5px;border:1px solid var(--border);border-radius:10px;background:#111113}.console-module>span{display:flex;align-items:center;gap:5px;color:#71717a;font-size:.57rem;font-weight:750;letter-spacing:.08em;text-transform:uppercase}.console-module.next-volume{width:174px}.console-module.next-volume .next-volume-control{display:grid;grid-template-columns:minmax(50px,1fr) 35px 28px;align-items:center;gap:5px}.console-module.next-volume input{height:16px;min-width:0}.console-module.next-volume strong{color:#fed7aa;font:.68rem ui-monospace,monospace;text-align:right}.console-volume-lock{position:relative;width:28px;height:16px;padding:0;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:#27272a;cursor:pointer;transition:border-color .15s,background .15s}.console-volume-lock i{position:absolute;top:2px;left:2px;width:10px;height:10px;border-radius:50%;background:#71717a;transition:transform .15s,background .15s}.console-volume-lock.active{border-color:color-mix(in srgb,var(--orange) 60%,transparent);background:var(--orange-soft)}.console-volume-lock.active i{transform:translate(12px);background:var(--orange)}.console-module.stopwatch{width:160px}.console-module.stopwatch>div{display:grid;grid-template-columns:1fr 25px 25px;align-items:center;gap:4px}.console-module.stopwatch strong,.console-module.wall-clock strong{color:#e4e4e7;font:.82rem ui-monospace,monospace;letter-spacing:.02em}.console-module.stopwatch button{width:25px;height:25px;padding:0;display:grid;place-items:center;border:1px solid var(--border);border-radius:6px;color:#a1a1aa;background:var(--surface-2);cursor:pointer}.console-module.stopwatch button:hover{color:var(--orange);border-color:#f9731652}.console-module.wall-clock{width:94px}.console-module.wall-clock strong{font-size:.88rem}.top-actions{display:flex;align-items:center;gap:8px}.reset-show-button{color:#a1a1aa}.reset-show-button:hover{color:#fed7aa;border-color:#f9731652;background:var(--orange-soft)}.category-strip{padding:17px clamp(18px,3vw,42px) 0;border-bottom:1px solid var(--border);background:#0c0c0e}.category-strip-heading{height:25px;display:flex;align-items:center;justify-content:space-between;color:#71717a;font-size:.66rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.category-strip-heading>div{display:flex;align-items:center;gap:3px}.category-strip-heading .category-manage-toggle.active{color:var(--orange);background:var(--orange-soft)}.category-tabs-row{display:flex;align-items:stretch;gap:7px}.category-tabs{min-width:0;padding:9px 0 16px;display:flex;flex:1;gap:7px;overflow-x:auto;scrollbar-width:thin}.category-tab-shell,.category-tabs>.category-tab{--category-color: #a1a1aa;position:relative;flex:0 0 var(--category-tab-width, 112px);width:var(--category-tab-width, 112px);min-height:78px}.category-tab{position:relative;width:100%;min-height:78px;height:100%;padding:22px 11px 12px;display:grid;align-content:center;overflow:hidden;border:2px solid color-mix(in srgb,var(--category-color) 60%,var(--border));border-radius:13px;color:#e4e4e7;background:var(--surface-2);cursor:pointer;text-align:left;transition:border-color .15s,color .15s,transform .15s,background .15s,box-shadow .15s}.category-tab:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--category-color) 88%,var(--border));color:#e4e4e7}.category-tab.active{border-color:var(--category-color);color:#fafafa;background:color-mix(in srgb,var(--category-color) 8%,var(--surface-2));box-shadow:0 0 0 1px color-mix(in srgb,var(--category-color) 45%,transparent)}.category-tab.is-drop-target{border-color:#fff;border-style:dashed;background:color-mix(in srgb,var(--category-color) 17%,var(--surface-2));box-shadow:0 0 0 2px var(--category-color)}.category-tab-shell.is-order-target .category-tab{border-color:#fff;background:color-mix(in srgb,var(--category-color) 17%,var(--surface-2));box-shadow:0 0 0 2px var(--category-color)}.category-tab>span{overflow:hidden;display:-webkit-box;font-size:.9rem;font-weight:400;line-height:1.16;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:3}.category-tab-count{position:absolute;top:8px;right:8px;min-width:20px;padding:1px 6px;border-radius:999px;color:color-mix(in srgb,var(--category-color) 82%,#e4e4e7);background:color-mix(in srgb,var(--category-color) 18%,transparent);font-size:.6rem;font-style:normal;text-align:center}.category-tab-shell.is-managing{cursor:grab}.category-tab-shell.is-managing:active{cursor:grabbing}.category-tab-shell.is-order-target:after{content:"";position:absolute;z-index:6;top:4px;bottom:4px;width:3px;border-radius:999px;background:#fff;box-shadow:0 0 8px var(--category-color);pointer-events:none}.category-tab-shell.is-order-target.drop-before:after{left:-5px}.category-tab-shell.is-order-target.drop-after:after{right:-5px}.category-order-handle{position:absolute;z-index:3;bottom:7px;left:7px;color:color-mix(in srgb,var(--category-color) 70%,#a1a1aa);pointer-events:none}.category-delete{position:absolute;z-index:4;right:6px;bottom:6px;width:26px;height:26px;padding:0;display:grid;place-items:center;border:1px solid rgba(248,113,113,.2);border-radius:7px;color:#fca5a5;background:#09090bc7;cursor:pointer}.category-delete:hover{border-color:#f8717180;background:#7f1d1d73}.category-resizer{width:23px;margin:9px 0 16px;padding:0;display:grid;flex:0 0 23px;place-items:center;border:1px solid var(--border);border-radius:8px;color:#71717a;background:var(--surface-2);cursor:ew-resize;touch-action:none}.category-resizer:hover,.category-resizer:active{color:var(--orange);border-color:#f9731659;background:var(--orange-soft)}.dashboard{position:relative;z-index:8;margin:14px clamp(18px,3vw,42px) 16px;padding:8px;display:grid;grid-template-columns:minmax(220px,1fr) auto;align-items:center;gap:10px;border:1px solid var(--border);border-radius:14px;background:#0f0f11;box-shadow:0 10px 30px #00000029}.search{position:relative;min-width:150px;display:flex;flex:1;align-items:center;color:#71717a}.search svg{position:absolute;left:13px}.search input{height:41px;padding-left:41px;padding-right:54px}.search kbd{position:absolute;right:11px}.dashboard-actions{display:flex;align-items:center;gap:7px}.dashboard-button{width:41px;height:41px;padding:0;display:grid;place-items:center;border:1px solid var(--border);border-radius:10px;color:#a1a1aa;background:var(--surface-2);cursor:pointer;transition:color .15s,border-color .15s,background .15s,transform .15s}.dashboard-button:hover{transform:translateY(-1px);color:#fafafa;border-color:#f973164d;background:var(--surface-3)}.dashboard-button.active{color:#fed7aa;border-color:#f973167a;background:var(--orange-soft)}.dashboard-button.is-loaded{color:#86efac;border-color:#22c55e3d;background:#22c55e14}.dashboard-button.freesound-launch{color:#67e8f9;border-color:#22d3ee33;background:#22d3ee12}.dashboard-button.playlist-add-category{color:#c4b5fd;border-color:#8b5cf63d;background:#8b5cf612}.reorder-mode-icon{position:relative;width:20px;height:20px;display:grid;place-items:center}.reorder-mode-icon svg{position:absolute}.reorder-mode-icon svg:last-child{stroke-width:2.2}.dashboard-button.freesound-launch:hover{color:#cffafe;border-color:#22d3ee73;background:#22d3ee1f}.dashboard-button.playlist-add-category:hover{color:#ede9fe;border-color:#8b5cf67a;background:#8b5cf621}.dashboard-button:disabled{opacity:.45;cursor:wait;transform:none}.dashboard-button.playlist-add-category:disabled{cursor:not-allowed}.dashboard-button.is-loaded:disabled{opacity:1;cursor:default}.dashboard-control{position:relative}.dashboard-popover{position:absolute;z-index:30;top:calc(100% + 9px);right:0;width:235px;padding:12px;border:1px solid rgba(255,255,255,.13);border-radius:12px;background:#17171a;box-shadow:0 18px 50px #0000007a}.columns-popover label{grid-template-columns:1fr auto;align-items:center;gap:8px;color:#a1a1aa;font-size:.7rem}.columns-popover strong{color:var(--orange);font-size:.82rem}.columns-popover input{grid-column:1 / -1;height:22px}.history-popover{display:grid;gap:6px}.history-popover>button{padding:9px;display:flex;align-items:center;gap:9px;border:0;border-radius:8px;color:#a1a1aa;background:transparent;cursor:pointer;text-align:left}.history-popover>button:hover{color:#fafafa;background:#ffffff0e}.history-popover>button:disabled{opacity:.38;cursor:default}.history-popover>button>span{display:grid;gap:2px}.history-popover strong{color:inherit;font-size:.7rem}.history-popover small{color:#71717a;font-size:.61rem}.track-count{min-width:46px;padding-left:7px;display:flex;align-items:baseline;gap:4px;color:#71717a;font-size:.68rem}.track-count span{color:#e4e4e7;font-size:.78rem;font-weight:750}.soundboard{flex:1;padding:2px clamp(18px,3vw,42px) 40px}.track-grid{display:grid;grid-template-columns:repeat(var(--track-columns, 6),minmax(0,1fr));gap:10px}.track-pad{--track-color: #71717a;position:relative;min-width:0;min-height:148px;display:flex;flex-direction:column;border:2px solid color-mix(in srgb,var(--track-color) 72%,var(--border));border-radius:12px;overflow:hidden;background:var(--surface);transition:border-color .2s,transform .2s,box-shadow .2s,opacity .2s}.track-pad>*{position:relative;z-index:1}.track-pad:hover{transform:translateY(-2px);border-color:var(--track-color);box-shadow:0 16px 35px #00000038}.track-pad.is-active{border-color:var(--track-color);background:color-mix(in srgb,var(--track-color) 6%,var(--surface));box-shadow:0 0 0 1px var(--track-color),0 12px 40px color-mix(in srgb,var(--track-color) 16%,transparent)}.track-pad.reorder-enabled{cursor:grab;-webkit-user-select:none;user-select:none}.track-pad.playlist-drag-enabled{cursor:grab}.track-pad.reorder-enabled:active{cursor:grabbing;opacity:.68}.track-pad.reorder-enabled .track-trigger,.track-pad.reorder-enabled .track-edit{pointer-events:none}.track-pad.is-drop-target{transform:translateY(-3px);border-color:#fff;border-style:dashed;background:color-mix(in srgb,var(--track-color) 10%,var(--surface));box-shadow:0 0 0 2px color-mix(in srgb,var(--track-color) 70%,transparent)}.track-pad.playlist-position-target:after{position:absolute;z-index:4;top:7px;bottom:7px;left:-7px;border-left:2px dashed #fff;content:"";filter:drop-shadow(0 0 4px var(--track-color))}.track-pad.playlist-position-target.drop-after:after{right:-7px;left:auto}.playlist-pad{outline:1px dashed color-mix(in srgb,var(--track-color) 55%,transparent);outline-offset:-6px;background:color-mix(in srgb,var(--track-color) 7%,var(--surface))}.playlist-pad.is-drop-target:after{position:absolute;z-index:4;top:7px;bottom:7px;left:-7px;border-left:2px dashed #fff;content:"";filter:drop-shadow(0 0 4px var(--track-color))}.playlist-pad.is-drop-target.drop-after:after{right:-7px;left:auto}.playlist-pad .play-disc{border-radius:10px;color:#fff;background:color-mix(in srgb,var(--track-color) 72%,#18181b)}.playlist-pad .track-trigger{padding-bottom:5px}.playlist-pad-options{min-height:18px;margin-top:8px;display:flex;align-items:center;gap:5px;color:color-mix(in srgb,var(--track-color) 75%,#a1a1aa)}.track-edit{position:absolute;z-index:2;top:7px;right:7px}.track-loaded{position:absolute;z-index:2;top:13px;right:44px;display:grid;color:color-mix(in srgb,var(--track-color) 80%,#fff);filter:drop-shadow(0 0 5px color-mix(in srgb,var(--track-color) 35%,transparent))}.track-trigger{flex:1;min-width:0;padding:14px 12px 10px;display:flex;flex-direction:column;align-items:flex-start;border:0;background:transparent;cursor:pointer;text-align:left}.play-disc{width:36px;height:36px;margin-bottom:14px;display:grid;place-items:center;border-radius:50%;color:#09090b;background:var(--track-color);box-shadow:0 7px 24px color-mix(in srgb,var(--track-color) 20%,transparent)}.track-title{width:calc(100% - 2px);overflow:hidden;color:#fafafa;display:-webkit-box;font-size:.8rem;font-weight:700;line-height:1.3;-webkit-box-orient:vertical;-webkit-line-clamp:2}.track-progress{position:absolute;z-index:3;right:0;bottom:29px;left:0;height:3px;overflow:hidden;background:transparent;pointer-events:none}.track-progress.is-playing{background:color-mix(in srgb,var(--track-color) 14%,transparent)}.track-progress i{position:absolute;inset:0;width:100%;height:100%;display:block;transform-origin:left center}.track-progress i.history{background:color-mix(in srgb,var(--track-color) 72%,transparent)}.track-progress i.active{background:var(--track-color);transform:scaleX(0);animation:track-progress var(--progress-duration) linear var(--progress-delay) var(--progress-iterations) forwards}@keyframes track-progress{to{transform:scaleX(1)}}.track-meta{min-height:30px;padding:0 11px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--border);color:#71717a;font-size:.61rem}.track-meta span{display:inline-flex;align-items:center;gap:5px}.empty-state{min-height:55vh;display:grid;place-content:center;justify-items:center;text-align:center}.empty-icon{width:62px;height:62px;margin-bottom:20px;display:grid;place-items:center;border:1px solid var(--border);border-radius:18px;color:var(--orange);background:var(--surface-2)}.empty-state h2{font-size:1.25rem}.empty-state p{max-width:430px;margin:8px 0 22px;color:#71717a;font-size:.86rem;line-height:1.6}.remote-banner{margin-bottom:15px;padding:11px 14px;display:flex;align-items:center;gap:9px;border:1px solid rgba(6,182,212,.2);border-radius:10px;color:#67e8f9;background:#06b6d414;font-size:.78rem}.statusbar{height:32px;padding:0 20px;position:sticky;bottom:0;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--border);color:#5f5f67;background:#0d0d0f;font-size:.64rem}.statusbar span{display:inline-flex;align-items:center;gap:6px}.statusbar i{width:6px;height:6px;border-radius:50%;background:#71717a}.statusbar i.live{background:#22c55e;box-shadow:0 0 8px #22c55e}.dialog-backdrop{position:fixed;inset:0;z-index:100;padding:22px;display:grid;place-items:center;background:#000000b8;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.dialog{width:min(520px,100%);max-height:calc(100vh - 44px);padding:24px;display:grid;gap:18px;overflow:auto;border:1px solid rgba(255,255,255,.12);border-radius:17px;background:#151518;box-shadow:0 30px 100px #0000008c}.dialog header{display:flex;align-items:flex-start;justify-content:space-between}.dialog h2{margin-top:5px;font-size:1.4rem}.dialog footer{padding-top:4px;display:flex;justify-content:flex-end;gap:9px}.dialog footer.spread{justify-content:space-between}.dialog footer span{display:flex;gap:9px}.settings-dialog{width:min(520px,100%)}.settings-section{padding:15px;display:grid;gap:13px;border:1px solid var(--border);border-radius:12px;background:#101012}.settings-section-title{display:flex;align-items:flex-start;gap:10px;color:var(--orange)}.settings-section-title div{display:grid;gap:3px}.settings-section-title strong{color:#e4e4e7;font-size:.8rem}.settings-section-title span{color:#71717a;font-size:.68rem;line-height:1.4}.settings-project-list{max-height:205px;padding:3px;display:grid;gap:6px;overflow-y:auto}.settings-project-item{min-height:42px;padding:4px 4px 4px 7px;display:grid;grid-template-columns:17px minmax(0,1fr) 32px;align-items:center;gap:5px;border:1px solid var(--border);border-radius:9px;color:#71717a;background:#171719;cursor:grab;transition:border-color .15s,background .15s,transform .15s}.settings-project-item:active{cursor:grabbing}.settings-project-item.active{color:var(--orange);border-color:#f9731661;background:var(--orange-soft)}.settings-project-item.drop-target{position:relative;border-color:#fafafa}.settings-project-item.drop-target:after{content:"";position:absolute;right:4px;left:4px;height:3px;border-radius:999px;background:#fafafa;pointer-events:none}.settings-project-item.drop-target.drop-before:after{top:-5px}.settings-project-item.drop-target.drop-after:after{bottom:-5px}.settings-project-select{min-width:0;padding:7px 4px;overflow:hidden;border:0;color:#e4e4e7;background:transparent;cursor:pointer;font-size:.74rem;font-weight:650;text-align:left;text-overflow:ellipsis;white-space:nowrap}.settings-project-delete{width:30px;height:30px;padding:0;display:grid;place-items:center;border:0;border-radius:7px;color:#71717a;background:transparent;cursor:pointer}.settings-project-delete:hover{color:#fca5a5;background:#ef44441a}.settings-project-empty{padding:12px;color:#71717a;font-size:.72rem;text-align:center}.settings-color-palette{min-height:48px;display:flex;flex-wrap:wrap;align-items:center;gap:8px}.settings-color-chip{--palette-color: #f97316;position:relative;width:42px;height:42px;padding:4px;border:1px solid color-mix(in srgb,var(--palette-color) 62%,var(--border));border-radius:10px;background:#171719;cursor:grab;transition:transform .15s,border-color .15s,box-shadow .15s}.settings-color-chip:active{cursor:grabbing}.settings-color-chip:hover{transform:translateY(-1px);border-color:var(--palette-color)}.settings-color-chip.drop-target{border-color:#fff;box-shadow:0 0 0 2px var(--palette-color)}.settings-color-chip>span{width:100%;height:100%;display:block;border-radius:6px;background:var(--palette-color)}.settings-color-chip>button{position:absolute;top:-6px;right:-6px;width:19px;height:19px;padding:0;display:grid;place-items:center;border:1px solid rgba(255,255,255,.18);border-radius:50%;color:#f4f4f5;background:#27272a;cursor:pointer;opacity:0;transition:opacity .15s,background .15s}.settings-color-chip:hover>button,.settings-color-chip:focus-within>button{opacity:1}.settings-color-chip>button:hover{background:#b91c1c}.settings-color-empty{color:#71717a;font-size:.7rem}.settings-color-add{display:grid;grid-template-columns:43px minmax(0,1fr) auto;align-items:center;gap:9px}.settings-color-add input[type=color]{width:43px;height:39px;padding:3px;cursor:pointer}.settings-color-add code{color:#a1a1aa;font:.7rem ui-monospace,monospace}.settings-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.settings-actions .button{min-width:0;padding-inline:10px;font-size:.72rem}.settings-key-actions{display:grid;gap:9px}.settings-key-actions label{grid-template-columns:145px minmax(0,1fr);align-items:center;gap:10px;color:#a1a1aa;font-size:.7rem}.settings-key-actions label>span{display:flex;align-items:center;gap:7px}.settings-key-actions select{height:38px;padding-block:0;font-size:.72rem}.settings-account{padding:12px;display:flex;align-items:center;gap:10px;border-top:1px solid var(--border)}.settings-account>span{flex:0 0 36px;height:36px;display:grid;place-items:center;border-radius:9px;color:#18181b;background:var(--orange);font-weight:800}.settings-account>div{min-width:0;display:grid}.settings-account strong,.settings-account small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settings-account strong{font-size:.78rem}.settings-account small{color:#71717a;font-size:.66rem}.settings-account .button{margin-left:auto}.freesound-dialog{width:min(940px,100%)}.freesound-search-form{display:grid;grid-template-columns:minmax(210px,1fr) 135px 132px 132px auto;gap:8px}.freesound-search-form select,.freesound-search-form .button,.freesound-query input{height:42px}.freesound-search-form select{padding:0 10px;font-size:.72rem}.freesound-query{position:relative;display:flex;align-items:center;color:#71717a}.freesound-query svg{position:absolute;left:12px;pointer-events:none}.freesound-query input{padding-left:39px}.freesound-license-note{padding:10px 12px;display:flex;align-items:center;gap:9px;border:1px solid rgba(34,197,94,.18);border-radius:9px;color:#86efac;background:#22c55e0e;font-size:.69rem;line-height:1.4}.freesound-results-heading{display:flex;align-items:center;justify-content:space-between;color:#71717a;font-size:.67rem}.freesound-results-heading strong{color:#d4d4d8;font-size:.75rem}.freesound-results{max-height:min(46vh,440px);display:grid;gap:7px;overflow-y:auto;padding-right:3px}.freesound-result{min-width:0;padding:10px;border:1px solid var(--border);border-radius:11px;background:#101012;transition:border-color .22s,background .22s,box-shadow .22s}.freesound-result:hover{border-color:#ffffff29;background:#131315}.freesound-result.is-active{border-color:#22d3ee73;background:#22d3ee0e}.freesound-result.is-importing{border-color:#f973167a;background:#15110f;box-shadow:0 12px 32px #0000002e}.freesound-result-summary{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:11px}.freesound-play{width:42px;height:42px;padding:0;display:grid;place-items:center;border:1px solid rgba(34,211,238,.24);border-radius:50%;color:#cffafe;background:#22d3ee1c;cursor:pointer}.freesound-play:hover{border-color:#22d3ee;background:#22d3ee2e}.freesound-result-main{min-width:0;display:grid;gap:4px}.freesound-result-main>a{min-width:0;width:max-content;max-width:100%;display:flex;align-items:center;gap:6px;color:#f4f4f5;text-decoration:none}.freesound-result-main>a:hover{color:#67e8f9}.freesound-result-main strong{overflow:hidden;font-size:.79rem;text-overflow:ellipsis;white-space:nowrap}.freesound-result-main>span{color:#71717a;font-size:.65rem}.freesound-inline-title{display:grid;gap:3px;color:#fb923c;font-size:.56rem;font-weight:750;letter-spacing:.07em;text-transform:uppercase;animation:freesound-title-morph .24s ease-out both}.freesound-inline-title input{height:32px;padding:0 9px;color:#fff7ed;border-color:#f9731673;background:#1c1714;font-size:.76rem;font-weight:650;letter-spacing:normal;text-transform:none}.freesound-tags{display:flex;gap:4px;overflow:hidden}.freesound-tags em{padding:2px 6px;overflow:hidden;border-radius:999px;color:#8b8b94;background:#1d1d20;font-size:.56rem;font-style:normal;text-overflow:ellipsis;white-space:nowrap}.freesound-license{padding:5px 7px;border:1px solid var(--border);border-radius:6px;color:#a1a1aa;font-size:.59rem;font-weight:750;text-decoration:none;white-space:nowrap}.freesound-license.cc0{color:#86efac;border-color:#22c55e33}.freesound-license.by{color:#fde68a;border-color:#eab30833}.freesound-result-actions{display:flex;align-items:center;gap:6px}.freesound-import-button{width:31px;height:31px;padding:0;display:grid;place-items:center;border:1px solid rgba(249,115,22,.25);border-radius:8px;color:#fdba74;background:var(--orange-soft);cursor:pointer}.freesound-import-button:hover{color:#ffedd5;border-color:#f973168c;background:#f9731633}.freesound-import-button.is-imported{color:#86efac;border-color:#22c55e40;background:#22c55e14}.freesound-import-button.is-cancel{color:#fed7aa;border-color:#f973166b;background:#f9731624}.freesound-empty{min-height:250px;display:grid;place-content:center;justify-items:center;gap:7px;color:#52525b;text-align:center}.freesound-empty strong{color:#a1a1aa;font-size:.82rem}.freesound-empty span{color:#62626a;font-size:.69rem}.freesound-empty.compact{min-height:120px}.freesound-pagination{display:flex;justify-content:flex-end;gap:8px}.freesound-import-morph{display:grid;grid-template-rows:1fr;animation:freesound-form-reveal .28s cubic-bezier(.2,.8,.2,1) both}.freesound-import-morph-inner{min-height:0;padding:12px 0 1px 53px;display:grid;grid-template-columns:minmax(180px,.7fr) minmax(280px,1.3fr);align-items:end;gap:10px;overflow:hidden}.freesound-import-morph-inner>label{display:grid;gap:5px;color:#a1a1aa;font-size:.65rem}.freesound-import-morph-inner select{height:38px;padding-block:0;font-size:.71rem}.freesound-import-morph-inner .form-error,.freesound-import-morph-inner footer{grid-column:1 / -1}.freesound-import-morph-inner footer{padding:2px 0 0}@keyframes freesound-form-reveal{0%{grid-template-rows:0fr;opacity:0;transform:translateY(-5px)}to{grid-template-rows:1fr;opacity:1;transform:translateY(0)}}@keyframes freesound-title-morph{0%{opacity:.25;transform:translateY(5px) scale(.98)}to{opacity:1;transform:none}}.freesound-import-source{padding:9px 10px;display:flex;align-items:center;gap:8px;border:1px solid var(--border);border-radius:8px;color:#86efac;background:#22c55e0a}.freesound-import-source>span{min-width:0;display:flex;align-items:baseline;gap:5px;color:#a1a1aa;font-size:.65rem}.freesound-import-source strong{color:#86efac}.freesound-import-source small{margin-left:auto;color:#71717a}.freesound-import-panel footer{padding:0}.freesound-player{position:sticky;z-index:3;bottom:-1px;padding:11px;display:grid;grid-template-columns:38px minmax(150px,1fr) minmax(115px,170px) 34px;align-items:center;gap:10px;border:1px solid rgba(34,211,238,.28);border-radius:11px;background:#10171a;box-shadow:0 -10px 28px #00000047}.freesound-player-toggle,.freesound-player-stop{width:36px;height:36px;padding:0;display:grid;place-items:center;border:1px solid rgba(34,211,238,.2);border-radius:50%;color:#cffafe;background:#22d3ee1a;cursor:pointer}.freesound-player-stop{width:32px;height:32px;border-color:#f8717133;border-radius:8px;color:#fca5a5;background:#f8717114}.freesound-player-main{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 10px}.freesound-player-main strong{overflow:hidden;font-size:.72rem;text-overflow:ellipsis;white-space:nowrap}.freesound-player-main>span{color:#71717a;font:.6rem ui-monospace,monospace}.freesound-player-progress{position:relative;grid-column:1 / -1;width:100%;height:7px;padding:0;overflow:hidden;border:0;border-radius:999px;background:#27272a;cursor:pointer}.freesound-player-progress i{position:absolute;inset:0;background:#22d3ee;transform-origin:left center}.freesound-volume{display:flex;grid-template-columns:auto 1fr;align-items:center;gap:7px;color:#71717a}.freesound-volume input{height:18px}.track-dialog{width:min(960px,100%)}.track-dialog>header{gap:16px}.track-dialog>header>div:first-child{min-width:0}.track-dialog-header-actions{display:flex;flex:0 0 auto;align-items:center;gap:8px}.track-title-color-row{display:grid;grid-template-columns:minmax(0,1fr) 78px;align-items:end;gap:10px}.track-color-field input[type=color]{height:43px;padding:4px;border-radius:11px;cursor:pointer}.track-color-field input[type=color]::-webkit-color-swatch-wrapper{padding:0}.track-color-field input[type=color]::-webkit-color-swatch{border:0;border-radius:7px}.track-color-field input[type=color]::-moz-color-swatch{border:0;border-radius:7px}.track-color-options{padding:10px 12px;display:grid;grid-template-columns:minmax(150px,auto) minmax(0,1fr) auto;align-items:center;gap:12px;border:1px solid var(--border);border-radius:11px;background:#101012}.track-color-options>div:first-child{display:grid;gap:2px}.track-color-options strong{color:#d4d4d8;font-size:.7rem}.track-color-options>div:first-child span{color:#71717a;font-size:.62rem}.track-color-swatches{display:flex;flex-wrap:wrap;gap:6px}.track-color-swatches button{--palette-color: #f97316;width:29px;height:29px;padding:3px;border:1px solid color-mix(in srgb,var(--palette-color) 55%,var(--border));border-radius:8px;background:transparent;cursor:pointer;transition:transform .15s,border-color .15s,box-shadow .15s}.track-color-swatches button:hover{transform:translateY(-1px);border-color:var(--palette-color)}.track-color-swatches button.active{border-color:#fff;box-shadow:0 0 0 2px var(--palette-color)}.track-color-swatches button span{width:100%;height:100%;display:block;border-radius:5px;background:var(--palette-color)}.track-color-swatches em{color:#71717a;font-size:.65rem;font-style:normal}.track-color-save{min-height:34px;padding-inline:10px;font-size:.66rem}.waveform-editor{display:grid;gap:10px}.waveform-editor>header{align-items:center;gap:16px}.waveform-editor>header>div:first-child{display:grid;gap:3px}.waveform-editor>header strong{color:#e4e4e7;font-size:.83rem}.waveform-editor>header span{color:#71717a;font-size:.68rem}.waveform-tools{display:flex;align-items:center;gap:5px}.waveform-tools button,.waveform-values button{min-width:30px;height:30px;padding:0 8px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid var(--border);border-radius:7px;color:#a1a1aa;background:var(--surface-2);cursor:pointer}.waveform-tools button:hover,.waveform-values button:hover{color:#fafafa;border-color:#ffffff2b}.waveform-tools input{width:112px}.waveform-tools em{min-width:34px;color:var(--orange);font-size:.68rem;font-style:normal;text-align:right}.waveform-stage{position:relative;height:185px;overflow:hidden;border:1px solid var(--border);border-radius:11px;background:#0b0b0d;cursor:crosshair;touch-action:none;-webkit-user-select:none;user-select:none}.waveform-stage.is-dragging{cursor:ew-resize}.waveform-stage canvas{width:100%;height:100%;display:block;opacity:.82}.waveform-selection{position:absolute;inset-block:0;border-inline:1px solid rgba(249,115,22,.9);background:#f9731617;box-shadow:0 0 32px #f9731614 inset;pointer-events:none}.waveform-playhead{position:absolute;z-index:4;top:0;bottom:0;width:2px;transform:translate(-1px);background:#f4f4f5;box-shadow:0 0 8px #ffffff73;pointer-events:none}.waveform-playhead:before{content:"";position:absolute;top:0;left:-5px;width:0;height:0;border-top:8px solid #f4f4f5;border-right:6px solid transparent;border-left:6px solid transparent}.waveform-playhead span{position:absolute;top:11px;left:7px;padding:2px 4px;border-radius:4px;color:#e4e4e7;background:#09090bd1;font:.57rem ui-monospace,monospace;white-space:nowrap}.waveform-handle{position:absolute;z-index:5;top:0;bottom:0;width:22px;padding:0;transform:translate(-11px);border:0;color:#fed7aa;background:transparent;cursor:ew-resize;touch-action:none}.waveform-handle i{position:absolute;top:0;bottom:0;left:10px;width:2px;background:var(--orange);box-shadow:0 0 8px #f97316a6}.waveform-handle:before{content:"";position:absolute;top:0;left:4px;width:14px;height:13px;border-radius:0 0 5px 5px;background:var(--orange)}.waveform-handle.end:before{top:auto;bottom:0;border-radius:5px 5px 0 0}.waveform-handle span{position:absolute;top:17px;left:11px;padding:3px 5px;border-radius:5px;color:#fed7aa;background:#09090bd1;font:650 .6rem ui-monospace,monospace;white-space:nowrap}.waveform-handle.end span{inset:auto 11px 17px auto}.waveform-window-time{position:absolute;bottom:5px;padding:2px 4px;border-radius:4px;color:#71717a;background:#09090ba8;font:.56rem ui-monospace,monospace;pointer-events:none}.waveform-window-time.start{left:5px}.waveform-window-time.end{right:5px}.waveform-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:8px;color:#a1a1aa;background:#0b0b0dcc;font-size:.72rem}.waveform-loading.error{color:#fca5a5}.waveform-pan{grid-template-columns:60px 1fr;align-items:center;color:#71717a;font-size:.67rem}.waveform-values{display:grid;grid-template-columns:auto 1fr 1fr;gap:8px}.waveform-preview-controls{display:flex;gap:6px}.waveform-values .waveform-preview{height:38px;flex:1;color:#fed7aa;border-color:#f9731640;background:var(--orange-soft);font-size:.68rem;white-space:nowrap}.waveform-values .waveform-stop{width:38px;min-width:38px;height:38px;padding:0;color:#fca5a5;border-color:#f871713d;background:#f8717114}.waveform-values .waveform-stop.is-armed{color:#fed7aa;border-color:#f9731673;background:var(--orange-soft);box-shadow:0 0 0 1px #f9731633}.waveform-values label{min-width:0;padding:4px 5px 4px 10px;display:grid;grid-template-columns:auto minmax(74px,95px) minmax(70px,1fr) 30px;align-items:center;gap:7px;border:1px solid var(--border);border-radius:9px;background:#101012}.waveform-values label>span{color:#a1a1aa;font-size:.65rem}.waveform-values input{height:29px;padding:0 7px;border-radius:6px;font:.68rem ui-monospace,monospace}.waveform-values em{overflow:hidden;color:#71717a;font:.63rem ui-monospace,monospace;font-style:normal;text-overflow:ellipsis;white-space:nowrap}.waveform-values label>button{width:28px;min-width:28px;height:28px;padding:0}.waveform-editor audio{display:none}.soundshow-dialog{width:min(680px,100%)}.import-explainer{padding:20px;display:flex;align-items:center;gap:16px;border:1px dashed #3f3f46;border-radius:12px;color:var(--orange);background:#101012}.import-explainer strong{color:#e4e4e7}.import-explainer p{margin-top:5px;color:#71717a;font-size:.76rem;line-height:1.45}.import-actions{display:flex;gap:9px}.selection-summary,.analysis-title{padding:13px 15px;display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid var(--border);border-radius:10px;background:#101012}.selection-summary strong,.analysis-title strong{font-size:.82rem}.selection-summary span,.analysis-title span{overflow:hidden;color:#71717a;font-size:.7rem;text-overflow:ellipsis;white-space:nowrap}.analysis-title>div{min-width:0;display:grid;gap:4px}.import-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.import-stats div{padding:13px 10px;display:grid;gap:3px;border:1px solid var(--border);border-radius:10px;background:#101012;text-align:center}.import-stats strong{color:#fafafa;font-size:1rem}.import-stats span{color:#71717a;font-size:.65rem}.import-stats .warning strong{color:#fbbf24}.button.wide{width:100%}.missing-list{border:1px solid rgba(251,191,36,.2);border-radius:10px;color:#fbbf24;background:#fbbf240d}.missing-list summary{padding:11px 13px;display:flex;align-items:center;gap:7px;cursor:pointer;font-size:.75rem}.missing-list>span{padding:6px 13px;display:grid;color:#d4d4d8;font-size:.72rem}.missing-list>span:last-child{padding-bottom:12px}.missing-list small{margin-top:2px;overflow:hidden;color:#71717a;text-overflow:ellipsis;white-space:nowrap}.import-warning{color:#fbbf24;font-size:.72rem}.progress{position:relative;height:28px;overflow:hidden;border:1px solid var(--border);border-radius:8px;background:#101012}.progress i{position:absolute;inset:0 auto 0 0;background:var(--orange-soft);transition:width .2s}.progress span{position:relative;height:100%;display:grid;place-items:center;color:#d4d4d8;font-size:.7rem}.import-result{padding:18px 0 8px;display:grid;justify-items:center;gap:10px;text-align:center}.import-result>svg{color:#4ade80}.import-result p,.import-result small{color:#a1a1aa}.import-result small{max-width:100%;overflow-wrap:anywhere}.import-result .button{margin-top:8px}.drop-zone{min-height:145px;padding:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;border:1px dashed #3f3f46;border-radius:12px;color:#71717a;background:#101012;cursor:pointer}.drop-zone:hover,.drop-zone.has-file{border-color:var(--orange);color:var(--orange);background:var(--orange-soft)}.drop-zone strong{color:#e4e4e7;font-size:.88rem}.drop-zone span{font-size:.7rem}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.check{display:flex;grid-template-columns:auto 1fr;align-items:center}.check input{width:auto;accent-color:var(--orange)}.toast{position:fixed;z-index:200;right:22px;bottom:22px;max-width:min(420px,calc(100vw - 44px));padding:13px 13px 13px 16px;display:flex;align-items:center;gap:14px;border:1px solid rgba(249,115,22,.25);border-radius:11px;color:#fed7aa;background:#21150e;box-shadow:0 15px 50px #0006;font-size:.8rem}.toast button{margin-left:auto;padding:2px;display:grid;border:0;color:inherit;background:transparent;cursor:pointer}.sidebar-scrim{display:none}@media(max-width:1100px){.topbar{flex-wrap:wrap}.topbar-console{order:3;width:100%;margin-left:0}.console-module.next-volume{flex:1}.top-actions{margin-left:auto}}@media(max-width:900px){.auth-shell{grid-template-columns:1fr}.auth-intro{min-height:42vh;padding:42px}.auth-intro h1{font-size:clamp(2.7rem,12vw,5rem)}.auth-copy{display:none}.brand-mark{margin-bottom:30px}.signal-lines{display:none}.auth-panel{padding:42px 24px 60px;border:0}.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;left:0;transform:translate(-102%);width:min(285px,86vw);transition:transform .22s ease;box-shadow:20px 0 60px #00000073}.sidebar.open{transform:none}.sidebar-close{display:grid;margin-left:auto}.sidebar-scrim{position:fixed;inset:0;z-index:15;display:block;border:0;background:#0000008c}.menu-button{display:grid}.topbar{padding:9px 16px}.category-strip{padding-left:16px;padding-right:16px}.dashboard{margin:13px 16px 15px;grid-template-columns:1fr}.dashboard-actions{justify-content:flex-end}.soundboard{padding:2px 16px 35px}}@media(max-width:560px){.topbar .button.primary{width:41px;padding:0;font-size:0}.topbar .button.primary svg{margin:0}.topbar h1{max-width:42vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-console{gap:4px}.console-module{height:45px;padding:6px 7px}.console-module>span{display:none}.console-module.next-volume{min-width:105px;width:auto}.console-module.stopwatch{width:132px}.console-module.wall-clock{width:82px}.console-module.wall-clock strong{font-size:.76rem}.track-grid{grid-template-columns:repeat(var(--track-columns, 2),minmax(0,1fr));gap:8px}.track-pad{min-height:142px}.track-trigger{padding-left:12px;padding-right:12px}.play-disc{width:34px;height:34px;margin-bottom:11px}.track-meta{padding:0 11px}.dialog{padding:19px}.track-dialog-header-actions .button{width:40px;min-height:40px;padding:0}.track-dialog-header-actions .button span{display:none}.dialog footer.spread{align-items:stretch;flex-direction:column-reverse}.dialog footer.spread>span{display:grid;grid-template-columns:1fr 1fr}.field-row{grid-template-columns:1fr}.waveform-editor>header{align-items:flex-start;flex-direction:column}.waveform-tools{width:100%}.waveform-tools input{flex:1}.waveform-stage{height:155px}.waveform-values{grid-template-columns:1fr}.waveform-preview-controls{width:100%}.waveform-values label{grid-template-columns:45px minmax(75px,1fr) 75px 30px}.track-color-options{grid-template-columns:1fr}.import-actions{display:grid}.import-stats{grid-template-columns:1fr 1fr}.analysis-title{align-items:flex-start;flex-direction:column}.settings-actions{grid-template-columns:1fr}.freesound-search-form{grid-template-columns:1fr 1fr}.freesound-query,.freesound-search-form .button{grid-column:1 / -1}.freesound-result-summary{grid-template-columns:38px minmax(0,1fr)}.freesound-play{width:38px;height:38px}.freesound-result-actions{grid-column:2;width:max-content}.freesound-import-morph-inner{padding-left:0;grid-template-columns:1fr}.freesound-import-morph-inner .form-error,.freesound-import-morph-inner footer{grid-column:1}.freesound-import-source>span{align-items:flex-start;flex-direction:column}.freesound-import-source small{margin-left:0}.freesound-player{grid-template-columns:36px minmax(0,1fr) 32px}.freesound-volume{grid-column:1 / -1}.settings-key-actions label{grid-template-columns:1fr}.settings-account{align-items:stretch;flex-wrap:wrap}.settings-account>div{flex:1}.settings-account .button{width:100%;margin:4px 0 0}}