.knob-container.svelte-d55aj0{display:flex;flex-direction:column;align-items:center;gap:.5rem;-webkit-user-select:none;user-select:none}label.svelte-d55aj0{color:#fff;font-size:.9rem;font-weight:500}.value.svelte-d55aj0{color:#999;font-size:.85rem;font-family:monospace;min-width:60px;text-align:center}svg.svelte-d55aj0{cursor:pointer;transition:transform .1s}svg.svelte-d55aj0:hover{transform:scale(1.05)}svg.dragging.svelte-d55aj0{cursor:ns-resize;transform:scale(1.1)}.synth-controls.svelte-1nbzpfk{display:flex;flex-direction:column;gap:1rem;padding:1rem;border:1px solid #667eea}.control-row.svelte-1nbzpfk{display:flex;gap:1rem;align-items:center}.control-group.svelte-1nbzpfk{display:flex;flex-direction:column;gap:1rem}label.svelte-1nbzpfk{color:#fff;font-size:.9rem;font-weight:500}select.svelte-1nbzpfk{padding:.5rem;border:1px solid #667eea;background:#1a1a1a;color:#fff;font-size:1rem;cursor:pointer}.piano-keyboard.svelte-w87oac{position:relative;height:200px;padding:1rem;border:1px solid #667eea;display:flex;justify-content:center;align-items:flex-start;gap:1rem}.octave-controls.svelte-w87oac{display:flex;flex-direction:column;gap:1rem;align-items:center;justify-content:center}.octave-btn.svelte-w87oac{width:40px;height:40px;background:#667eea;color:#fff;border:none;font-size:1.2rem;cursor:pointer;transition:background .2s}.octave-btn.svelte-w87oac:hover{background:#764ba2}.octave-btn.svelte-w87oac:active{transform:translateY(2px)}.octave-display.svelte-w87oac{width:40px;height:30px;display:flex;align-items:center;justify-content:center;border:1px solid #667eea;color:#fff;font-size:.9rem;font-weight:600}.keys-wrapper.svelte-w87oac{position:relative;display:inline-block}.key.svelte-w87oac{border:1px solid #000;cursor:pointer;transition:all .05s;-webkit-user-select:none;user-select:none}.key.white.svelte-w87oac{width:50px;height:180px;background:linear-gradient(to bottom,#fff,#f0f0f0);z-index:1;position:relative;display:inline-block;vertical-align:top}.key.white.svelte-w87oac:hover{background:linear-gradient(to bottom,#f0f0f0,#e0e0e0)}.key.white.active.svelte-w87oac{background:linear-gradient(to bottom,silver,#b0b0b0);transform:translateY(2px)}.key.black.svelte-w87oac{width:30px;height:110px;background:linear-gradient(to bottom,#000,#2a2a2a);position:absolute;z-index:2;margin-left:-15px}.key.black.svelte-w87oac:hover{background:linear-gradient(to bottom,#2a2a2a,#3a3a3a)}.key.black.active.svelte-w87oac{background:linear-gradient(to bottom,#4a4a4a,#5a5a5a);transform:translateY(2px)}.key.black.svelte-w87oac .note-label:where(.svelte-w87oac){color:#fff}.note-label.svelte-w87oac{position:absolute;bottom:10px;left:50%;transform:translate(-50%);font-size:.7rem;color:#666;pointer-events:none}.keyboard-key.svelte-w87oac{position:absolute;top:10px;left:50%;transform:translate(-50%);font-size:.8rem;font-weight:600;color:#999;pointer-events:none}.key.black.svelte-w87oac .keyboard-key:where(.svelte-w87oac){color:#ccc}.key.black-0.svelte-w87oac{left:50px}.key.black-1.svelte-w87oac{left:100px}.key.black-2.svelte-w87oac{left:200px}.key.black-3.svelte-w87oac{left:250px}.key.black-4.svelte-w87oac{left:300px}.oscilloscope.svelte-iceze7{border:1px solid #667eea;padding:1rem;display:flex;flex-direction:column;gap:1rem}.controls.svelte-iceze7{display:flex;justify-content:center}.mode-toggle.svelte-iceze7{display:flex;gap:0;background:#0a0a0a;padding:2px;border:1px solid #667eea}.mode-toggle.svelte-iceze7 button:where(.svelte-iceze7){padding:.4rem 1rem;background:transparent;color:#999;border:none;cursor:pointer;font-size:.85rem;font-weight:500;transition:all .2s}.mode-toggle.svelte-iceze7 button:where(.svelte-iceze7):hover{color:#ccc}.mode-toggle.svelte-iceze7 button.active:where(.svelte-iceze7){background:#667eea;color:#fff}canvas.svelte-iceze7{background:#0a0a0a;border:1px solid #667eea;align-self:center;max-width:100%;height:auto}.envelope-display.svelte-m2xo0e{border:1px solid #667eea;padding:1rem;display:flex;flex-direction:column;gap:1rem}h3.svelte-m2xo0e{margin:0;color:#667eea;font-size:1rem;font-weight:600}.adsr-knobs.svelte-m2xo0e{display:flex;gap:1rem;justify-content:center}canvas.svelte-m2xo0e{background:#0a0a0a;border:1px solid #667eea;align-self:center;max-width:100%;height:auto}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-weight:100!important;background:#0a0a0a;color:#fff}main.svelte-1uha8ag{margin:0 auto;padding:1rem;padding-bottom:280px}h1.svelte-1uha8ag{font-size:2rem;font-weight:100;margin:0;margin-bottom:1rem;background:linear-gradient(45deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.app-container.svelte-1uha8ag{display:flex;gap:1rem;align-items:flex-start}.left-column.svelte-1uha8ag{flex-shrink:0;width:200px}.image-selector.svelte-1uha8ag{margin-bottom:1rem;padding:1rem;border:1px solid #667eea}.image-selector.svelte-1uha8ag label:where(.svelte-1uha8ag){display:block;color:#fff;font-size:.9rem;font-weight:500;margin-bottom:.5rem}.image-selector.svelte-1uha8ag select:where(.svelte-1uha8ag){width:100%;padding:.5rem;border:1px solid #667eea;background:#1a1a1a;color:#fff;font-size:.9rem;cursor:pointer}.noise-image.svelte-1uha8ag{display:block;width:100%;height:auto}.wavetable-control.svelte-1uha8ag{margin-top:1rem;padding:1rem;border:1px solid #667eea}.wavetable-control.svelte-1uha8ag label:where(.svelte-1uha8ag){display:block;color:#fff;font-size:.9rem;font-weight:500;margin-bottom:.5rem}.wavetable-control.svelte-1uha8ag input[type=range]:where(.svelte-1uha8ag){width:100%;cursor:pointer}.synth-container.svelte-1uha8ag{flex:1;display:flex;flex-direction:column;gap:1rem}.top-row.svelte-1uha8ag{display:flex;gap:1rem;align-items:stretch}.controls-column.svelte-1uha8ag{flex:1;display:flex;flex-direction:column;gap:1rem}.top-row.svelte-1uha8ag>*{flex:1}.keyboard-footer.svelte-1uha8ag{position:fixed;bottom:0;left:0;right:0;z-index:100;background:#0a0a0a;padding:1rem}