.knob.svelte-1a6bf2e{display:flex;flex-direction:column;align-items:center;padding:.5rem .25rem}.face.svelte-1a6bf2e{position:relative;width:100%;max-width:4.75rem}.tip.svelte-1a6bf2e{width:15rem;max-width:60vw;padding:.5rem .625rem;border-radius:var(--radius-lg);border:var(--border-hairline) solid color-mix(in srgb,var(--color-glint) 14%,transparent);background:var(--color-surface-900);box-shadow:0 12px 30px #00000073;font-size:.6875rem;line-height:1.4;font-weight:400;color:color-mix(in srgb,var(--color-surface-100) 72%,transparent);text-align:left;white-space:normal;pointer-events:none}.controls-hint.svelte-1a6bf2e{display:block;margin-top:.375rem}.tip.svelte-1a6bf2e strong:where(.svelte-1a6bf2e){display:block;margin-bottom:.125rem;font-size:.75rem;font-weight:600;color:var(--color-surface-100)}.reset.svelte-1a6bf2e{position:absolute;top:-.25rem;right:-.375rem;z-index:1;display:flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;border-radius:var(--radius-pill);color:color-mix(in srgb,var(--color-surface-100) 45%,transparent);cursor:pointer;transition:all .15s ease}.reset.svelte-1a6bf2e:hover:not(:disabled){color:var(--color-surface-100);background:color-mix(in srgb,var(--color-glint) 12%,transparent)}.reset.svelte-1a6bf2e:disabled{opacity:.22;cursor:default}.dial.svelte-1a6bf2e{position:relative;width:100%;aspect-ratio:1;border-radius:var(--radius-pill);cursor:grab;touch-action:none}.dial.turning.svelte-1a6bf2e{cursor:grabbing}.dial.svelte-1a6bf2e:focus-visible{outline:2px solid rgb(var(--shader-accent));outline-offset:2px}svg.svelte-1a6bf2e{display:block;width:100%;height:100%;overflow:visible}circle.svelte-1a6bf2e,line.svelte-1a6bf2e{fill:none;stroke-linecap:round}.rail.svelte-1a6bf2e{stroke:color-mix(in srgb,var(--color-glint) 14%,transparent);stroke-width:7}.fill.svelte-1a6bf2e{stroke:rgba(var(--shader-accent),.85);stroke-width:7}.tick.svelte-1a6bf2e{stroke:#ef4444;stroke-width:4}.cap.svelte-1a6bf2e{fill:color-mix(in srgb,var(--color-glint) 7%,transparent);stroke:color-mix(in srgb,var(--color-glint) 12%,transparent);stroke-width:2}.grip.svelte-1a6bf2e{stroke:var(--color-surface-100);stroke-width:6}.dial.svelte-1a6bf2e:hover .cap:where(.svelte-1a6bf2e){fill:color-mix(in srgb,var(--color-glint) 12%,transparent)}.icon.svelte-1a6bf2e{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:color-mix(in srgb,var(--color-surface-100) 55%,transparent);pointer-events:none}.dial.svelte-1a6bf2e:hover .icon:where(.svelte-1a6bf2e),.dial.turning.svelte-1a6bf2e .icon:where(.svelte-1a6bf2e){color:var(--color-surface-100)}.readout.svelte-1a6bf2e{width:100%;min-width:5rem;min-height:2.5rem;text-align:center}.value.svelte-1a6bf2e{border-bottom:1px dashed transparent;padding:.15rem .35rem;border-radius:var(--radius-sm);cursor:text}.value.svelte-1a6bf2e:hover{border-color:currentColor;background:color-mix(in srgb,var(--color-glint) 8%,transparent)}.value.svelte-1a6bf2e:focus-visible{outline:2px solid rgb(var(--shader-accent));outline-offset:2px}.value.svelte-1a6bf2e{font-size:.75rem;font-weight:600;font-variant-numeric:tabular-nums;color:rgb(var(--shader-accent))}