.rangePips{--pip: var(--range-pip, lightslategray);--pip-text: var(--range-pip-text, var(--pip));--pip-active: var(--range-pip-active, darkslategrey);--pip-active-text: var(--range-pip-active-text, var(--pip-active));--pip-hover: var(--range-pip-hover, darkslategrey);--pip-hover-text: var(--range-pip-hover-text, var(--pip-hover));--pip-in-range: var(--range-pip-in-range, var(--pip-active));--pip-in-range-text: var(--range-pip-in-range-text, var(--pip-active-text));--pip-out-of-limit: var(--range-pip-out-of-limit, #aebecf);--pip-out-of-limit-text: var(--range-pip-out-of-limit-text, var(--pip-out-of-limit))}.rangePips{position:absolute;height:1em;left:0;right:0;bottom:-1em;font-variant-numeric:tabular-nums}.rangePips.vertical{height:auto;width:1em;left:100%;right:auto;top:0;bottom:0}.rangePips .pip{height:.4em;position:absolute;top:.25em;width:1px;white-space:nowrap}.rangePips.vertical .pip{height:1px;width:.4em;left:.25em;top:auto;bottom:auto}.rangePips .pipVal{position:absolute;top:.4em;transform:translate(-50%,25%);display:inline-flex}.rangePips.vertical .pipVal{position:absolute;top:0;left:.4em;transform:translate(25%,-50%)}.rangePips .pip{transition:all .15s ease}.rangePips .pipVal{transition:all .15s ease,font-weight 0s linear}.rangePips .pip{color:#789;color:var(--pip-text);background-color:#789;background-color:var(--pip)}.rangePips .pip.selected{color:#2f4f4f;color:var(--pip-active-text);background-color:#2f4f4f;background-color:var(--pip-active)}.rangePips.hoverable:not(.disabled) .pip:not(.out-of-limit):hover{color:#2f4f4f;color:var(--pip-hover-text);background-color:#2f4f4f;background-color:var(--pip-hover)}.rangePips .pip.in-range{color:#2f4f4f;color:var(--pip-in-range-text);background-color:#2f4f4f;background-color:var(--pip-in-range)}.rangePips .pip.out-of-limit{color:#aebecf;color:var(--pip-out-of-limit-text);background-color:#aebecf;background-color:var(--pip-out-of-limit)}.rangePips .pip.selected{height:.75em}.rangePips.vertical .pip.selected{height:1px;width:.75em}.rangePips .pip.selected .pipVal{font-weight:700;top:.75em}.rangePips.vertical .pip.selected .pipVal{top:0;left:.75em}.rangePips.hoverable:not(.disabled) .pip:not(.selected):not(.out-of-limit):hover{transition:none}.rangePips.hoverable:not(.disabled) .pip:not(.selected):not(.out-of-limit):hover .pipVal{transition:none;font-weight:700}.rangeSlider{--slider: var(--range-slider, #d7dada);--handle-inactive: var(--range-handle-inactive, #99a2a2);--handle: var(--range-handle, #838de7);--handle-focus: var(--range-handle-focus, #4a40d4);--handle-border: var(--range-handle-border, var(--handle));--range-inactive: var(--range-range-inactive, var(--handle-inactive));--range: var(--range-range, var(--handle-focus));--range-limit: var(--range-range-limit, #b9c2c2);--float-inactive: var(--range-float-inactive, var(--handle-inactive));--float: var(--range-float, var(--handle-focus));--float-text: var(--range-float-text, white)}.rangeSlider{position:relative;border-radius:100px;height:.5em;margin:1em;transition:opacity .2s ease;-webkit-user-select:none;user-select:none}.rangeSlider *{-webkit-user-select:none;user-select:none}.rangeSlider.pips{margin-bottom:1.8em}.rangeSlider.pip-labels{margin-bottom:2.8em}.rangeSlider.vertical{display:inline-block;border-radius:100px;width:.5em;min-height:200px}.rangeSlider.vertical.pips{margin-right:1.8em;margin-bottom:1em}.rangeSlider.vertical.pip-labels{margin-right:2.8em;margin-bottom:1em}.rangeSlider .rangeHandle{position:absolute;display:block;height:1.4em;width:1.4em;top:.25em;bottom:auto;transform:translateY(-50%) translate(-50%);z-index:2}.rangeSlider.reversed .rangeHandle{transform:translateY(-50%) translate(50%)}.rangeSlider.vertical .rangeHandle{left:.25em;top:auto;transform:translateY(50%) translate(-50%)}.rangeSlider.vertical.reversed .rangeHandle{transform:translateY(-50%) translate(-50%)}.rangeSlider .rangeNub,.rangeSlider .rangeHandle:before{position:absolute;left:0;top:0;display:block;border-radius:10em;height:100%;width:100%;transition:box-shadow .2s ease}.rangeSlider .rangeHandle:before{content:"";left:1px;top:1px;bottom:1px;right:1px;height:auto;width:auto;box-shadow:0 0 0 0 var(--handle-border);opacity:0}.rangeSlider.hoverable:not(.disabled) .rangeHandle:hover:before{box-shadow:0 0 0 8px var(--handle-border);opacity:.2}.rangeSlider.hoverable:not(.disabled) .rangeHandle.press:before,.rangeSlider.hoverable:not(.disabled) .rangeHandle.press:hover:before{box-shadow:0 0 0 12px var(--handle-border);opacity:.4}.rangeSlider.range:not(.min):not(.max) .rangeNub{border-radius:10em 10em 10em 1.6em}.rangeSlider.range .rangeHandle:nth-of-type(1) .rangeNub{transform:rotate(-135deg)}.rangeSlider.range .rangeHandle:nth-of-type(2) .rangeNub{transform:rotate(45deg)}.rangeSlider.range.reversed .rangeHandle:nth-of-type(1) .rangeNub{transform:rotate(45deg)}.rangeSlider.range.reversed .rangeHandle:nth-of-type(2) .rangeNub{transform:rotate(-135deg)}.rangeSlider.range.vertical .rangeHandle:nth-of-type(1) .rangeNub{transform:rotate(135deg)}.rangeSlider.range.vertical .rangeHandle:nth-of-type(2) .rangeNub{transform:rotate(-45deg)}.rangeSlider.range.vertical.reversed .rangeHandle:nth-of-type(1) .rangeNub{transform:rotate(-45deg)}.rangeSlider.range.vertical.reversed .rangeHandle:nth-of-type(2) .rangeNub{transform:rotate(135deg)}.rangeSlider .rangeFloat{display:block;position:absolute;left:50%;top:-.5em;transform:translate(-50%,-100%);font-size:1em;text-align:center;opacity:0;pointer-events:none;white-space:nowrap;transition:all .2s ease;font-size:.9em;padding:.2em .4em;border-radius:.2em}.rangeSlider .rangeHandle.active .rangeFloat,.rangeSlider.hoverable .rangeHandle:hover .rangeFloat{opacity:1;top:-.2em;transform:translate(-50%,-100%)}.rangeSlider .rangeBar,.rangeSlider .rangeLimit{position:absolute;display:block;transition:background .2s ease;border-radius:1em;height:.5em;top:0;-webkit-user-select:none;user-select:none;z-index:1}.rangeSlider.vertical .rangeBar,.rangeSlider.vertical .rangeLimit{width:.5em;height:auto}.rangeSlider{background-color:#d7dada;background-color:var(--slider)}.rangeSlider .rangeBar{background-color:#99a2a2;background-color:var(--range-inactive)}.rangeSlider.focus .rangeBar{background-color:#838de7;background-color:var(--range)}.rangeSlider .rangeLimit{background-color:#99a2a280;background-color:var(--range-limit)}.rangeSlider .rangeNub{background-color:#99a2a2;background-color:var(--handle-inactive)}.rangeSlider.focus .rangeNub{background-color:#838de7;background-color:var(--handle)}.rangeSlider .rangeHandle.active .rangeNub{background-color:#4a40d4;background-color:var(--handle-focus)}.rangeSlider .rangeFloat{color:#fff;color:var(--float-text);background-color:#99a2a2;background-color:var(--float-inactive)}.rangeSlider.focus .rangeFloat{background-color:#4a40d4;background-color:var(--float)}.rangeSlider.disabled{opacity:.5}.rangeSlider.disabled .rangeNub{background-color:#d7dada;background-color:var(--slider)}.knob.svelte-b4bq3y{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border-radius:50%;background:linear-gradient(145deg,#2d2d2d,#1a1a1a);border:1px solid #3a3a3a;box-shadow:0 2px 4px #0000004d,inset 0 1px #ffffff0d;transform:rotate(calc(var(--rotation) * 1rad));transform-origin:50% 50%;-webkit-user-select:none;user-select:none;cursor:grab}.knob.svelte-b4bq3y:active{cursor:grabbing}.knob-indicator.svelte-b4bq3y{width:3px;height:10px;background-color:var(--accent, #5b9bd5);border-radius:2px;position:absolute;top:6px}.synth-container.svelte-1ys2biq{position:relative}.controls.svelte-1ys2biq{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.button-group.svelte-1ys2biq{display:flex;gap:.5rem}button.svelte-1ys2biq{background-color:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color);padding:.5rem 1rem;border-radius:4px;font-size:.8125rem;cursor:pointer;transition:background-color .15s,border-color .15s}button.svelte-1ys2biq:hover:not(:disabled){background-color:var(--accent);border-color:var(--accent)}button.svelte-1ys2biq:disabled{opacity:.4;cursor:not-allowed}.precision-controls.svelte-1ys2biq{display:flex;align-items:center;gap:.5rem;margin-left:auto}.precision-controls.svelte-1ys2biq span:where(.svelte-1ys2biq){font-size:.8125rem;color:var(--text-secondary)}.precision-controls.svelte-1ys2biq button:where(.svelte-1ys2biq){padding:.25rem .625rem;min-width:28px}.controls.svelte-1ys2biq label:where(.svelte-1ys2biq){display:flex;align-items:center;gap:.5rem;font-size:.8125rem;color:var(--text-secondary);cursor:pointer}.controls.svelte-1ys2biq input[type=checkbox]:where(.svelte-1ys2biq){accent-color:var(--accent);width:16px;height:16px}.sliders-container.svelte-1ys2biq{display:flex;flex-direction:row;gap:1rem;flex-wrap:wrap}.slider.svelte-1ys2biq{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:1.25rem;min-width:200px}.slider.svelte-1ys2biq h3:where(.svelte-1ys2biq){margin:0 0 1rem;font-size:.875rem;font-weight:500;color:var(--text-secondary)}.param.svelte-1ys2biq{margin-bottom:1rem}.param.svelte-1ys2biq:last-child{margin-bottom:0}.param.svelte-1ys2biq>label:where(.svelte-1ys2biq){display:block;font-size:.75rem;color:var(--text-secondary);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.05em}.vertical-slider-container.svelte-1ys2biq{display:flex;flex-direction:column;align-items:center;width:150px;margin:.5rem auto 0;gap:1rem}.frequency-input.svelte-1ys2biq{width:100%;z-index:10}.vertical-slider-container .rangeSlider{height:150px!important;flex-shrink:0}.knob-container.svelte-1ys2biq{display:flex;align-items:center;gap:.75rem}.knob-container.svelte-1ys2biq span:where(.svelte-1ys2biq){font-size:.875rem;font-variant-numeric:tabular-nums;color:var(--text-primary)}.touch-interactive.svelte-1ys2biq{display:inline-block}.frequency-range-controls.svelte-1ys2biq{display:flex;gap:1rem;margin-bottom:.75rem}.frequency-range-controls.svelte-1ys2biq label:where(.svelte-1ys2biq){display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:var(--text-secondary)}.frequency-range-controls.svelte-1ys2biq input[type=number]:where(.svelte-1ys2biq){width:70px}input[type=number].svelte-1ys2biq,select.svelte-1ys2biq{background-color:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:4px;padding:.375rem .5rem;font-size:.8125rem;font-family:inherit}input[type=number].svelte-1ys2biq:focus,select.svelte-1ys2biq:focus{outline:none;border-color:var(--accent)}select.svelte-1ys2biq{cursor:pointer}.overlay.svelte-1ys2biq{position:absolute;top:-1rem;left:-1rem;right:-1rem;bottom:-1rem;background-color:#000000d9;display:flex;align-items:center;justify-content:center;z-index:10;cursor:pointer;text-align:center;border-radius:8px}.overlay-text.svelte-1ys2biq{color:var(--text-primary);font-size:1.125rem;font-weight:500}.overlay-text.svelte-1ys2biq div:where(.svelte-1ys2biq):first-child{padding:.75rem 1.5rem;background-color:var(--accent);border-radius:6px;transition:background-color .15s}.overlay.svelte-1ys2biq:hover .overlay-text:where(.svelte-1ys2biq) div:where(.svelte-1ys2biq):first-child{background-color:var(--accent-hover)}.mobile-warning.svelte-1ys2biq{font-size:.75rem;margin-top:1rem;color:var(--text-secondary);font-weight:400}.rangeSlider{background-color:#3a3a3a!important;border-radius:4px!important}.rangeSlider.vertical{width:8px!important;min-width:8px!important}.rangeSlider .rangeBar{background-color:var(--accent)!important;border-radius:4px!important}.rangeSlider .rangeHandle{width:18px!important;height:18px!important;border-radius:50%!important;background:linear-gradient(145deg,#4a4a4a,#353535)!important;border:none!important;box-shadow:0 2px 4px #0006!important}.rangeSlider .rangeHandle:focus,.rangeSlider .rangeHandle:active{box-shadow:0 2px 4px #0006,0 0 0 2px #5b9bd566!important}.rangeSlider .rangeNub{display:none!important}.rangeSlider .rangeFloat{background-color:var(--bg-tertiary)!important;color:var(--text-primary)!important;border:1px solid var(--border-color)!important;opacity:1!important;font-size:.75rem!important}@media (max-width: 600px){.controls.svelte-1ys2biq{flex-direction:column;align-items:flex-start;gap:1rem}.button-group.svelte-1ys2biq{flex-wrap:wrap}.precision-controls.svelte-1ys2biq{margin-left:0}}footer.svelte-1qnzdwr{margin-top:3rem;padding:1.5rem 0;text-align:center;color:var(--text-secondary);font-size:.8rem}footer.svelte-1qnzdwr a:where(.svelte-1qnzdwr){color:var(--accent);text-decoration:none}footer.svelte-1qnzdwr a:where(.svelte-1qnzdwr):hover{text-decoration:underline}