.keyscale.svelte-15xygnf{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .75rem;padding:.35rem .5rem;border-bottom:1px solid #1a1a1a;font-family:Inter}.top-btn.svelte-15xygnf{padding:.3rem .7rem;font-size:.7rem;color:#aaa;background:#000;border:1px solid #333;border-radius:0;cursor:pointer;font-family:inherit;flex:none;transition:color .15s,border-color .15s,background .15s}.top-btn.svelte-15xygnf:hover{color:#fff;border-color:#666}.top-btn.svelte-15xygnf.on{color:#fff;border-color:#fff;background:#222}.top-btn.svelte-15xygnf.disabled{opacity:.35;pointer-events:none}.arp-slider.svelte-15xygnf{display:flex;align-items:center;gap:.4rem;margin-left:.3rem}.arp-label.svelte-15xygnf{font-size:.62rem;color:#888;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;min-width:52px;text-align:right;background:none;border:none;padding:0;cursor:pointer;transition:color .15s}.arp-label.svelte-15xygnf:hover,.arp-label.svelte-15xygnf.learn{color:#ffd54a}.arp-slider-root{width:7rem}.arp-track{height:3px}.arp-thumb{width:11px;height:11px}.arp-center-tick{position:absolute;top:50%;left:50%;width:1px;height:9px;background:#555;transform:translate(-50%,-50%);pointer-events:none;z-index:1}.key-trigger .select-frame{min-width:9rem;font-size:.75rem;color:#ddd}.chord-type .select-frame{min-width:7.5rem}.spacer.svelte-15xygnf{flex:1}.arrow-btn.svelte-15xygnf{display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:#fff;cursor:pointer;transition:transform .12s;width:1.5rem;padding:0}.arrow-btn.svelte-15xygnf svg:where(.svelte-15xygnf){width:1.5rem;fill:currentColor;display:block;transition:transform .12s}.arrow-btn.svelte-15xygnf:hover{transform:scale(1.15)}.arrows.svelte-15xygnf{display:flex;align-items:center}.clear-btn.svelte-15xygnf{padding:.2rem .5rem;font-size:.72rem;color:#666}.clear-btn.svelte-15xygnf:hover{color:#f44;border-color:#f44}.preset-group.svelte-15xygnf{font-size:.7rem;color:#f84}.preset-group.svelte-15xygnf{display:flex;align-items:center;gap:.2rem}.preset-trigger .select-frame{min-width:5rem;font-size:.72rem;color:#ddd}.inline-delete.svelte-15xygnf{margin-left:auto;padding:0 .3rem;font-size:.7rem;background:none;border:none;color:#666;cursor:pointer}.inline-delete.svelte-15xygnf:hover{color:#f44}.ab-star.svelte-15xygnf{color:#0ff;font-weight:700}.add-preset-btn.svelte-15xygnf{width:1.6rem;height:1.6rem;padding:0;font-size:1rem;line-height:1;font-family:monospace}.rebind-btn.svelte-15xygnf{padding:.2rem .5rem;font-size:.72rem;color:#666}.rebind-btn.svelte-15xygnf:hover{color:#fff;border-color:#666}.rebind-btn.svelte-15xygnf.armed{color:#fff;border-color:#fff;background:#222}.synth-group.svelte-15xygnf{display:flex;align-items:center;font-size:.7rem;color:#aaa;transition:opacity .15s;padding:0 .5rem}.drift-wave .select-frame{min-width:5.5rem;font-size:.72rem;color:#ddd}.env-root{width:4.5rem;height:.9rem}.drift-vol-track{height:4px;background:#222;border-radius:2px;width:100%}.env-stack.svelte-15xygnf{display:flex;flex-direction:column}.env-row.svelte-15xygnf{display:flex;align-items:center;gap:.3rem}.env-letter.svelte-15xygnf{font-size:.62rem;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;color:#ccc;min-width:.6rem}main.svelte-2vgu83{display:flex;flex-direction:column;height:calc(100dvh - var(--site-header-h, 0px));background:#0a0a0a;color:#ccc;font-family:monospace;-webkit-user-select:none;user-select:none}.body-row.svelte-2vgu83{display:flex;flex:1;min-height:0}.sidebar.svelte-2vgu83{width:270px;min-width:0;max-width:0;flex:none;display:flex;flex-direction:column;border-right:1px solid #1a1a1a;overflow:hidden;transition:min-width .2s ease,max-width .2s ease}.sidebar.svelte-2vgu83.open{max-width:270px;min-width:270px}.assign-scroll.svelte-2vgu83{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:.35rem;padding:.3rem .4rem}.assign-header.svelte-2vgu83{display:flex;align-items:center;gap:.5rem;padding:0 0 .2rem;border-bottom:1px solid #1a1a1a;margin-bottom:.15rem}.assign-title.svelte-2vgu83{font-size:.68rem;color:#666;font-weight:700;letter-spacing:.1em}.add-btns.svelte-2vgu83{display:flex;gap:.2rem;margin-left:auto}.add-btn.svelte-2vgu83{padding:.15rem .5rem;font-size:.62rem;color:#aaa;background:#000;border:1px solid #333;border-radius:0;cursor:pointer;font-family:inherit;transition:color .15s,border-color .15s,background .15s}.add-btn.svelte-2vgu83:hover{color:#fff;border-color:#666}.svg-wrap.svelte-2vgu83{flex:1;position:relative;overflow:hidden}.piano.svelte-2vgu83{position:absolute;left:0;right:0;bottom:0;width:100%;z-index:5;background:#0a0a0a;border-top:1px solid #1a1a1a;pointer-events:none}.piano.svelte-2vgu83 .pkey:where(.svelte-2vgu83){stroke:#000;stroke-width:.5;rx:2;fill:#fff;transition:fill .06s ease,height .06s ease,transform .05s ease}.piano.svelte-2vgu83 .pkey:where(.svelte-2vgu83).active{fill:#bbb;transform:translateY(5px)}.piano.svelte-2vgu83 .pkey:where(.svelte-2vgu83).black{fill:#1c1c1c;stroke:#000}.piano.svelte-2vgu83 .pkey:where(.svelte-2vgu83).black.active{fill:#3a3a3a;height:62%;transform:none}svg.svelte-2vgu83{display:block;width:100%;height:100%;cursor:crosshair;touch-action:none}.cc-picker-input.svelte-2vgu83{display:flex;align-items:center;gap:.4rem}.cc-num.svelte-2vgu83{width:4rem;padding:.2rem .3rem;font-size:.72rem;color:#fff;background:#000;border:1px solid #333;border-radius:.2rem;font-family:monospace}.cc-name.svelte-2vgu83{font-size:.7rem;color:#888}.cc-quick.svelte-2vgu83{display:flex;flex-wrap:wrap;gap:.25rem}.cc-quick.svelte-2vgu83 .add-btn.used:where(.svelte-2vgu83){color:#fff;border-color:#fff}.cc-opt.svelte-2vgu83{display:flex;flex-direction:column;align-items:center;min-width:3rem;padding:.15rem .4rem;line-height:1.05}.cc-opt.svelte-2vgu83 .cc-opt-num:where(.svelte-2vgu83){font-size:.68rem;color:#fff}.cc-opt.svelte-2vgu83 .cc-opt-txt:where(.svelte-2vgu83){font-size:.5rem;color:#777;letter-spacing:.03em}