:root{color:#ecebf7;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;--muted:#a5a2bb;--accent:#b6a3ff;--line:#2e2f45;background:#0b0d19;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(at 90% 0,#28214355,#0000 45%),#0b0d19;min-width:320px;margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}button,a,input,[tabindex]{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline-offset:4px;outline:3px solid #cbdfff}main{max-width:1256px;margin:auto;padding:26px 36px 22px}header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding-bottom:21px;display:flex}.brand{color:#f6f3ff;letter-spacing:.12em;font-size:18px;font-weight:850;text-decoration:none}.brand span{color:var(--accent)}.header-tools,.badge{align-items:center;gap:17px;display:flex}.badge{letter-spacing:.12em;color:#c2bbdc;gap:8px;font:10px ui-monospace,monospace}.badge i{background:#9ed9cc;border-radius:50%;width:5px;height:5px}.help-button{color:#d8d1ef;background:#1b1c2c;border:1px solid #39364e;border-radius:50%;width:36px;height:36px;padding:0;font-size:17px}.intro{justify-content:space-between;align-items:flex-end;gap:20px;padding:29px 0 27px;display:flex}h1{letter-spacing:-.055em;margin:0 0 12px;font-size:clamp(42px,5vw,60px);font-weight:650;line-height:1.08}.intro p{color:var(--muted);margin:0;font-size:14px;line-height:1.7}.local-note,.module-type{letter-spacing:.1em;color:#a19bb9;font:9px ui-monospace,monospace}.local-note{white-space:nowrap;padding-bottom:5px}.preset-browser{background:#161827;border:1px solid #37334d;border-radius:10px;grid-template-columns:260px 1fr auto;align-items:center;gap:22px;margin-bottom:18px;padding:14px 18px;display:grid}.preset-choice{align-items:center;gap:14px;min-width:0;display:flex}.preset-choice label{color:#b5adc9;font-size:11px}.preset-choice select{color:#e4dafc;cursor:pointer;background:#27223b;border:1px solid #8d7abb;border-radius:6px;width:100%;min-width:0;height:40px;padding:8px 10px;font-size:13px}.preset-browser p{color:#b5adc9;margin:0;font-size:11px;line-height:1.6}.preset-count{color:#a29ab6;white-space:nowrap;font:10px ui-monospace,monospace}.workspace{grid-template-columns:1fr 1fr;gap:14px;display:grid}.module{background:linear-gradient(150deg,#1a1c2e,#141624 65%);border:1px solid #333249;border-radius:13px;min-width:0;padding:20px 22px 17px;box-shadow:0 3px #05061144,inset 0 1px #ffffff03}.module-heading,.wave-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.module h2,.wave-heading h2{letter-spacing:.01em;margin:0;font-size:13px;font-weight:550}.module h2 span{color:#a995ed;margin-right:9px;font:10px ui-monospace,monospace}.osc-content{grid-template-columns:114px 1fr;align-items:center;gap:24px;display:grid}.parameter{flex-direction:column;align-items:center;min-width:0;display:flex;position:relative}.knob{--position:0;cursor:ns-resize;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:50%;width:88px;height:88px;position:relative}.knob svg{width:100%;height:100%;overflow:visible}.knob-track,.knob-arc{fill:none;stroke:#37364e;stroke-width:3px;stroke-linecap:round}.knob-arc{stroke:#b8a3fa;stroke-dasharray:calc(var(--position) * 100) 100}.knob-cap{background:radial-gradient(at 40% 20%,#494459,#302f40 60%,#222331);border-radius:50%;position:absolute;inset:17px;box-shadow:0 4px 7px #0009,inset 0 1px 1px #8b819766,0 0 0 1px #12121f,0 0 0 4px #10121d}.knob-cap i{transform-origin:50% 21px;width:3px;height:19px;transform:rotate(calc(-135deg + var(--position) * 270deg));background:#d5c9ff;border-radius:2px;position:absolute;top:6px;left:calc(50% - 1.5px);box-shadow:0 0 3px #d5c9ff33}.knob.dragging .knob-arc,.knob:hover .knob-arc{stroke:#d5c7ff}.value-field{background:#10121f;border:1px solid #3a374d;border-radius:5px;justify-content:center;align-items:center;gap:5px;min-height:29px;padding:0 7px;display:inline-flex}.value-field input{color:#ddd1ff;text-align:right;background:0 0;border:0;width:56px;min-width:0;padding:5px 0;font:11px ui-monospace,monospace}.value-field input:focus-visible{outline-offset:1px;border-radius:2px}.value-field span{color:#aaa2c0;font:10px ui-monospace,monospace}.input-error{color:#ffb5c2;max-width:165px;margin-top:6px;font-size:10px;line-height:1.5}.input-error:empty{display:none}input[aria-invalid=true]{color:#ffb5c2}.wave-selector{border:0;min-width:0;margin:0;padding:0}.wave-selector legend{color:#c5bfd7;margin-bottom:11px;padding:0;font-size:11px}.wave-buttons{grid-template-columns:repeat(4,1fr);gap:7px;display:grid}.wave-buttons button{color:#b2abc6;background:#101321;border:1px solid #37344d;border-radius:7px;min-width:0;min-height:72px;padding:9px 4px 8px}.wave-buttons svg{width:100%;max-width:48px;height:27px;margin:0 auto 7px;display:block}.wave-buttons path{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linejoin:round}.module-note{color:#a6a0b9;margin:16px 0 0;font-size:10px;line-height:1.6}.filter-content{grid-template-columns:190px 1fr;align-items:center;gap:15px;display:grid}.knob-pair{grid-template-columns:1fr 1fr;gap:13px;min-width:0;display:grid}.plot-wrap{min-width:0}.edit-plot{touch-action:none;width:100%;display:block;overflow:visible}.edit-plot text{fill:#aaa4c0;font:10px ui-monospace,monospace}.plot-grid{fill:none;stroke:#3b384e;stroke-width:.7px}.response-line{stroke:#bba5fc;fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.graph-node{fill:#d0bdff;stroke:#373046;stroke-width:3px;cursor:move;touch-action:none;r:8px}.graph-hit{fill:#0000;stroke:#0000;stroke-width:32px;vector-effect:non-scaling-stroke;cursor:move;touch-action:none}.plot-caption{color:#aaa2bd;margin:6px 0 0;font-size:9px;line-height:1.5}.envelope-content{grid-template-columns:1fr 190px;align-items:center;gap:17px;display:grid}.output-controls{grid-template-columns:1fr 1fr;gap:25px;display:grid}.slider-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.slider-heading .value-field{padding:0 5px}.fader{--position:0;appearance:none;cursor:pointer;background:0 0;width:100%;height:44px;margin:5px 0 0;display:block}.fader::-webkit-slider-runnable-track{background:linear-gradient(to right, #9e88db calc(var(--position) * 100%), #343247 calc(var(--position) * 100%));border-radius:5px;height:5px;box-shadow:inset 0 1px 3px #0008}.fader::-webkit-slider-thumb{appearance:none;background:linear-gradient(#686075,#454054);border:1px solid #9d8eb4;border-radius:3px;width:17px;height:24px;margin-top:-9.5px;box-shadow:0 3px 5px #0009,inset 0 10px #ffffff05}.fader::-moz-range-thumb{background:#575063;border:1px solid #9d8eb4;border-radius:3px;width:15px;height:22px}.fader-limits{color:#aaa2bd;justify-content:space-between;font:9px ui-monospace,monospace;display:flex}.meter-row{align-items:center;gap:12px;margin-top:21px;display:flex}.meter-row>span{color:#b9b1cd;white-space:nowrap;font-size:10px}#meter{background:#0c101b;border:1px solid #35354a;border-radius:2px;flex:1;height:8px;position:relative;overflow:hidden}#meter-fill{background:linear-gradient(90deg,#79bcab,#adcc95 75%,#dbc18e);width:0;height:100%;display:block}#meter b{pointer-events:none;background:repeating-linear-gradient(90deg,#0000 0 5px,#131623 5px 7px);position:absolute;inset:0}#live-peak{text-align:right;color:#b8cfc8;min-width:75px;font:10px ui-monospace,monospace}.meter-scale{color:#a09ab4;justify-content:space-between;margin:5px 87px 0 55px;font:8px ui-monospace,monospace;display:flex}.output .module-note{margin-top:9px}.padding-panel{background:#141624;border:1px solid #333249;border-radius:13px;grid-template-columns:220px 1fr;align-items:center;gap:25px;margin-top:18px;padding:18px 22px;display:grid}.padding-heading h2{margin:0 0 8px;font-size:12px;font-weight:550}.padding-heading p{color:#aaa2bd;margin:0;font-size:10px;line-height:1.6}.padding-controls{grid-template-columns:1fr 1fr;gap:30px;min-width:0;display:grid}.padding-controls .value-field input{width:55px}.padding-shade{fill:#a49bc80b;stroke:#a49bc844;stroke-width:.7px}.advanced-panel{background:#141624;border:1px solid #333249;border-radius:13px;margin-top:18px}.advanced-panel>summary{cursor:pointer;color:#d8ceeb;padding:18px 22px;font-size:12px}.advanced-panel>summary span{color:#a39ab7;margin-left:12px;font:9px ui-monospace,monospace}.advanced-panel>summary:focus-visible{outline-offset:3px;border-radius:10px;outline:3px solid #cbdfff}.advanced-content{grid-template-columns:1fr 1fr;gap:24px 32px;padding:3px 22px 22px;display:grid}.advanced-content section{min-width:0}.advanced-content h2{margin:0;font-size:12px;font-weight:550}.advanced-note{color:#aaa2bd;margin:8px 0 18px;font-size:10px;line-height:1.6}.pattern-section{border-bottom:1px solid #302b42;grid-column:1/-1;padding-bottom:22px}.pattern-timing,.effect-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.pattern-timing{max-width:550px;margin-bottom:22px}.note-grid{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.seed-control{flex-wrap:wrap;align-items:center;gap:8px 12px;margin-top:17px;display:flex}.seed-control>label{font-size:11px}.seed-control .value-field input{width:90px}.crush-heading{justify-content:space-between;align-items:center;gap:15px;display:flex}.effect-switch{align-items:center;gap:8px;min-height:28px;font-size:11px;display:flex}.effect-switch input{accent-color:#b6a3ff;width:17px;height:17px}fieldset.effect-grid{border:0;min-width:0;margin:0;padding:0}.wave-panel{background:#10131f;border:1px solid #333249;border-radius:13px;margin-top:18px;padding:18px 22px 13px}.wave-heading{margin-bottom:12px}.measurements{color:#a5a0b9;flex-wrap:wrap;gap:8px 20px;font:9px ui-monospace,monospace;display:flex}.measurements output{color:#d2c6ee;white-space:nowrap;margin-left:6px}.wave-view{position:relative}#waveform{width:100%;height:120px;display:block}.wave-grid{fill:none;stroke:#343348;stroke-width:.7px}#wave-path{fill:none;stroke:#b49bec;stroke-width:.8px}#playhead{stroke:#d5e9e8;stroke-width:1.5px}.render-state{color:#bfb4d6;background:#10131fc9;place-items:center;font-size:11px;display:grid;position:absolute;inset:0}.render-state[hidden]{display:none}.time-scale{color:#aaa1bd;justify-content:space-between;gap:12px;margin-top:4px;font:9px ui-monospace,monospace;display:flex}.time-scale>span:nth-child(2){color:#9993ad}.transport{justify-content:space-between;align-items:center;gap:20px;margin-top:18px;display:flex}.utility-actions,.main-actions{align-items:center;gap:10px;display:flex}.utility-actions{flex-wrap:wrap}.quiet-button{color:#bcb2d3;background:0 0;border:1px solid #3a354e;border-radius:7px;min-height:44px;padding:10px 17px;font-size:11px}.primary,.secondary{border:1px solid #544961;border-radius:8px;min-height:48px;padding:14px 27px;font-size:12px;font-weight:600}.primary{color:#231b36;background:#c6b4ff;border-color:#c6b4ff;min-width:170px}#status{color:#b2a9c6;text-align:center;overflow-wrap:anywhere;min-height:34px;margin:16px 0 15px;font-size:11px;line-height:1.7}footer{color:#a09ab4;border-top:1px solid #282739;justify-content:space-between;gap:15px;padding-top:17px;font:9px/1.8 ui-monospace,monospace;display:flex}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}dialog{color:#e7e0f5;background:#171927;border:1px solid #5a4b74;border-radius:15px;width:calc(100% - 36px);max-width:540px;max-height:85svh;padding:25px;box-shadow:0 20px 80px #0009}.dialog-heading{justify-content:space-between;align-items:center;gap:15px;display:flex}.dialog-heading h2{margin:0;font-size:18px;font-weight:600}dialog p{color:#b8b0cc;font-size:12px;line-height:1.7}dialog dl{grid-template-columns:116px 1fr;gap:10px 12px;margin:22px 0;font-size:11px;line-height:1.7;display:grid}dialog dt{color:#cfbdf6;font-family:ui-monospace,monospace}dialog dd{color:#c0b7d1;margin:0}.shortcut-option{align-items:center;gap:9px;padding:10px 0;font-size:12px;display:flex}.shortcut-option input{accent-color:#b6a3ff;width:18px;height:18px}dialog .help-note{margin-bottom:0;font-size:10px}@media (width<=1100px){main{padding-left:26px;padding-right:26px}.filter-content,.envelope-content{grid-template-columns:1fr;gap:16px}.filter-content .knob-pair,.envelope-content .knob-pair{width:100%;max-width:230px;margin:auto}.filter-content .plot-wrap{order:-1}.plot-wrap{width:100%;max-width:400px;margin:auto}.osc-content{grid-template-columns:1fr;gap:18px}.wave-selector{width:100%}.output-controls{grid-template-columns:1fr;gap:22px}.module-note{margin-top:20px}.module{padding:20px}}@media (width<=650px){main{padding:18px 18px 20px}header{padding-bottom:16px}.badge{font-size:8px}.header-tools{gap:12px}.brand{font-size:16px}.intro{padding:27px 0 23px}.intro p{font-size:12px}.local-note{display:none}.preset-browser{grid-template-columns:1fr auto;gap:10px;margin-bottom:14px;padding:13px 15px}.preset-choice{grid-column:1/-1}.preset-browser p{font-size:10px}.preset-count{font-size:9px}.workspace{grid-template-columns:1fr;gap:12px}.module{padding:18px}.osc-content{grid-template-columns:100px 1fr;gap:14px}.wave-buttons{grid-template-columns:1fr 1fr;gap:6px}.wave-buttons button{min-height:56px;padding:6px}.wave-buttons svg{height:20px;margin-bottom:2px}.filter-content,.envelope-content{gap:14px}.knob{width:96px;height:96px}.knob-cap i{transform-origin:50% 25px}.value-field{min-height:34px}.value-field input{padding:8px 0;font-size:12px}.filter-content .knob-pair,.envelope-content .knob-pair{max-width:260px}.edit-plot{max-height:155px}.plot-caption{font-size:10px}.output-controls{gap:19px}.padding-panel{grid-template-columns:1fr;gap:18px;margin-top:14px;padding:18px}.padding-controls{grid-template-columns:1fr;gap:16px}.advanced-panel{margin-top:14px}.advanced-panel>summary{padding:18px}.advanced-content{grid-template-columns:1fr;gap:24px;padding:3px 18px 18px}.note-grid{grid-template-columns:1fr 1fr;gap:18px}.pattern-timing,.effect-grid{gap:18px}.noise-section{border-bottom:1px solid #302b42;padding-bottom:20px}.wave-panel{margin-top:14px;padding:16px 15px 13px}.wave-heading{flex-wrap:wrap;gap:12px}.measurements{justify-content:space-between;gap:10px;width:100%;font-size:9px}.measurements output{margin-left:4px}#waveform{height:100px}.time-scale{gap:8px;font-size:8px}.transport{flex-direction:column-reverse;gap:12px}.main-actions{width:100%}.primary,.secondary{flex:1;min-width:0;padding:13px 14px;font-size:11px}.utility-actions{justify-content:center;gap:12px;width:100%}.quiet-button{flex:calc(50% - 6px)}footer{flex-direction:column;gap:3px}.help-button{width:36px;height:36px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}#playhead{display:none}}.section-help-button{vertical-align:middle;flex:0 0 28px;width:28px;min-width:28px;height:28px;margin-left:9px;font-size:13px}.preset-count{align-items:center;display:flex}h2:has(>.section-help-button){align-items:center;gap:0;display:flex}.module-heading h2{min-width:0}.module-type{flex-shrink:0}.utility-actions>.section-help-button{margin-left:0}.transport{align-items:flex-start}.main-actions{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;width:400px;max-width:100%;display:grid}.main-actions>#play,.export-group>#export{width:100%;min-width:0;height:50px;padding:10px 12px;line-height:1.3}.export-group{gap:10px;min-width:0;display:grid}.export-choice{gap:5px;min-width:0;display:grid}.format-label{align-items:center;gap:9px;display:flex}.format-label .section-help-button{margin-left:0}.export-choice select{color:#eee6ff;background:#242136;border:1px solid #76638e;border-radius:6px;width:100%;min-width:0;height:38px;padding:5px 7px;font-size:11px}dialog .section-help-content{font-size:13px;display:block}.section-help-content dt{margin-top:20px;font-family:inherit;font-weight:600}dialog{overflow-y:auto}.dialog-heading{z-index:1;background:#171927;padding-bottom:8px;position:sticky;top:0}footer a{color:inherit;text-underline-offset:3px}@media (width<=650px){.main-actions{gap:9px;width:100%}.module-heading h2{font-size:13px}.section-help-button{width:28px;height:28px}}@media (width>=651px) and (width<=1100px){.transport{flex-wrap:wrap}.main-actions{margin-left:auto}}:root{color:#242824;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--muted:#62665f;--accent:#364c3e;--line:#d9ddd5;background:#f0f1ee;font-family:Segoe UI,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,sans-serif}body{background:#f0f1ee}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline-color:#2448a0}button:disabled{cursor:default}main{max-width:1760px;padding:24px 32px}header{gap:20px;padding-bottom:20px}.brand{color:#242824;letter-spacing:-.045em;font-size:17px;font-weight:750}.brand span{color:inherit;font-weight:400}.header-tools,.file-actions{align-items:center;gap:9px;display:flex}.badge{display:none}.help-button{color:#354033;background:#fff9;border-color:#bfc7ba}.help-button:hover{background:#e3e9dc}.section-help-button{margin-left:8px}.intro{padding:28px 0 26px}h1{letter-spacing:-.065em;margin-bottom:10px;font-size:clamp(38px,4vw,54px);font-weight:400;line-height:1.05}h1 span{color:inherit}.intro p{font-size:13px;line-height:1.65}.local-note,.module-type{color:#62665f;letter-spacing:.06em;font-size:10px}.studio-layout{grid-template-columns:164px minmax(0,1fr) 300px;align-items:start;gap:24px;display:grid}.studio-editor,.output-rail{gap:22px;min-width:0;display:grid}.preset-browser{background:#e4e7e0;border:0;border-radius:28px;flex-direction:column;align-items:stretch;gap:15px;min-width:0;margin:0;padding:18px 12px;display:flex}.preset-choice{gap:10px;padding:0 4px;display:grid}.preset-choice label{color:#3b4436;font-size:13px;font-weight:500}.preset-choice select{color:#242824;background:#f5f6f2;border-color:#bdc6b8;border-radius:10px;height:38px;padding:6px 8px;font-size:12px}.preset-list{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-gutter:stable;gap:5px;max-height:min(620px,60vh);padding:4px;display:grid;overflow-y:auto}.preset-list button{color:#4e554c;text-align:left;background:0 0;border:1px solid #0000;border-radius:24px;align-items:center;gap:13px;min-height:42px;padding:11px 13px;font-size:13px;display:flex}.preset-list button>span:first-child{color:#646e5f;font:10px ui-monospace,monospace}.preset-list button:hover{background:#f1f4ec}.preset-list button[aria-pressed=true]{color:#222a20;background:#f9fbdc;border-color:#c5ce98}.preset-browser>p{color:#50594b;min-height:36px;padding:0 5px;font-size:11px}.preset-count{color:#555e50;justify-content:space-between;padding:0 5px;font-size:10px}.transport{border-top:1px solid #cbd2c5;margin:0;padding-top:16px;display:block}.utility-actions{gap:7px;display:grid}.quiet-button{color:#374131;background:#ffffff70;border-color:#c5ccbf;border-radius:12px;min-height:38px;padding:8px 12px;font-size:12px}.quiet-button:hover{color:#293721;background:#fff}.file-actions .quiet-button{background:0 0;border-color:#d4d8cf}.file-actions .section-help-button{margin-left:0}.workspace{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:start;gap:20px}.module{box-shadow:none;background:#fff;border-color:#e1e5dc;border-radius:26px;padding:24px}.module-heading,.wave-heading{margin-bottom:22px}.module h2,.wave-heading h2{letter-spacing:-.04em;font-size:20px;font-weight:450}.module h2>span{display:none}.oscillator{background:#f9faf6;grid-column:1/-1}.oscillator .wave-buttons{grid-template-columns:repeat(4,minmax(0,1fr))}.oscillator .osc-content{grid-template-columns:116px minmax(0,1fr)}.osc-content{grid-template-columns:96px minmax(0,1fr);gap:18px}.parameter>label{color:#50594b;margin-bottom:7px;font-size:12px}.knob{width:96px;height:96px}.knob-track,.knob-arc{stroke:#d8ded2;stroke-width:2px}.knob-arc{stroke:#56634d}.knob-cap{background:radial-gradient(at 35% 20%,#fff,#eceee6 70%,#d5dacf);inset:16px;box-shadow:0 5px 8px #303d2a18,inset 0 1px 2px #fff,0 0 0 1px #d1d7c9}.knob-cap i{transform-origin:50% 25px;height:16px;box-shadow:none;background:#4e5c46;top:7px}.knob:hover .knob-arc,.knob.dragging .knob-arc{stroke:#173b2a}.value-field{background:#fff;border-color:#cdd4c7;border-radius:9px;min-height:32px}.value-field:hover,.value-field:focus-within{border-color:#5b6b50}.value-field input{color:#273324;padding:6px 0;font-size:12px}.value-field span{color:#5e6857}.input-error,input[aria-invalid=true]{color:#a42d32}.input-error{font-size:11px}.wave-selector legend{color:#50594b;margin-bottom:10px;font-size:12px}.wave-buttons{grid-template-columns:repeat(2,minmax(0,1fr))}.wave-buttons button{color:#5e6757;background:#fff;border-color:#d6ddcf;border-radius:14px;min-height:64px;padding:8px 4px}.wave-buttons button[aria-pressed=true]{color:#29371c;background:#e8edc8;border-color:#89995c}.wave-buttons button:hover{border-color:#71845f}.wave-buttons svg{max-width:46px;height:25px;margin-bottom:5px}.wave-buttons span{font-size:11px}.module-note{color:#5c6654;margin-top:18px;font-size:11px}.filter-content{flex-direction:column-reverse;gap:18px;display:flex}.knob-pair{gap:18px;width:100%}.filter .knob-pair{max-width:250px}.plot-wrap{width:100%}.edit-plot text{fill:#505d47}.plot-grid{stroke:#bbc5b1;stroke-dasharray:1 4}.response-line{stroke:#4d633c}.graph-node{fill:#e6ed94;stroke:#526440;stroke-width:2px}.graph-node:hover,.graph-node.dragging{fill:#f6faaf;stroke:#20361c}.plot-caption{color:#5f6b54;font-size:10px}.envelope{background:radial-gradient(at 15% 10%,#f1cfb4,#0000 65%),radial-gradient(at 95% 80%,#d1dbee,#0000 65%),#eadde2;border-color:#ded6d5;grid-column:auto}.envelope .response-line{stroke:#624d64}.envelope .graph-node{fill:#f3dfbf;stroke:#795e73}.envelope .envelope-fill{fill:#795e7314}.envelope .plot-grid{stroke:#a98eaa}.envelope-content{flex-direction:column;gap:18px;display:flex}.workspace>.filter,.workspace>.envelope{align-self:stretch}.envelope .knob-pair{max-width:250px;margin:auto}.envelope-fill{fill:#5c743b14}.output-controls{grid-template-columns:1fr;gap:22px}.slider-heading>label{font-size:12px}.slider-heading .value-field input{width:40px}.fader{height:42px;margin-top:3px}.fader::-webkit-slider-runnable-track{background:linear-gradient(to right, #687a55 calc(var(--position) * 100%), #d9dfd3 calc(var(--position) * 100%));height:4px;box-shadow:none}.fader::-webkit-slider-thumb{background:linear-gradient(#fff,#e7ebdf);border-color:#8e9d82;border-radius:5px;height:25px;margin-top:-10.5px;box-shadow:0 2px 4px #37472c25}.fader::-moz-range-track{background:#d9dfd3;height:4px}.fader::-moz-range-progress{background:#687a55;height:4px}.fader::-moz-range-thumb{background:#f5f7ef;border-color:#8e9d82;border-radius:5px;height:23px}.fader-limits{color:#626d58;font-size:10px}.meter-row{grid-template-columns:auto 1fr;gap:10px 8px;margin-top:24px;display:grid}.meter-row>span{color:#56634c;font-size:11px}#meter{background:#e6eadd;border-color:#c7d0bd;border-radius:4px;grid-area:2/1/auto/-1;height:12px}#meter-fill{background:linear-gradient(90deg,#668e5b,#a1a62b 75%,#c78325)}#meter b{background:repeating-linear-gradient(90deg,#0000 0 5px,#fff9 5px 7px)}#live-peak{color:#3c5434;grid-area:1/2;font-size:12px}.meter-scale{color:#65715a;margin:6px 0 0;font-size:9px}.output .module-note{margin-top:14px;font-size:10px}.main-actions{gap:9px;width:100%;margin-top:28px}.main-actions>#play,.export-group>#export{padding:8px 9px}.primary,.secondary{border-color:#bdc796;border-radius:15px;font-size:12px}.primary{color:#293819;background:#e7ef9f;border-color:#c0cb7c}.primary:hover{background:#dbe87f}.primary span{margin-left:3px}.secondary{color:#33402d;background:#f1f4e8}.secondary:hover{background:#e4ebd3}.export-choice label{color:#56634b;font-size:11px}.export-choice select{color:#33402d;background:#fbfcf7;border-color:#bfcbb1;border-radius:10px;padding:5px}#status{color:#53604a;text-align:left;min-height:36px;margin:18px 0 0}.padding-panel{background:#e6eadf;border-color:#dbe1d3;border-radius:26px;grid-template-columns:1fr;gap:0;margin:0;padding:24px}.padding-heading h2{letter-spacing:-.035em;margin-bottom:10px;font-size:18px;font-weight:450}.padding-heading p{color:#5b6751;font-size:11px}.padding-controls{grid-template-columns:1fr;gap:20px;margin-top:24px}.wave-panel{background:radial-gradient(at 15% 80%,#b4cfa5,#0000 70%),radial-gradient(at 90% 15%,#f3d6ad,#0000 65%),#dbe2b4;border-color:#c9d2a9;border-radius:28px;min-width:0;margin:0;padding:25px 26px 20px;position:relative;overflow:hidden}.wave-panel:before{content:"";pointer-events:none;opacity:.07;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23000' filter='url(%23n)' opacity='.6' d='M0 0h160v160H0z'/%3E%3C/svg%3E");position:absolute;inset:0}.wave-panel>*{position:relative}.wave-heading{align-items:flex-start;margin-bottom:13px}.wave-heading h2{font-size:18px}.wave-panel .help-button{background:#f9fce855;border-color:#8e9d72}.measurements{color:#4a5939;align-items:flex-end;gap:18px;font-size:10px}.measurements>span{gap:7px;display:grid}.measurements output{color:#283a20;margin:0;font-size:12px}.measurements>span:nth-child(2) output{letter-spacing:normal;align-items:baseline;gap:6px;min-height:24px;font-size:12px;line-height:1;display:inline-flex}.duration-digits{fill:currentColor;flex:none;overflow:visible}.duration-unit{font:12px ui-monospace,monospace}#waveform{height:158px}.wave-grid{stroke:#72805a;stroke-dasharray:1 5;opacity:.6}#wave-path{stroke:#354a29;stroke-width:1.2px}#playhead{stroke:#334c2b}.padding-shade{fill:#f6ffe924;stroke:#73825588}.render-state{color:#3d4e2f;background:#e1e8c4cc;font-size:12px}.time-scale,.time-scale>span:nth-child(2){color:#485b36;font-size:10px}.advanced-panel{background:#fafbf7;border-color:#dce1d5;border-radius:24px;margin:0}.advanced-panel>summary{color:#34432b;padding:21px 24px;font-size:15px}.advanced-panel>summary::marker{color:#607545}.advanced-panel>summary:focus-visible{outline-color:#2448a0}.advanced-panel>summary span{color:#66735c;font-size:11px}.advanced-content{gap:26px;padding:5px 24px 26px}.advanced-content h2{letter-spacing:-.025em;font-size:16px;font-weight:450}.advanced-note{color:#65715c;margin:10px 0 20px;font-size:11px}.pattern-section{border-color:#d8dfcf;padding-bottom:24px}.pattern-timing,.effect-grid{gap:22px}.pattern-timing{margin-bottom:24px}.note-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.slider-parameter:has(input:disabled){opacity:.55}.seed-control{gap:10px;margin-top:20px}.seed-control>label,.effect-switch{font-size:12px}.seed-control>span:last-child{color:#647059;font-size:11px}.effect-switch input,.shortcut-option input{accent-color:#586f40;width:18px;height:18px}footer{color:#626d59;border-color:#d8dfcf;gap:16px;margin-top:30px;padding-top:20px;font-size:10px}dialog{color:#263323;background:#f8faf4;border-color:#bbc7ad;border-radius:24px;width:calc(100% - 32px);max-width:560px;padding:26px;box-shadow:0 20px 90px #1a291a33}dialog::backdrop{-webkit-backdrop-filter:none;backdrop-filter:none;background:#29312755}.dialog-heading{background:#f8faf4;padding-bottom:10px}.dialog-heading h2{letter-spacing:-.04em;font-size:23px;font-weight:450}dialog p{color:#55634a;font-size:13px}dialog dl{grid-template-columns:120px 1fr;gap:12px;font-size:12px}dialog dt{color:#314c24}dialog dd{color:#536348}.section-help-content dt{margin-top:22px;font-weight:550}.section-help-content dd{margin-top:6px}.shortcut-option{font-size:13px}dialog .help-note{font-size:11px}@media (width>=1500px){.studio-layout{grid-template-columns:184px minmax(0,1fr) 320px;gap:30px}.module{padding:28px}.osc-content{grid-template-columns:118px minmax(0,1fr);gap:24px}.oscillator .knob{width:112px;height:112px}.oscillator .knob-cap i{transform-origin:50% 33px}#waveform{height:190px}}@media (width<=1190px){main{padding:22px}.studio-layout{grid-template-columns:144px minmax(0,1fr);gap:20px}.output-rail{grid-column:2;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}.output-rail .module,.padding-panel,.module{padding:22px}.studio-editor{gap:20px}.workspace{gap:16px}.wave-heading{flex-wrap:wrap}.measurements{justify-content:space-between;width:100%}.filter-content .knob-pair,.envelope-content .knob-pair{width:100%}.filter-content .plot-wrap{order:initial}.osc-content{grid-template-columns:96px minmax(0,1fr)}}@media (width>=701px) and (width<=920px){.workspace{grid-template-columns:1fr}.osc-content{grid-template-columns:120px 1fr}.wave-buttons{grid-template-columns:repeat(4,minmax(0,1fr))}.filter-content{grid-template-columns:1fr 1fr;display:grid}.envelope-content{grid-template-columns:1fr;gap:20px}.envelope .knob-pair{max-width:260px;margin:auto}.output-rail{grid-template-columns:1fr}.output-controls,.padding-controls{grid-template-columns:1fr 1fr}.output .main-actions{max-width:400px}.advanced-content{grid-template-columns:1fr}.note-grid{grid-template-columns:1fr 1fr}}@media (width<=700px){main{padding:18px 16px}header{flex-wrap:wrap;gap:12px}.header-tools{gap:7px}.file-actions{gap:6px}.file-actions .quiet-button{min-height:36px;padding:7px 9px;font-size:11px}.file-actions .section-help-button{width:26px;min-width:26px;height:26px}.brand{font-size:16px}.intro{padding:26px 0 22px}.intro p{max-width:240px;font-size:12px}.local-note{display:none}.studio-layout{grid-template-columns:1fr;gap:18px}.preset-browser{border-radius:22px;grid-template-columns:1fr auto;align-items:center;gap:12px;padding:16px;display:grid}.preset-choice{grid-column:1/-1;grid-template-columns:auto 1fr;align-items:center;padding:0}.preset-list{display:none}.preset-browser>p{min-height:0;padding:0}.preset-count{gap:7px;padding:0}.transport{grid-column:1/-1;padding-top:12px}.utility-actions{grid-template-columns:1fr 1fr}.studio-editor{gap:18px}.workspace{grid-template-columns:1fr;gap:18px}.module,.output-rail .module,.padding-panel{border-radius:24px;padding:22px}.module h2{font-size:20px}.osc-content{grid-template-columns:104px minmax(0,1fr);gap:18px}.oscillator .osc-content{grid-template-columns:104px minmax(0,1fr)}.oscillator .wave-buttons{grid-template-columns:repeat(2,minmax(0,1fr))}.filter-content{gap:20px}.filter .knob-pair,.envelope .knob-pair{max-width:270px;margin:auto}.envelope-content{grid-template-columns:1fr;gap:22px}.edit-plot{max-height:180px}.output-rail{grid-column:auto;grid-template-columns:1fr;gap:18px}.output .main-actions{margin-top:24px}.padding-controls{grid-template-columns:1fr}.wave-panel{border-radius:25px;padding:22px 18px 18px}.wave-heading{flex-direction:column;gap:20px}.measurements{gap:12px}.measurements>span:nth-child(2) output{font-size:12px}.wave-heading h2{font-size:18px}#waveform{height:140px}.time-scale,.time-scale>span:nth-child(2){gap:5px;font-size:9px}.advanced-panel>summary{padding:20px;font-size:14px}.advanced-panel>summary span{margin-left:6px;font-size:10px}.advanced-content{grid-template-columns:1fr;gap:26px;padding:4px 20px 24px}.note-grid{grid-template-columns:1fr 1fr}.pattern-timing,.effect-grid{gap:18px}.noise-section{border-color:#d8dfcf}footer{flex-direction:column;gap:6px;font-size:9px}dialog{padding:22px}dialog dl:not(.section-help-content){grid-template-columns:100px 1fr;gap:10px;font-size:11px}}@media (width<=390px){header{grid-template-columns:1fr auto;display:grid}.header-tools{display:contents}.file-actions{grid-area:2/1/auto/-1;justify-content:flex-end}#help-open{grid-area:1/2}.module,.output-rail .module,.padding-panel{padding:20px}.osc-content{grid-template-columns:96px minmax(0,1fr);gap:14px}.module-type{font-size:9px}}#help-open{place-items:center;display:grid}#help-open svg,.theme-toggle svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:21px;height:21px}.guide-button{border-radius:12px;width:auto;min-width:58px;height:38px;margin:0;padding:7px 12px;font-size:12px}.theme-toggle{color:#374131;cursor:pointer;background:0 0;border:1px solid #c5ccbf;border-radius:12px;justify-content:center;align-items:center;gap:6px;min-height:38px;padding:7px 9px;font-size:12px;display:inline-flex}.theme-toggle:hover{background:#e3e9dc}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#e5eadf;--muted:#bec8b7;--line:#3d493d;--accent:#dae7ad;background:#171e1b}[data-theme=dark] body{background:#171e1b}[data-theme=dark] .brand{color:#e5eadf}[data-theme=dark] :is(button,a,input,select,summary,[tabindex]):focus-visible{outline-color:#9adbe2}[data-theme=dark] .help-button,[data-theme=dark] .theme-toggle{color:#e1e9d7;background:#2a352c;border-color:#63715b}[data-theme=dark] .help-button:hover,[data-theme=dark] .theme-toggle:hover{background:#3b4836}[data-theme=dark] .local-note,[data-theme=dark] .module-type{color:#c0cbb8}[data-theme=dark] .preset-browser{background:#252f28}[data-theme=dark] .preset-choice label{color:#e0e7d8}[data-theme=dark] .preset-choice select{color:#e5eadf;background:#1b241e;border-color:#69775f}[data-theme=dark] .preset-list button{color:#d4dfcb}[data-theme=dark] .preset-list button>span:first-child{color:#b9c8ae}[data-theme=dark] .preset-list button:hover{background:#3c4834}[data-theme=dark] .preset-list button[aria-pressed=true]{color:#202d16;background:#d4df96;border-color:#d4df96}[data-theme=dark] .preset-list button[aria-pressed=true]>span:first-child{color:#3c492d}[data-theme=dark] .preset-browser>p,[data-theme=dark] .preset-count{color:#c1ceb5}[data-theme=dark] .transport{border-color:#48563f}[data-theme=dark] .quiet-button{color:#e0e8d6;background:#2b392c;border-color:#57674b}[data-theme=dark] .quiet-button:hover{color:#f5f8ed;background:#3a4b35}[data-theme=dark] .file-actions .quiet-button{background:0 0;border-color:#53634b}[data-theme=dark] .module,[data-theme=dark] .oscillator{background:#222c25;border-color:#3f4d3b}[data-theme=dark] .parameter>label,[data-theme=dark] .wave-selector legend{color:#c6d2bc}[data-theme=dark] .knob-track{stroke:#546449}[data-theme=dark] .knob-arc{stroke:#d2e19e}[data-theme=dark] .knob-cap{background:radial-gradient(at 35% 20%,#4a5849,#303f31 70%,#263229);box-shadow:0 5px 8px #0005,inset 0 1px 2px #afbea344,0 0 0 1px #708066}[data-theme=dark] .knob-cap i{background:#e1edb5}[data-theme=dark] .knob:hover .knob-arc,[data-theme=dark] .knob.dragging .knob-arc{stroke:#f1fac5}[data-theme=dark] .value-field{background:#17231b;border-color:#687a5b}[data-theme=dark] .value-field:hover,[data-theme=dark] .value-field:focus-within{border-color:#c5d5a9}[data-theme=dark] .value-field input{color:#e6efdc}[data-theme=dark] .value-field span{color:#c1cfb4}[data-theme=dark] .input-error,[data-theme=dark] input[aria-invalid=true]{color:#ffb8b8}[data-theme=dark] .wave-buttons button{color:#c6d5b8;background:#1a261c;border-color:#667758}[data-theme=dark] .wave-buttons button[aria-pressed=true]{color:#233219;background:#d4df96;border-color:#d4df96}[data-theme=dark] .wave-buttons button:hover{border-color:#d5e5b6}[data-theme=dark] .module-note,[data-theme=dark] .plot-caption{color:#c6d0bb}[data-theme=dark] .edit-plot text{fill:#d3dfc4}[data-theme=dark] .plot-grid{stroke:#92a37c}[data-theme=dark] .response-line{stroke:#d3e5aa}[data-theme=dark] .graph-node{fill:#e4eb9f;stroke:#324526}[data-theme=dark] .graph-node:hover,[data-theme=dark] .graph-node.dragging{fill:#f4ffd0;stroke:#a0bf78}[data-theme=dark] .envelope{background:radial-gradient(at 15% 10%,#695447,#0000 65%),radial-gradient(at 95% 80%,#3e5069,#0000 65%),#4a3d47;border-color:#7a6773}[data-theme=dark] .envelope .response-line{stroke:#f1d4e7}[data-theme=dark] .envelope .graph-node{fill:#f4dfba;stroke:#553b54}[data-theme=dark] .envelope .envelope-fill{fill:#f1d4e71c}[data-theme=dark] .envelope .edit-plot text{fill:#f0e4e9}[data-theme=dark] .envelope .plot-grid{stroke:#d0a9c7}[data-theme=dark] .envelope .plot-caption,[data-theme=dark] .envelope .module-type,[data-theme=dark] .envelope .parameter>label{color:#f1e5eb}[data-theme=dark] .fader::-webkit-slider-runnable-track{background:linear-gradient(to right, #b9d08b calc(var(--position) * 100%), #495940 calc(var(--position) * 100%))}[data-theme=dark] .fader::-webkit-slider-thumb{background:linear-gradient(#7e8e70,#4b5d41);border-color:#a5b58f;box-shadow:0 2px 4px #0005}[data-theme=dark] .fader::-moz-range-track{background:#495940}[data-theme=dark] .fader::-moz-range-progress{background:#b9d08b}[data-theme=dark] .fader::-moz-range-thumb{background:#667b54;border-color:#a5b58f}[data-theme=dark] .fader-limits,[data-theme=dark] .meter-scale{color:#c4d2b5}[data-theme=dark] .meter-row>span{color:#cbd8bc}[data-theme=dark] #meter{background:#15251c;border-color:#748365}[data-theme=dark] #meter-fill{background:linear-gradient(90deg,#a0ca83,#c8d478 75%,#e1bc79)}[data-theme=dark] #meter b{background:repeating-linear-gradient(90deg,#0000 0 5px,#1d2b20aa 5px 7px)}[data-theme=dark] #live-peak{color:#d8eac4}[data-theme=dark] .primary{color:#233017;background:#d7e59b;border-color:#d7e59b}[data-theme=dark] .primary:hover{background:#edf7b5}[data-theme=dark] .secondary{color:#e3edcf;background:#35442d;border-color:#819265}[data-theme=dark] .secondary:hover{background:#465738}[data-theme=dark] .export-choice label{color:#d0dcbe}[data-theme=dark] .export-choice select{color:#e1eccc;background:#1b2a1b;border-color:#819265}[data-theme=dark] #status{color:#c8d6ba}[data-theme=dark] .padding-panel{background:#293527;border-color:#4f6143}[data-theme=dark] .padding-heading p{color:#c4d3b4}[data-theme=dark] .wave-panel{background:radial-gradient(at 15% 80%,#405c47,#0000 70%),radial-gradient(at 90% 15%,#7a6b48,#0000 65%),#4b5b36;border-color:#819165}[data-theme=dark] .wave-panel .help-button{color:#f0f3d8;background:#2d402d99;border-color:#c3cba0}[data-theme=dark] .measurements{color:#e0e9cc}[data-theme=dark] .measurements output{color:#f1f6db}[data-theme=dark] .wave-grid{stroke:#c6d4a5}[data-theme=dark] #wave-path{stroke:#edf4cd}[data-theme=dark] #playhead{stroke:#fff8e7}[data-theme=dark] .padding-shade{fill:#f6ffe916;stroke:#d1dfb4}[data-theme=dark] .render-state{color:#eff4d9;background:#34472ddd}[data-theme=dark] .time-scale,[data-theme=dark] .time-scale>span:nth-child(2){color:#e4edcd}[data-theme=dark] .advanced-panel{background:#212c23;border-color:#4c5c40}[data-theme=dark] .advanced-panel>summary{color:#e2ecd4}[data-theme=dark] .advanced-panel>summary::marker{color:#d4e49e}[data-theme=dark] .advanced-panel>summary span,[data-theme=dark] .advanced-note,[data-theme=dark] .seed-control>span:last-child{color:#bdcdb0}[data-theme=dark] .pattern-section,[data-theme=dark] .noise-section{border-color:#526447}[data-theme=dark] footer{color:#bfceb3;border-color:#46563e}[data-theme=dark] dialog{color:#e5eddb;background:#243022;border-color:#7a8c65;box-shadow:0 20px 90px #0008}[data-theme=dark] dialog::backdrop{background:#050b08bb}[data-theme=dark] .dialog-heading{background:#243022}[data-theme=dark] dialog p,[data-theme=dark] dialog dd{color:#c6d6b8}[data-theme=dark] dialog dt{color:#e3edba}@media (width<=700px){header{grid-template-columns:1fr auto auto;display:grid}.header-tools{display:contents}.file-actions{grid-area:2/1/auto/-1;justify-content:flex-end}#theme-toggle{grid-area:1/2}#help-open{grid-area:1/3}.file-actions .guide-button{width:auto;min-width:58px;height:36px}}