:root{color-scheme:dark;--accent:#2dd4bf;--grad:linear-gradient(92deg,#2ee6a6,#38bdf8 60%,#818cf8)}*{box-sizing:border-box}body{background:radial-gradient(1100px 700px at 50% -10%,#0c1320 0,transparent 55%),#05070a;color:#e8edf1;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin:0;min-height:100vh;-webkit-font-smoothing:antialiased}.synth{margin:0 auto;max-width:1120px;padding:26px 18px 56px}.synth__bar{align-items:center;display:flex;gap:14px;margin-bottom:18px}.synth__title{background:var(--grad);-webkit-background-clip:text;background-clip:text;font-size:22px;font-weight:800;letter-spacing:-.01em;margin:0;-webkit-text-fill-color:transparent}.synth__back{margin-right:auto}.synth__back,.synth__home{color:#9fb0bb;font-size:15px;font-weight:600;text-decoration:none}.synth__home{margin-left:auto}.synth__back:hover,.synth__home:hover{color:#67e8f9}.scopes{display:grid;gap:10px;grid-template-columns:1fr;margin-bottom:16px}@media (min-width:660px){.scopes{grid-template-columns:1.5fr 1fr}}.scope{background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.1);border-radius:12px;display:block;height:116px;width:100%}.toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px}.btn{background:rgba(45,212,191,.13);border:1px solid rgba(45,212,191,.42);border-radius:9px;color:#d6fbf3;cursor:pointer;font:inherit;font-size:12.5px;font-weight:700;padding:8px 14px;transition:background .14s,border-color .14s}.btn:hover{background:rgba(45,212,191,.24)}.btn--ghost{background:hsla(0,0%,100%,.04);border-color:hsla(0,0%,100%,.16);color:#b9c6cf}.btn--ghost:hover{background:hsla(0,0%,100%,.09)}.btn.is-playing{background:rgba(45,212,191,.28);border-color:#2dd4bf;color:#eafffb}.toolbar__hint{color:#7d909c;font-size:12px}.rack{overflow-x:auto}.modules,.rack{position:relative}.modules{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(214px,1fr));min-width:0}.cables{left:0;overflow:visible;pointer-events:none;position:absolute;top:0;z-index:6}.cable{fill:none;filter:drop-shadow(0 2px 3px rgba(0,0,0,.55));stroke:url(#cabwire);stroke-linecap:round;stroke-width:3.4}.cable--cv{stroke:url(#cabwirecv)}.cable--temp{opacity:.85;stroke:var(--accent);stroke-dasharray:7 7}.cable--temp.cable--cv{stroke:#c4b5fd}.cable--hit{cursor:pointer;pointer-events:stroke;stroke:transparent;stroke-width:18}.panel{backdrop-filter:blur(6px);background:linear-gradient(180deg,rgba(21,29,40,.74),rgba(12,17,24,.74));border:1px solid hsla(0,0%,100%,.09);border-radius:14px;box-shadow:0 10px 26px rgba(0,0,0,.34);display:flex;flex-direction:column;gap:11px;padding:12px 12px 10px;position:relative}.panel__title{background:var(--grad);-webkit-background-clip:text;background-clip:text;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;-webkit-text-fill-color:transparent}.panel__body{display:grid;gap:12px 6px;grid-template-columns:repeat(auto-fit,minmax(58px,1fr))}.field{align-items:center;display:flex;flex-direction:column;gap:6px;min-width:0}.field__lbl{color:#8aa0ad;font-size:9.5px;font-weight:700;letter-spacing:.07em;line-height:1.1;text-align:center;text-transform:uppercase}.sel{accent-color:var(--accent);background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.16);border-radius:8px;color:#e8edf1;font:inherit;font-size:11.5px;max-width:92px;padding:6px 7px;width:100%}.knob-wrap{align-items:center;display:flex;flex-direction:column;gap:5px}.knob{--accent:#2dd4bf;background:radial-gradient(circle at 50% 36%,#1c2735,#0b1018 72%);border-radius:50%;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.06),0 4px 10px rgba(0,0,0,.5);cursor:ns-resize;height:46px;outline:none;position:relative;touch-action:none;width:46px}.knob:focus-visible{box-shadow:inset 0 1px 0 hsla(0,0%,100%,.06),0 0 0 2px rgba(45,212,191,.6)}.knob__fill{inset:-3px;-webkit-mask:radial-gradient(circle,transparent 55%,#000 56%);mask:radial-gradient(circle,transparent 55%,#000 56%)}.knob__cap,.knob__fill{border-radius:50%;position:absolute}.knob__cap{background:linear-gradient(#222f3b,#121922);box-shadow:inset 0 1px 1px hsla(0,0%,100%,.08),inset 0 -2px 4px rgba(0,0,0,.5);inset:7px}.knob__ptr{background:linear-gradient(#a9f5e9,#2dd4bf);border-radius:2px;box-shadow:0 0 6px rgba(45,212,191,.55);height:42%;left:50%;position:absolute;top:6px;transform:translateX(-50%);transform-origin:50% 100%;width:2.5px}.knob__val{color:#b9d4dd;font-size:10px;font-variant-numeric:tabular-nums;letter-spacing:.01em}.panel__jacks{align-items:flex-start;border-top:1px solid hsla(0,0%,100%,.07);display:flex;gap:8px;justify-content:space-between;margin-top:auto;padding-top:9px}.jacks-group{display:flex;gap:11px}.jack-holder{align-items:center;display:flex;flex-direction:column;gap:3px}.jack{background:radial-gradient(circle at 50% 34%,#2c3a48,#090e14 75%);border:2px solid var(--accent);border-radius:50%;box-shadow:0 0 0 2px rgba(0,0,0,.45),inset 0 0 3px rgba(0,0,0,.85);cursor:crosshair;height:16px;touch-action:none;transition:box-shadow .12s,transform .12s;width:16px}.jack--cv{border-color:#a78bfa}.jack:hover{box-shadow:0 0 0 2px rgba(45,212,191,.4),0 0 11px rgba(45,212,191,.6);transform:scale(1.12)}.jack--cv:hover{box-shadow:0 0 0 2px rgba(167,139,250,.4),0 0 11px rgba(167,139,250,.6)}.jack--armed{box-shadow:0 0 0 2px rgba(45,212,191,.6),0 0 14px rgba(45,212,191,.8);transform:scale(1.18)}.jack__lbl{color:#7d909c;font-size:8.5px;font-weight:700;letter-spacing:.03em;text-transform:uppercase}.synth__keys{border-radius:0 0 10px 10px;display:flex;filter:drop-shadow(0 14px 26px rgba(0,0,0,.5));height:178px;margin-top:22px;position:relative;touch-action:none;-moz-user-select:none;user-select:none;-webkit-user-select:none}.key{cursor:pointer}.key--white{background:linear-gradient(#f6f8fa,#dde4ea);border:1px solid #11161c;border-radius:0 0 6px 6px;flex:1;height:100%}.key--white+.key--white{border-left:none}.key--white.is-on{background:linear-gradient(#bff3ea,#6fe0d6)}.key--black{background:linear-gradient(#2a323b,#11161c);border:1px solid #000;border-radius:0 0 5px 5px;height:62%;position:absolute;top:0;z-index:2}.key--black.is-on{background:linear-gradient(#2dd4bf,#0e7490)}.synth__hint{color:#71808a;font-size:12.5px;line-height:1.7;margin-top:18px}.synth__hint kbd{background:hsla(0,0%,100%,.06);border:1px solid hsla(0,0%,100%,.14);border-radius:4px;color:#cdd9e1;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;padding:1px 6px}@media (max-width:520px){.modules{grid-template-columns:1fr}.synth__keys{height:150px}.jacks-group{gap:16px}.jack{position:relative}.jack:before{border-radius:50%;content:"";inset:-10px;position:absolute}}