.gradient-editor.svelte-1ud2thi{display:flex;flex-direction:column;gap:1rem;padding:1rem;background:#fff;border:1px solid #e5e5e5;border-radius:.5rem}.controls-row.svelte-1ud2thi{display:flex;gap:1.5rem;flex-wrap:wrap;padding-bottom:.75rem;border-bottom:1px solid #eee}.control-group.svelte-1ud2thi{display:flex;flex-direction:column;gap:.35rem}.control-group.svelte-1ud2thi label:where(.svelte-1ud2thi){font-size:.85rem;font-weight:600;color:#555}.control-group.svelte-1ud2thi select:where(.svelte-1ud2thi){padding:.5rem .75rem;font-size:.9rem;border:2px solid #ddd;border-radius:.375rem;background:#fff;color:#333;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease;min-width:120px}.control-group.svelte-1ud2thi select:where(.svelte-1ud2thi):hover{border-color:#ccc}.control-group.svelte-1ud2thi select:where(.svelte-1ud2thi):focus{outline:none;border-color:#ff8c00;box-shadow:0 0 0 3px #ff8c0026}.gradient-bar-container.svelte-1ud2thi{position:relative}.gradient-bar.svelte-1ud2thi{position:relative;height:40px;border-radius:.5rem;border:2px solid #ddd;cursor:crosshair;box-shadow:inset 0 2px 4px #00000014;transition:border-color .2s ease}.gradient-bar.svelte-1ud2thi:hover{border-color:#ff8c00}.bar-hint.svelte-1ud2thi{font-size:.75rem;color:#888;text-align:center;margin-top:.5rem;font-style:italic}.stop-handle.svelte-1ud2thi{position:absolute;top:50%;width:18px;height:18px;border-radius:50%;border:3px solid white;box-shadow:0 2px 4px #00000040,0 0 0 1px #0000001a;transform:translate(-50%,-50%);cursor:grab;transition:transform .15s ease,box-shadow .15s ease;z-index:2}.stop-handle.svelte-1ud2thi:hover{transform:translate(-50%,-50%) scale(1.2);box-shadow:0 3px 8px #0000004d,0 0 0 1px #0000001a}.stop-handle.dragging.svelte-1ud2thi{cursor:grabbing;transform:translate(-50%,-50%) scale(1.25);box-shadow:0 4px 12px #00000059}.stop-handle.active.svelte-1ud2thi{box-shadow:0 0 0 4px #ff8c0066,0 3px 8px #0000004d}.stop-tooltip.svelte-1ud2thi{position:absolute;bottom:100%;left:50%;transform:translate(-50%);padding:.3rem .5rem;font-size:.75rem;font-weight:600;background:linear-gradient(135deg,#ff8c00,#ff5100);color:#fff;border-radius:.25rem;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s ease;margin-bottom:6px}.stop-tooltip.svelte-1ud2thi:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:#ff5100}.stop-handle.svelte-1ud2thi:hover .stop-tooltip:where(.svelte-1ud2thi),.stop-handle.dragging.svelte-1ud2thi .stop-tooltip:where(.svelte-1ud2thi){opacity:1}.hidden-color-input.svelte-1ud2thi{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.stops-list.svelte-1ud2thi{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;padding:.75rem;background:#f9f9f9;border-radius:.375rem;border:1px solid #eee}.stop-item.svelte-1ud2thi{display:flex;align-items:center;gap:.5rem;padding:.5rem .6rem;background:#fff;border-radius:.375rem;border:1px solid #ddd;box-shadow:0 1px 2px #0000000a;transition:border-color .2s ease,box-shadow .2s ease}.stop-item.svelte-1ud2thi:hover{border-color:#ccc;box-shadow:0 2px 4px #00000014}.stop-color-input.svelte-1ud2thi{width:32px;height:28px;padding:2px;border:2px solid #ddd;border-radius:.25rem;cursor:pointer;transition:border-color .2s ease}.stop-color-input.svelte-1ud2thi:hover{border-color:#ff8c00}.stop-position-input.svelte-1ud2thi{width:50px;padding:.35rem .4rem;font-size:.85rem;font-weight:600;border:2px solid #ddd;border-radius:.25rem;text-align:center;background:#fff;color:#333;transition:border-color .2s ease,box-shadow .2s ease}.stop-position-input.svelte-1ud2thi:focus{outline:none;border-color:#ff8c00;box-shadow:0 0 0 3px #ff8c0026}.stop-percent.svelte-1ud2thi{font-size:.8rem;font-weight:600;color:#888}.btn-remove-stop.svelte-1ud2thi{padding:.3rem;background:transparent;border:none;color:#aaa;cursor:pointer;border-radius:.25rem;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.btn-remove-stop.svelte-1ud2thi:hover{color:#dc3545;background:#dc35451a}.btn-add-stop.svelte-1ud2thi{display:flex;align-items:center;gap:.35rem;padding:.5rem .75rem;font-size:.85rem;font-weight:600;background:#fff;border:2px dashed #ccc;border-radius:.375rem;cursor:pointer;color:#666;transition:all .2s ease}.btn-add-stop.svelte-1ud2thi:hover{background:#fff8f0;border-color:#ff8c00;color:#ff8c00}.waveform-preview.svelte-1ud2thi{margin-top:.5rem}.preview-label.svelte-1ud2thi{display:block;font-size:.85rem;font-weight:600;color:#555;margin-bottom:.5rem}.preview-container.svelte-1ud2thi{position:relative;overflow:hidden;border-radius:.5rem;background:linear-gradient(to bottom,#00000005,#0000000f);border:2px solid #e5e5e5}.preview-canvas.svelte-1ud2thi{width:100%;height:100%;display:block}[data-theme=dark] .gradient-editor.svelte-1ud2thi{background:#1a1a1a;border-color:#333}[data-theme=dark] .controls-row.svelte-1ud2thi{border-bottom-color:#333}[data-theme=dark] .control-group.svelte-1ud2thi label:where(.svelte-1ud2thi){color:#bbb}[data-theme=dark] .control-group.svelte-1ud2thi select:where(.svelte-1ud2thi){background:#252525;border-color:#444;color:#ddd}[data-theme=dark] .control-group.svelte-1ud2thi select:where(.svelte-1ud2thi):hover{border-color:#555}[data-theme=dark] .control-group.svelte-1ud2thi select:where(.svelte-1ud2thi):focus{border-color:#ff8c00;box-shadow:0 0 0 3px #ff8c0033}[data-theme=dark] .gradient-bar.svelte-1ud2thi{border-color:#444}[data-theme=dark] .gradient-bar.svelte-1ud2thi:hover{border-color:#ff8c00}[data-theme=dark] .bar-hint.svelte-1ud2thi{color:#666}[data-theme=dark] .stops-list.svelte-1ud2thi{background:#222;border-color:#333}[data-theme=dark] .stop-item.svelte-1ud2thi{background:#2a2a2a;border-color:#444}[data-theme=dark] .stop-item.svelte-1ud2thi:hover{border-color:#555}[data-theme=dark] .stop-color-input.svelte-1ud2thi{border-color:#444}[data-theme=dark] .stop-position-input.svelte-1ud2thi{background:#1a1a1a;border-color:#444;color:#ddd}[data-theme=dark] .stop-position-input.svelte-1ud2thi:focus{border-color:#ff8c00;box-shadow:0 0 0 3px #ff8c0033}[data-theme=dark] .stop-percent.svelte-1ud2thi{color:#888}[data-theme=dark] .btn-remove-stop.svelte-1ud2thi{color:#666}[data-theme=dark] .btn-add-stop.svelte-1ud2thi{background:#2a2a2a;border-color:#444;color:#aaa}[data-theme=dark] .btn-add-stop.svelte-1ud2thi:hover{background:#333;border-color:#ff8c00;color:#ff8c00}[data-theme=dark] .preview-label.svelte-1ud2thi{color:#bbb}[data-theme=dark] .preview-container.svelte-1ud2thi{background:linear-gradient(to bottom,#ffffff05,#ffffff0d);border-color:#333}.inline-band-picker.svelte-11mtlan{display:flex;flex-direction:column;gap:.3rem;width:100%;max-width:100%}.inline-band-picker.disabled.svelte-11mtlan{opacity:.5;pointer-events:none}.canvas-container.svelte-11mtlan{position:relative;display:flex;justify-content:center}.spectrum-canvas.svelte-11mtlan{display:block;width:100%;max-width:500px;height:140px;border-radius:4px;border:1px solid rgba(0,0,0,.15);cursor:default;background:#f0f0f4}.dark .spectrum-canvas.svelte-11mtlan{background:#0a0a14;border-color:#ffffff1a}.zoom-indicator.svelte-11mtlan{position:absolute;top:3px;right:3px;background:#ff9900e6;color:#000;padding:1px 4px;border-radius:2px;font-size:.55rem;font-weight:600;letter-spacing:.3px}.controls-row.svelte-11mtlan{display:flex;justify-content:center;align-items:center;gap:.5rem;flex-wrap:wrap}.presets.svelte-11mtlan{display:flex;gap:.15rem}.preset-btn.svelte-11mtlan{padding:.2rem .35rem;background:#0000000f;border:1px solid rgba(0,0,0,.1);border-radius:3px;font-size:.65rem;font-weight:500;cursor:pointer;transition:all .12s ease;color:#555}.dark .preset-btn.svelte-11mtlan{background:#0000004d;border-color:#ffffff1a;color:#888}.preset-btn.svelte-11mtlan:hover{background:#4ade8026;border-color:#4ade8066;color:#16a34a}.dark .preset-btn.svelte-11mtlan:hover{color:#4ade80}.preset-btn.active.svelte-11mtlan{background:#4ade8033;border-color:#22c55e;color:#16a34a}.dark .preset-btn.active.svelte-11mtlan{border-color:#4ade80;color:#4ade80}.zoom-controls.svelte-11mtlan{display:flex;gap:.15rem}.zoom-btn.svelte-11mtlan{display:flex;align-items:center;justify-content:center;padding:.25rem;background:#0000000f;border:1px solid rgba(0,0,0,.1);border-radius:2px;cursor:pointer;transition:all .12s ease;color:#555}.dark .zoom-btn.svelte-11mtlan{background:#0000004d;border-color:#ffffff1a;color:#888}.zoom-btn.svelte-11mtlan:hover:not(:disabled){background:#ff990026;border-color:#f906;color:#c76a00}.dark .zoom-btn.svelte-11mtlan:hover:not(:disabled){color:#f90}.zoom-btn.active.svelte-11mtlan{background:#f903;border-color:#e07800;color:#c76a00}.dark .zoom-btn.active.svelte-11mtlan{border-color:#f90;color:#f90}.zoom-btn.svelte-11mtlan:disabled{opacity:.3;cursor:not-allowed}.zoom-btn.svelte-11mtlan svg:where(.svelte-11mtlan){width:12px;height:12px;flex-shrink:0}.threshold-control.svelte-11mtlan{display:flex;align-items:center;gap:.25rem;font-size:.7rem}.threshold-label.svelte-11mtlan{color:#0891b2;font-weight:600;font-size:.65rem}.dark .threshold-label.svelte-11mtlan{color:#00d4ff}.threshold-control.svelte-11mtlan input[type=range]:where(.svelte-11mtlan){width:60px;height:4px;accent-color:#0891b2;cursor:pointer}.dark .threshold-control.svelte-11mtlan input[type=range]:where(.svelte-11mtlan){accent-color:#00d4ff}.freq-display.svelte-11mtlan{font-size:.6rem;color:#555;text-align:center;padding:.1rem 0}.dark .freq-display.svelte-11mtlan{color:#666}.freq-display.svelte-11mtlan .bandwidth:where(.svelte-11mtlan){color:#777;margin-left:.35rem}.dark .freq-display.svelte-11mtlan .bandwidth:where(.svelte-11mtlan){color:#555}.threshold-value.svelte-11mtlan{color:#0891b2;min-width:28px;text-align:right;font-family:SF Mono,Consolas,monospace;font-size:.6rem}.dark .threshold-value.svelte-11mtlan{color:#00d4ff}.envelope-visualizer.svelte-67tdoj{display:flex;flex-direction:column;gap:.2rem;width:100%;max-width:100%}.envelope-visualizer.disabled.svelte-67tdoj{opacity:.5;pointer-events:none}.header.svelte-67tdoj{display:flex;justify-content:space-between;align-items:center;padding:0 .15rem}.label.svelte-67tdoj{font-size:.65rem;font-weight:600;color:#16a34a}.dark .label.svelte-67tdoj{color:#4ade80}.target.svelte-67tdoj{font-size:.55rem;color:#666;text-transform:uppercase;letter-spacing:.3px}.dark .target.svelte-67tdoj{color:#555}.visualizer-canvas.svelte-67tdoj{display:block;width:100%;height:70px;border-radius:4px;border:1px solid rgba(0,0,0,.12);background:#f0f0f4}.dark .visualizer-canvas.svelte-67tdoj{border-color:#ffffff14;background:#0a0a14}.transient-shaper.svelte-1ah0v8m{display:flex;flex-direction:column;gap:.25rem;padding:.35rem;background:#0000000d;border-radius:4px;border:1px solid rgba(0,0,0,.1)}.dark .transient-shaper.svelte-1ah0v8m{background:#00000040;border-color:#ffffff14}.transient-shaper.disabled.svelte-1ah0v8m{opacity:.5;pointer-events:none}.transient-shaper.compact.svelte-1ah0v8m{padding:.25rem;gap:.2rem}.shaper-header.svelte-1ah0v8m{display:flex;justify-content:space-between;align-items:center}.shaper-label.svelte-1ah0v8m{font-size:.6rem;font-weight:600;color:#555;text-transform:uppercase;letter-spacing:.3px}.dark .shaper-label.svelte-1ah0v8m{color:#888}.compact.svelte-1ah0v8m .shaper-label:where(.svelte-1ah0v8m){font-size:.55rem}.reset-btn.svelte-1ah0v8m{background:none;border:none;color:#777;font-size:.75rem;cursor:pointer;padding:0;line-height:1;transition:color .12s ease}.dark .reset-btn.svelte-1ah0v8m{color:#555}.reset-btn.svelte-1ah0v8m:hover{color:#f90}.shaper-controls.svelte-1ah0v8m{display:flex;flex-direction:column;gap:.25rem}.compact.svelte-1ah0v8m .shaper-controls:where(.svelte-1ah0v8m){flex-direction:row;gap:.4rem}.control-group.svelte-1ah0v8m{display:flex;flex-direction:column;gap:.1rem}.compact.svelte-1ah0v8m .control-group:where(.svelte-1ah0v8m){flex:1}.control-label.svelte-1ah0v8m{display:flex;align-items:center;gap:.25rem;font-size:.65rem;color:#444;font-weight:500}.dark .control-label.svelte-1ah0v8m{color:#aaa}.compact.svelte-1ah0v8m .control-label:where(.svelte-1ah0v8m){font-size:.6rem}.label-icon.svelte-1ah0v8m{width:12px;height:12px;flex-shrink:0}.slider-row.svelte-1ah0v8m{display:flex;align-items:center;gap:.3rem}.shaper-slider.svelte-1ah0v8m{flex:1;height:4px;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#00000026;border-radius:2px}.dark .shaper-slider.svelte-1ah0v8m{background:#ffffff1a}.shaper-slider.svelte-1ah0v8m::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;cursor:pointer}.attack-slider.svelte-1ah0v8m::-webkit-slider-thumb{background:#f97316}.sustain-slider.svelte-1ah0v8m::-webkit-slider-thumb{background:#22c55e}.shaper-slider.svelte-1ah0v8m::-moz-range-thumb{width:12px;height:12px;border-radius:50%;border:none;cursor:pointer}.attack-slider.svelte-1ah0v8m::-moz-range-thumb{background:#f97316}.sustain-slider.svelte-1ah0v8m::-moz-range-thumb{background:#22c55e}.value-display.svelte-1ah0v8m{min-width:32px;font-size:.6rem;font-weight:600;text-align:right;font-family:SF Mono,Consolas,monospace}.compact.svelte-1ah0v8m .value-display:where(.svelte-1ah0v8m){min-width:28px;font-size:.55rem}.control-hint.svelte-1ah0v8m{font-size:.55rem;color:#666;margin-top:-.05rem}.dark .control-hint.svelte-1ah0v8m{color:#555}.presets.svelte-1ah0v8m{display:flex;gap:.15rem;margin-top:.1rem}.preset-btn.svelte-1ah0v8m{flex:1;padding:.15rem .3rem;background:#0000000f;border:1px solid rgba(0,0,0,.1);border-radius:3px;font-size:.55rem;font-weight:500;cursor:pointer;transition:all .12s ease;color:#555}.dark .preset-btn.svelte-1ah0v8m{background:#0000004d;border-color:#ffffff1a;color:#888}.preset-btn.svelte-1ah0v8m:hover{background:#4ade8026;border-color:#4ade8066;color:#16a34a}.dark .preset-btn.svelte-1ah0v8m:hover{color:#4ade80}