: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:151px;padding:11px;display:grid;align-content:start;gap:8px;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;margin-top:23px;display:grid;gap:3px}.player-card-copy strong{overflow:hidden;color:#fafafa;font-size:.77rem;text-overflow:ellipsis;white-space:nowrap}.player-card-copy span{overflow:hidden;color:#71717a;font-size:.62rem;text-overflow:ellipsis;white-space:nowrap}.player-card-time{display:flex;justify-content:space-between;color:#a1a1aa;font:.62rem 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}.player-card-signal{position:absolute;top:11px;left:11px;height:17px;display:flex;align-items:end;gap:2px}.player-card-signal i{width:3px;height:35%;border-radius:2px;background:var(--track-color);animation:playing-signal .7s ease-in-out infinite alternate}.player-card-signal i:nth-child(2){height:85%;animation-delay:-.2s}.player-card-signal i:nth-child(3){height:55%;animation-delay:-.45s}.player-card-signal i:nth-child(4){height:100%;animation-delay:-.1s}.player-card.is-paused .player-card-signal i{animation-play-state:paused;opacity:.42}@keyframes playing-signal{to{height:25%;opacity:.55}}.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 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 label{display:grid;grid-template-columns:minmax(55px,1fr) 43px;align-items:center;gap:6px}.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-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}.connection{display:inline-flex;align-items:center;gap:6px;color:#71717a;font-size:.7rem}.connection.online{color:#4ade80}.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-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-tabs button{--category-color: #a1a1aa;position:relative;flex:0 0 var(--category-tab-width, 112px);width:var(--category-tab-width, 112px);min-height:78px;padding:10px 11px;display:grid;align-content:center;gap:7px;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-tabs button:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--category-color) 88%,var(--border));color:#e4e4e7}.category-tabs button.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-tabs button.is-drop-target{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-tabs 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-tabs em{width:max-content;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}.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.freesound-launch:hover{color:#cffafe;border-color:#22d3ee73;background:#22d3ee1f}.dashboard-button:disabled{opacity:.45;cursor:wait;transform:none}.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.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;box-shadow:0 0 0 2px var(--track-color)}.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-row{display:grid;grid-template-columns:1fr 40px;gap:8px}.settings-project-row select{height:40px;padding-block:0}.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;display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:11px;border:1px solid var(--border);border-radius:11px;background:#101012;transition:border-color .15s,background .15s}.freesound-result:hover{border-color:#ffffff29;background:#131315}.freesound-result.is-active{border-color:#22d3ee73;background:#22d3ee0e}.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-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-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-panel{padding:14px;display:grid;gap:12px;border:1px solid rgba(249,115,22,.3);border-radius:12px;background:#17120f}.freesound-import-panel>header{align-items:flex-start}.freesound-import-panel>header>div{display:grid;gap:3px}.freesound-import-panel>header strong{color:#fed7aa;font-size:.82rem}.freesound-import-panel>header span{color:#78716c;font-size:.67rem}.freesound-import-panel label{font-size:.7rem}.freesound-import-panel input,.freesound-import-panel select{height:40px;padding-block:0;font-size:.73rem}.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}.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-handle{position:absolute;z-index:3;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-values .waveform-preview{height:38px;color:#fed7aa;border-color:#f9731640;background:var(--orange-soft);font-size:.68rem;white-space:nowrap}.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:1250px){.top-actions .connection{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}.top-actions .connection{display:none}.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-values .waveform-preview{width:100%}.waveform-values label{grid-template-columns:45px minmax(75px,1fr) 75px 30px}.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{grid-template-columns:38px minmax(0,1fr)}.freesound-play{width:38px;height:38px}.freesound-result-actions{grid-column:2;width:max-content}.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}}