@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-cyrillic-ext-wght-normal-DjL33-gN.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-cyrillic-wght-normal-BEAKL7Jp.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-vietnamese-wght-normal-6IgcOCM7.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-latin-ext-wght-normal-DC-KSUi6.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-latin-wght-normal-BgDaEnEv.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-cyrillic-ext-wght-normal-I4S5GZfc.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-cyrillic-wght-normal-BmXc_FBt.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-symbols2-wght-normal-GZpp1pK2.woff2) format("woff2-variations");unicode-range:U+2000-2001,U+2004-2008,U+200A,U+23B8-23BD,U+2500-259F}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-vietnamese-wght-normal-D8KDMBhC.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-latin-ext-wght-normal-DrnZ1wKl.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-latin-wght-normal-B_7UjwxQ.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:currentColor}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}:root{--color-bg: oklch(96% .007 80);--color-surface: oklch(99% .004 80);--color-surface-2: oklch(93% .008 80);--color-border: oklch(87% .006 80);--color-text: oklch(18% .008 265);--color-text-muted: oklch(50% .007 265);--color-accent: oklch(42% .14 268);--color-accent-dim: oklch(75% .08 268);--color-error: oklch(50% .2 27);--color-success: oklch(48% .17 148);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--space-8: 32px;--space-12: 48px;--space-16: 64px;--font-sans: "Geist Variable", system-ui, sans-serif;--font-mono: "Geist Mono Variable", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--text-xs: 11px;--text-sm: 13px;--text-base: 16px;--text-lg: 20px;--text-xl: 25px;--text-2xl: 32px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 16px;--nav-h: 64px}body{font-family:var(--font-sans);font-size:var(--text-base);color:var(--color-text);line-height:1.6;font-smooth:auto;-webkit-font-smoothing:auto;-moz-osx-font-smoothing:auto}h1{font-size:var(--text-2xl);font-weight:700}h2{font-size:var(--text-xl);font-weight:600}h3{font-size:var(--text-lg);font-weight:600}h4{font-size:var(--text-base);font-weight:600}p{margin-bottom:var(--space-4)}label{font-size:var(--text-sm);color:var(--color-text-muted);display:block}small{font-size:var(--text-xs);color:var(--color-text-muted)}code{font-family:var(--font-mono);font-size:var(--text-sm);background:var(--color-surface-2);padding:2px var(--space-1);border-radius:var(--radius-sm)}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;background:var(--color-bg)}#root{display:flex;flex-direction:column}main{flex:1;max-width:1200px;width:100%;margin:0 auto;padding:var(--space-8) var(--space-6)}nav{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--color-border)}section{margin-bottom:var(--space-12)}.editor-layout{flex:1;display:grid;grid-template-columns:1fr 260px;gap:var(--space-6);align-items:stretch;min-height:0;max-width:1200px;width:100%;margin:0 auto;padding:var(--space-8) var(--space-6)}.decode-error{max-width:1200px;margin:0 auto;padding:var(--space-3) var(--space-6);font-size:var(--text-sm);color:var(--color-error)}.editor-layout.theme-loading{visibility:hidden}.decode-error{background:var(--color-error);color:var(--color-surface);text-align:center;padding:var(--space-2) var(--space-4);font-size:var(--text-sm)}.nav-left{display:flex;align-items:center;gap:var(--space-3)}.nav-home{font-size:var(--text-sm);font-weight:600;color:var(--color-text);text-decoration:none;transition:color .15s}.nav-home:hover{color:var(--color-accent)}.nav-sep{display:block;width:1px;height:16px;background:var(--color-border)}.nav-synth{font-size:var(--text-sm);color:var(--color-text-muted)}.landing-hero{padding-bottom:var(--space-8)}.landing-tagline{font-size:var(--text-lg);color:var(--color-text-muted);margin:var(--space-2) 0 0}.how-it-works{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6);padding:var(--space-8) 0;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.how-step{display:flex;flex-direction:column;gap:var(--space-2)}.how-step-n{font-size:var(--text-xs);font-family:var(--font-mono);color:var(--color-accent);letter-spacing:.05em}.how-step-label{font-size:var(--text-base);font-weight:600;color:var(--color-text)}.how-step-detail{font-size:var(--text-sm);color:var(--color-text-muted);margin:0}.section-heading{font-size:var(--text-xs);font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-4)}.synth-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-6)}.synth-card{display:block;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;text-decoration:none;color:inherit;transition:border-color .15s}.synth-card:hover{border-color:var(--color-accent)}.synth-card-soon{cursor:default;opacity:.5}.synth-card-soon:hover{border-color:var(--color-border)}.synth-card-soon-image{aspect-ratio:4 / 3;background:var(--color-surface-2)}.synth-card-image{width:100%;display:block}.synth-card-body{padding:var(--space-3) var(--space-4) var(--space-4);display:flex;flex-direction:column;gap:var(--space-2)}.synth-card-name{font-size:var(--text-base);font-weight:600;color:var(--color-text);margin:0}.synth-card-desc{font-size:var(--text-sm);color:var(--color-text-muted);margin:0;line-height:1.5}.synth-card-meta{font-size:var(--text-xs);font-family:var(--font-mono);color:var(--color-text-muted);margin-top:var(--space-1)}@media(min-width:1400px){.editor-layout{grid-template-columns:1fr 320px;max-width:1400px}}@media(min-width:1800px){.editor-layout{grid-template-columns:1fr 360px;max-width:1700px}}@media(max-width:768px){.editor-layout{grid-template-columns:1fr}.param-sidebar{position:static;max-height:none}.how-it-works{grid-template-columns:1fr}}button{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-2) var(--space-4);font-size:var(--text-sm);cursor:pointer;transition:background-color 15ms,border-color 15ms,color 15ms}button:hover{border-color:var(--color-accent);color:var(--color-accent);background:var(--color-surface-2)}button:active{opacity:.8}button:focus-visible{outline:2px solid var(--color-accent);outline-offset:1px}input[type=text],input[type=search],textarea{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);width:100%;transition:border-color 15ms}input[type=text]:focus-visible,input[type=search]:focus-visible,textarea:focus-visible{outline:2px solid var(--color-accent);outline-offset:1px}input[type=range]{accent-color:var(--color-accent);cursor:pointer}select{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);font-size:var(--text-sm)}input::placeholder,textarea::placeholder{color:var(--color-text-muted);opacity:.6}.knob-body{width:var(--knob-size, 36px);height:var(--knob-size, 36px);border-radius:50%;border:1.5px solid var(--color-border);background:var(--color-surface);position:relative;cursor:grab;transition:border-color 15ms}.knob-body:hover{border-color:var(--color-accent-dim)}.knob-body.is-dragging{cursor:grabbing;border-color:var(--color-accent)}.knob-body:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.knob-indicator{position:absolute;bottom:50%;left:50%;width:2px;height:10px;border-radius:2px;border:.5px solid var(--color-accent);background:var(--color-accent);transform-origin:bottom center}.knob-readout{position:absolute;top:50%;left:calc(100% + 8px);transform:translateY(-50%);color:var(--color-accent);font-size:var(--text-xs);font-family:var(--font-mono);white-space:nowrap;background:var(--color-surface);padding:2px 5px;border-radius:var(--radius-sm);border:1px solid var(--color-border);z-index:20;pointer-events:none}@container panel (min-width: 0){.knob-body{width:3.8cqw;height:3.8cqw}.knob-indicator{width:.22cqw;height:1.1cqw}}.switch-track{width:var(--switch-w, 20px);height:var(--switch-h, 36px);background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:10px;position:relative;cursor:pointer;transition:border-color 15ms}.switch-track:hover{border-color:var(--color-accent-dim)}.switch-track:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.switch-nub{position:absolute;left:3px;right:3px;height:10px;background:var(--color-accent-dim);border:1.5px solid var(--color-accent-dim);border-radius:50%}.switch-track:hover .switch-nub{border-color:var(--color-accent);background:var(--color-accent)}@container panel (min-width: 0){.switch-track{width:2.2cqw;height:4cqw}.switch-nub{left:calc(50% - .5cqw);right:auto;width:1cqw;height:1cqw;border-radius:50%}}.slider-vertical{-webkit-appearance:none;-moz-appearance:none;appearance:none;writing-mode:vertical-lr;direction:rtl;height:var(--slider-h, 119px);width:20px;background:transparent;cursor:pointer;margin:0}.slider-vertical::-moz-range-track{width:3px;background:var(--color-surface);border-radius:1.5px;border:1.5px solid var(--color-surface)}.slider-vertical::-moz-range-thumb{width:8px;height:8px;border-radius:50%;background:var(--color-accent-dim);border:1.5px solid var(--color-accent-dim);cursor:pointer}.slider-vertical::-moz-range-thumb:hover{border-color:var(--color-accent);background:var(--color-accent)}@container panel (min-width: 0){.slider-vertical{height:9.7cqw;width:2cqw}}.footer{border-top:1px solid var(--color-border);padding:var(--space-4) var(--space-6);text-align:center;font-size:var(--text-xs);color:var(--color-text-muted);line-height:1.8}.footer a{color:var(--color-text-muted);text-decoration:none;transition:color 15ms}.footer a:hover{color:var(--color-accent);text-decoration:underline}.footer-heart{color:var(--color-accent)}.patchbay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.patchbay-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.jack{position:absolute;width:1.8cqw;height:1.8cqw;border-radius:50%;border:1.5px solid var(--color-border);background:var(--color-surface);cursor:pointer;transition:border-color 15ms;touch-action:none;transform:translate(-50%,-50%);z-index:2;pointer-events:auto}.jack:hover{border-color:var(--color-accent-dim)}.jack:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.jack--connected,.jack--active{border-color:var(--color-accent)}@container panel (min-width: 0){.jack{width:1.8cqw;height:1.8cqw}}.tooltip-wrapper{position:relative}.tooltip-wrapper:hover .tooltip-text{display:block}.tooltip-text{display:none;position:absolute;bottom:120%;left:50%;transform:translate(-50%);background:var(--color-surface);color:var(--color-text);padding:4px 8px;border-radius:var(--radius-sm);font-size:var(--text-xs);white-space:nowrap;z-index:100;border:1px solid var(--color-border);pointer-events:none}.tooltip-text:before{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:4px solid transparent;border-top-color:var(--color-surface);z-index:2}.tooltip-text:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:var(--color-border)}.panel-container{container-type:inline-size;container-name:panel;height:100%;display:flex;align-items:center;justify-content:center}.panel-inner{position:relative;width:100%}.panel-image{width:100%;display:block;pointer-events:none;-webkit-user-select:none;user-select:none}.param-sidebar{align-self:start;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);position:sticky;top:calc(var(--nav-h) + var(--space-4));max-height:calc(100vh - var(--nav-h) - var(--space-8));overflow-y:auto;padding:var(--space-4)}.param-section-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:var(--space-2);border-bottom:1px solid var(--color-border);margin-bottom:var(--space-2);font-size:var(--text-xs);font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.07em}.param-row{display:flex;align-items:center;gap:var(--space-4)}.param-row-label{flex:1;font-size:var(--text-xs);color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.param-row.is-modified .param-row-label{color:var(--color-text)}.param-row-value{font-size:var(--text-xs);font-family:var(--font-mono);color:var(--color-text-muted);min-width:36px;text-align:right}.param-row.is-modified .param-row-value{color:var(--color-accent)}input.preset-name{background:transparent;border:none;border-bottom:1px solid transparent;border-radius:0;padding:var(--space-2) var(--space-2);width:auto;color:var(--color-text-muted);font-size:var(--text-sm);font-family:var(--font-sans);transition:border-color 15ms,color 15ms}input.preset-name:hover{border-bottom-color:var(--color-border)}input.preset-name:focus{outline:none;border-bottom-color:var(--color-accent);color:var(--color-text)}input.preset-name::placeholder{color:var(--color-text-muted);opacity:.5}