:root{color-scheme:dark;font-family:Inter,SF Pro Text,Segoe UI,ui-sans-serif,system-ui,-apple-system,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--bg: #000;--panel: #000;--panel-raised: #000;--line: rgba(189, 211, 227, .13);--line-strong: rgba(189, 211, 227, .21);--muted: #707d89;--text: #e4e9ed;--green: #5df0b4;--green-bright: #88f8c9;--cyan: #72d9ff;--orange: #ff9b61;--mono: "Chivo Mono", ui-monospace, monospace;--topbar-height: 78px}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{min-width:760px;background:var(--bg);color:var(--text);-webkit-user-select:none;user-select:none;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button,.open-button{-webkit-tap-highlight-color:transparent}button:focus-visible,.open-button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid rgba(100,238,185,.8);outline-offset:2px}.workbench{display:grid;grid-template-rows:var(--topbar-height) minmax(0,1fr);width:100%;height:100%;background:#000}.topbar{position:relative;z-index:32;display:grid;grid-template-columns:minmax(170px,1fr) auto minmax(170px,1fr);align-items:center;gap:18px;min-width:0;padding:0 18px;background:#000;box-shadow:none}.header-leading,.file-meta-row,.transport,.header-actions,.slider-row,.control-heading,.open-button{display:flex;align-items:center}.file-identity{min-width:0;overflow:hidden}.file-identity.is-empty{visibility:hidden}.header-leading{min-width:0;gap:12px}.file-identity strong{display:block;min-width:0;overflow:hidden;color:#e9edf0;font-size:13px;font-weight:590;text-overflow:ellipsis;white-space:nowrap}.file-meta-row{min-width:0;gap:0;margin-top:5px}.file-size{color:#82909a;font-family:var(--mono);font-size:9px;font-variant-numeric:tabular-nums;white-space:nowrap}.file-format{display:flex;align-items:center;gap:7px;min-width:0;margin-left:7px;color:#6c7983;font-family:var(--mono);font-size:9px;font-variant-numeric:tabular-nums;white-space:nowrap}.file-format.is-empty{display:none}.file-format i{width:2px;height:2px;border-radius:50%;background:#465159}.transport{justify-content:center;gap:10px}.header-actions{justify-self:end;gap:8px}.icon-button,.play-button{border:0;color:#94a1ac;cursor:pointer}.icon-button{display:grid;width:30px;height:30px;padding:6px;place-items:center;border-radius:6px;background:transparent}.icon-button:hover{color:#e0e7eb;background:#ffffff0f}.icon-button svg,.header-icon-button svg,.open-button svg,.drop-icon svg{width:100%;height:100%}.play-button{position:relative;display:grid;width:39px;height:39px;padding:0;place-items:center;border:1px solid rgba(102,246,190,.45);border-radius:50%;color:#0c1713;background:linear-gradient(145deg,#83f4c8,#4edba5);box-shadow:0 4px 14px #2cd29426,inset 0 1px #ffffff73;transition:transform .12s ease,box-shadow .12s ease}.play-button:hover{box-shadow:0 5px 20px #2cd2944d,inset 0 1px #ffffff73;transform:scale(1.04)}.play-button:active{transform:scale(.96)}.play-button svg{width:21px;height:21px}.play-icon,.pause-icon{display:grid;place-items:center}.pause-icon,.play-button.is-playing .play-icon{display:none}.play-button.is-playing .pause-icon{display:grid}.transport-time{width:76px;color:#d9e5e1;font-family:var(--mono);font-size:12px;font-variant-numeric:tabular-nums;letter-spacing:.015em;white-space:nowrap}.transport-time.current{text-align:right}.transport-time.total{color:#56616a;text-align:left}.control-group{min-width:0;flex:1 1 0}.control-heading{justify-content:space-between;gap:12px;margin-bottom:7px}.control-heading label{overflow:hidden;color:#aab4bc;font-size:9px;font-weight:650;letter-spacing:.05em;text-transform:uppercase;text-overflow:ellipsis;white-space:nowrap}.control-heading output{color:#77dcb5;font-family:var(--mono);font-size:9px;font-variant-numeric:tabular-nums;white-space:nowrap}.slider-row{min-width:0;gap:7px}.slider-row>span{width:27px;color:#4f5b64;font-size:7px;font-weight:750;letter-spacing:.09em}.slider-row>span:last-child{text-align:right}.range-input{width:100%;height:12px;min-width:58px;margin:0;appearance:none;cursor:pointer;background:transparent}.range-input::-webkit-slider-runnable-track{height:3px;border-radius:3px;background:linear-gradient(90deg,#3dcf99 0 var(--fill, 68%),#30373e var(--fill, 68%) 100%);box-shadow:inset 0 1px 1px #0006}.range-input::-moz-range-track{height:3px;border:0;border-radius:3px;background:linear-gradient(90deg,#3dcf99 0 var(--fill, 68%),#30373e var(--fill, 68%) 100%)}.range-input::-webkit-slider-thumb{width:12px;height:12px;margin-top:-4.5px;appearance:none;border:2px solid #81f0c3;border-radius:50%;background:#15231e;box-shadow:0 0 0 2px #46e0a61a,0 1px 4px #000c}.range-input::-moz-range-thumb{width:9px;height:9px;border:2px solid #81f0c3;border-radius:50%;background:#15231e;box-shadow:0 0 0 2px #46e0a61a,0 1px 4px #000c}.open-button{justify-content:center;gap:8px;height:36px;padding:0 13px;border:1px solid rgba(181,207,221,.2);border-radius:6px;color:#c5ced4;background:#000;box-shadow:none;font-size:11px;font-weight:600;white-space:nowrap;cursor:pointer}.open-button.icon-only{width:36px;padding:0}.file-navigation{display:grid;width:36px;height:36px;flex:0 0 36px;grid-template-rows:repeat(2,minmax(0,1fr));border:1px solid rgba(181,207,221,.2);border-radius:6px;background:#000}.file-navigation button{display:grid;min-width:0;min-height:0;padding:0;border:0;border-radius:5px 5px 0 0;color:#91a0a9;background:transparent;cursor:pointer;place-items:center}.file-navigation button+button{border-top:1px solid rgba(181,207,221,.2);border-radius:0 0 5px 5px}.file-navigation svg{width:12px;height:12px}.file-navigation button:hover:not(:disabled){color:#d9e5e0;background:#ffffff0f}.file-navigation button:disabled{opacity:.34;cursor:default}.header-icon-button{display:grid;padding:0;border:1px solid rgba(181,207,221,.2);color:#91a0a9;background:#000;cursor:pointer;place-items:center}.header-icon-button{width:36px;height:36px;border-radius:6px}.header-icon-button svg{width:18px;height:18px}.header-icon-button:hover{border-color:#69ebb861;color:#d9e5e0;background:#000}.header-icon-button.is-active{border-color:#69ebb87a;color:#79e4ba;background:#000}.header-icon-button:disabled{opacity:.34;cursor:default}.header-icon-button:disabled:hover{border-color:#b5cfdd33;color:#91a0a9;background:#000}.settings-pane{position:fixed;z-index:31;top:0;left:0;bottom:0;width:min(390px,100vw);padding-top:var(--topbar-height);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;border:0;border-right:1px solid rgba(180,205,219,.22);border-radius:0;color:var(--text);background:#000;box-shadow:20px 0 48px #00000061}.settings-pane[hidden]{display:none}.settings-controls{display:grid;gap:13px;min-height:100%;padding:19px 20px 28px}.settings-divider{height:1px;background:#b8cddb1c}.theme-toggle-row{display:flex;align-items:center;gap:10px;color:#74818b;font-family:var(--mono);font-size:9px;font-variant-numeric:tabular-nums}.theme-switch{position:relative;display:inline-grid;width:34px;height:18px;cursor:pointer}.theme-switch input{position:absolute;width:1px;height:1px;opacity:0}.theme-switch>span{position:relative;width:34px;height:18px;border:1px solid rgba(181,205,219,.26);border-radius:999px;background:#000;transition:border-color .12s ease,background .12s ease}.theme-switch>span:after{position:absolute;top:3px;left:3px;width:10px;height:10px;border-radius:50%;background:#aeb9c0;content:"";transition:transform .12s ease,background .12s ease}.theme-switch input:checked+span{border-color:#38a87ab3;background:#48cb972e}.theme-switch input:checked+span:after{background:#78e1b7;transform:translate(16px)}.theme-switch input:focus-visible+span{outline:2px solid rgba(100,238,185,.8);outline-offset:2px}.palette-select-row{position:relative}.palette-select-row:after{position:absolute;top:12px;right:14px;width:6px;height:6px;border-right:1px solid #7f8b95;border-bottom:1px solid #7f8b95;content:"";pointer-events:none;transform:rotate(45deg)}.palette-select{width:100%;height:34px;padding:0 38px 0 11px;appearance:none;border:1px solid rgba(181,205,219,.18);border-radius:5px;color:#cbd4da;background:#000;box-shadow:none;font-size:10px;cursor:pointer}.palette-select:hover{border-color:#69ebb857}.palette-select option{color:#dce3e7;background:#000}.spectrum-interpolation-control.is-disabled{opacity:.42}.spectrum-interpolation-control.is-disabled .palette-select{cursor:not-allowed}.spectrum-interpolation-control.is-disabled .palette-select-row:after{opacity:.45}.open-button svg{width:17px;height:17px;color:#78dfb7}.open-button:hover{border-color:#69ebb866;color:#eff5f2;background:#000}.editor-shell{min-height:0;padding:0;background:#000}.editor-stack{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 0 0;grid-template-rows:minmax(72px,var(--wave-size, 25%)) 0 minmax(140px,1fr);width:100%;height:100%;overflow:hidden;border:0;border-radius:0;background:#000;box-shadow:none;touch-action:none}.editor-stack.has-spectrum-analyzer{grid-template-columns:minmax(0,1fr) 0 var(--spectrum-size, 12.5vw)}.editor-panel{position:relative;min-width:0;min-height:0;overflow:hidden}.editor-panel canvas{display:block;width:100%;height:100%;image-rendering:pixelated}.editor-panel .canvas-overlay{position:absolute;z-index:1;inset:0;pointer-events:none}.wave-panel{grid-row:1;grid-column:1;background:#000}.spectral-panel{grid-row:3;grid-column:1;background:#000}.waveform-axis-control,.frequency-axis-control{position:absolute;z-index:6;bottom:0;right:0;width:38px;cursor:ns-resize;touch-action:none;transition:background .12s ease,box-shadow .12s ease}.waveform-axis-control{top:0}.frequency-axis-control{top:25px}.waveform-axis-control:hover,.waveform-axis-control.is-dragging,.frequency-axis-control:hover,.frequency-axis-control.is-dragging{background:#5eefb506;box-shadow:inset -1px 0 #5eefb547}.waveform-axis-control:focus-visible,.frequency-axis-control:focus-visible{outline:1px solid rgba(94,239,181,.55);outline-offset:-2px}.spectrum-hover-frequency-mask{position:absolute;z-index:7;top:0;right:0;width:38px;height:0;background:#000;opacity:0;pointer-events:none}.spectrum-hover-frequency-mask.is-visible{opacity:1}.spectrum-hover-frequency{--spectrum-hover-frequency-y: 0px;position:absolute;z-index:8;top:0;right:0;box-sizing:border-box;display:flex;align-items:center;width:38px;height:12px;padding-left:6px;overflow:hidden;color:#75828e;background:#000;font-family:var(--mono);font-size:10px;line-height:12px;white-space:nowrap;pointer-events:none;opacity:0;transform:translateY(calc(var(--spectrum-hover-frequency-y) - 50%))}.spectrum-hover-frequency.is-visible{opacity:1}.spectrum-hover-frequency[data-edge=top]{transform:translateY(var(--spectrum-hover-frequency-y))}.spectrum-hover-frequency[data-edge=bottom]{transform:translateY(calc(var(--spectrum-hover-frequency-y) - 100%))}.panel-divider{position:relative;z-index:4;display:grid;grid-row:2;grid-column:1;align-self:center;height:9px;border:0;background:transparent;place-items:center;box-shadow:none;cursor:row-resize;touch-action:none}.panel-divider:before{position:absolute;top:4px;right:0;left:0;height:1px;background:transparent;content:"";transition:background .1s ease}.panel-divider:hover,.panel-divider:focus-visible,.panel-divider.is-dragging{outline:none}.panel-divider:hover:before,.panel-divider:focus-visible:before,.panel-divider.is-dragging:before{background:#66f0bbb3}.panel-divider span{width:38px;height:3px;border-top:1px solid rgba(220,232,240,.2);border-bottom:1px solid rgba(0,0,0,.5);background:#dce8f00f;opacity:0;transition:opacity .1s ease}.panel-divider:hover span,.panel-divider:focus-visible span,.panel-divider.is-dragging span{opacity:1}.spectrum-divider{position:relative;z-index:9;display:grid;grid-row:1 / 4;grid-column:2;justify-self:center;width:9px;border:0;background:transparent;cursor:col-resize;touch-action:none;place-items:center}.spectrum-divider:before{position:absolute;top:0;bottom:0;left:4px;width:1px;background:transparent;content:"";transition:background .1s ease}.spectrum-divider:hover,.spectrum-divider:focus-visible,.spectrum-divider.is-dragging{outline:none}.spectrum-divider:hover:before,.spectrum-divider:focus-visible:before,.spectrum-divider.is-dragging:before{background:#66f0bbb3}.spectrum-divider span{width:3px;height:38px;border-right:1px solid rgba(0,0,0,.5);border-left:1px solid rgba(220,232,240,.2);background:#dce8f00f;opacity:0;transition:opacity .1s ease}.spectrum-divider:hover span,.spectrum-divider:focus-visible span,.spectrum-divider.is-dragging span{opacity:1}.spectrum-sidebar{display:grid;grid-row:1 / 4;grid-column:3;grid-template-rows:minmax(72px,var(--wave-size, 25%)) 0 minmax(140px,1fr);min-width:0;min-height:0;overflow:hidden;background:#000}.spectrum-wave-spacer{grid-row:1;background:#000}.spectrum-horizontal-divider{grid-row:2;border:0;background:transparent;box-shadow:none}.spectrum-canvas-wrap{position:relative;grid-row:3;min-width:0;min-height:0;overflow:hidden;background:#000}.spectrum-canvas-wrap canvas{display:block;width:100%;height:100%;cursor:crosshair;image-rendering:pixelated}.spectrum-divider[hidden],.spectrum-sidebar[hidden]{display:none}.editor-playhead{position:absolute;z-index:7;top:0;bottom:0;left:0;width:0;opacity:0;pointer-events:none;will-change:transform}.editor-playhead.is-visible{opacity:1}.playhead-line{position:absolute;top:0;bottom:0;left:-.5px;width:1px;background:#f8e277f0;box-shadow:0 0 4px #ffde5b4d}.analysis-overlay{position:absolute;z-index:8;inset:0;display:grid;opacity:0;background:#04070b40;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);place-items:center;pointer-events:none;transition:opacity .18s ease}.analysis-overlay.is-active{opacity:1}.analysis-card{display:grid;grid-template-columns:34px auto;column-gap:13px;min-width:280px;padding:13px 15px 11px;border:1px solid rgba(185,208,224,.19);border-radius:7px;background:#000;box-shadow:0 15px 45px #0000007a;transform:translateY(-8px)}.analysis-card strong{display:block;color:#dce4e8;font-size:11px;font-weight:630}.analysis-card small{display:block;margin-top:4px;color:#74828c;font-family:var(--mono);font-size:8px}.analysis-orbit{position:relative;width:30px;height:30px;border:1px solid rgba(88,231,176,.16);border-radius:50%;background:#2cb7810d}.analysis-orbit:before{position:absolute;inset:5px;border:1px solid rgba(93,240,180,.12);border-radius:50%;content:""}.analysis-orbit span{position:absolute;top:3px;left:13px;width:4px;height:4px;border-radius:50%;background:var(--green);box-shadow:0 0 7px #5df0b4b3;transform-origin:2px 12px;animation:orbit 1.1s linear infinite}.analysis-progress{grid-column:1 / -1;height:2px;margin-top:11px;overflow:hidden;border-radius:2px;background:#282f34}.analysis-progress span{display:block;width:2%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#3bc991,#80f1c2);box-shadow:0 0 7px #4ae6ab59;transition:width .1s linear}.drop-overlay{position:absolute;z-index:30;inset:0;display:grid;padding:18px;opacity:0;background:#000000e6;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);place-items:center;pointer-events:none;transition:opacity .12s ease}.drop-overlay.is-visible{opacity:1}.drop-target{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;border:1px dashed rgba(104,239,188,.55);border-radius:8px;background:radial-gradient(circle,rgba(60,196,143,.08),transparent 44%);box-shadow:inset 0 0 45px #40d29b08}.drop-icon{display:grid;width:48px;height:48px;margin-bottom:15px;padding:12px;border:1px solid rgba(107,240,190,.31);border-radius:50%;color:#72e8ba;background:#3ac48e17;place-items:center}.drop-target strong{color:#e4eee9;font-size:16px;font-weight:590}.drop-target span{margin-top:8px;color:#72817a;font-size:10px}.toast{position:fixed;z-index:100;right:18px;bottom:15px;display:flex;align-items:center;gap:10px;max-width:420px;padding:11px 14px;border:1px solid rgba(255,155,97,.34);border-radius:6px;opacity:0;color:#d7dfe3;background:#000;box-shadow:0 12px 36px #0000006b;font-size:11px;pointer-events:none;transform:translateY(8px);transition:opacity .16s ease,transform .16s ease}.toast.is-visible{opacity:1;transform:translateY(0)}.toast-mark{display:grid;width:18px;height:18px;flex:0 0 auto;border:1px solid rgba(255,155,97,.45);border-radius:50%;color:var(--orange);font-size:10px;font-weight:800;place-items:center}:root[data-theme=light]{color-scheme:light;--bg: #fff;--panel: #fff;--panel-raised: #fff;--line: rgba(39, 49, 58, .16);--line-strong: rgba(39, 49, 58, .27);--text: #111417;--muted: #707d89}:root[data-theme=light] .workbench,:root[data-theme=light] .topbar,:root[data-theme=light] .editor-shell,:root[data-theme=light] .editor-stack,:root[data-theme=light] .wave-panel,:root[data-theme=light] .spectral-panel,:root[data-theme=light] .spectrum-sidebar,:root[data-theme=light] .spectrum-wave-spacer,:root[data-theme=light] .spectrum-canvas-wrap{background:#fff}:root[data-theme=light] .topbar{box-shadow:none}:root[data-theme=light] .file-identity strong,:root[data-theme=light] .transport-time.current{color:#111417}:root[data-theme=light] .open-button,:root[data-theme=light] .file-navigation,:root[data-theme=light] .header-icon-button{border-color:#1e272e52;color:#111417;background:#fff;box-shadow:none}:root[data-theme=light] .open-button svg{color:#111417}:root[data-theme=light] .open-button:hover,:root[data-theme=light] .header-icon-button:hover{border-color:#159163a6;color:#111417;background:#f4f7f5}:root[data-theme=light] .file-navigation button{color:#111417}:root[data-theme=light] .file-navigation button+button{border-top-color:#1e272e52}:root[data-theme=light] .file-navigation button:hover:not(:disabled){color:#111417;background:#f4f7f5}:root[data-theme=light] .header-icon-button.is-active{border-color:#159163a8;color:#177b57;background:#effbf5}:root[data-theme=light] .header-icon-button:disabled,:root[data-theme=light] .header-icon-button:disabled:hover{border-color:#1e272e33;color:#7b858b;background:#fff}:root[data-theme=light] .play-button{border-color:#1e272e99;color:#111417;background:#fff;box-shadow:none}:root[data-theme=light] .play-button:hover{box-shadow:0 4px 13px #232f3729}:root[data-theme=light] .settings-pane{border-color:#1e272e52;background:#fff;box-shadow:20px 0 48px #18222721}:root[data-theme=light] .settings-divider{background-color:#1e272e1f}:root[data-theme=light] .control-heading label,:root[data-theme=light] .theme-toggle-row,:root[data-theme=light] .slider-row>span{color:#6d7880}:root[data-theme=light] .palette-select{border-color:#1e272e4d;color:#111417;background:#fff;box-shadow:none}:root[data-theme=light] .palette-select option{color:#111417;background:#fff}:root[data-theme=light] .palette-select-row:after{border-color:#56616a}:root[data-theme=light] .range-input::-webkit-slider-runnable-track{background:linear-gradient(90deg,#27b980 0 var(--fill, 68%),#b8c1c5 var(--fill, 68%) 100%);box-shadow:none}:root[data-theme=light] .range-input::-moz-range-track{background:linear-gradient(90deg,#27b980 0 var(--fill, 68%),#b8c1c5 var(--fill, 68%) 100%)}:root[data-theme=light] .range-input::-webkit-slider-thumb,:root[data-theme=light] .range-input::-moz-range-thumb{border-color:#20966a;background:#fff;box-shadow:0 1px 4px #232f3733}:root[data-theme=light] .theme-switch>span{border-color:#1e272e61;background:#edf1f2}:root[data-theme=light] .theme-switch>span:after{background:#576169}:root[data-theme=light] .theme-switch input:checked+span{background:#48cb972e}:root[data-theme=light] .panel-divider span,:root[data-theme=light] .spectrum-divider span{border-color:#1f282f3d;background:#1f282f12}:root[data-theme=light] .spectrum-hover-frequency{color:#68747d;background:#fff}:root[data-theme=light] .spectrum-hover-frequency-mask{background:#fff}:root[data-theme=light] .analysis-overlay{background:#ffffff40}:root[data-theme=light] .analysis-card{border-color:#1e272e40;background:#fff;box-shadow:0 15px 45px #232f372e}:root[data-theme=light] .analysis-card strong,:root[data-theme=light] .drop-target strong{color:#111417}:root[data-theme=light] .analysis-progress{background:#cfd7da}:root[data-theme=light] .drop-overlay{background:#ffffffe6}:root[data-theme=light] .drop-target{background:radial-gradient(circle,rgba(60,196,143,.1),transparent 44%)}:root[data-theme=light] .drop-icon{color:#177b57}:root[data-theme=light] .toast{border-color:#b45f2f7a;color:#111417;background:#fff;box-shadow:0 12px 36px #232f372e}@keyframes orbit{to{transform:rotate(360deg)}}@media(max-width:1250px){.topbar{grid-template-columns:minmax(140px,1fr) auto minmax(140px,1fr);gap:12px}.transport-time{width:66px;font-size:10px}}@media(max-width:980px){.topbar{grid-template-columns:minmax(100px,1fr) auto minmax(90px,1fr);padding:0 12px}.open-button{width:36px;padding:9px}}@media(max-height:650px){:root{--topbar-height: 66px}.workbench{grid-template-rows:var(--topbar-height) minmax(0,1fr)}.topbar{padding-top:2px;padding-bottom:2px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}