.tone-slider{--value-pct: 0%;--precision-scale: 1;position:relative;width:100%;height:1.25rem;cursor:ew-resize;touch-action:none;-webkit-user-select:none;user-select:none}.tone-slider__track,.tone-slider__fill{position:absolute;top:50%;left:0;height:.375rem;border-radius:9999px;transform:translateY(-50%);pointer-events:none}.tone-slider__track{width:100%;background:linear-gradient(180deg,#3f3f46,#27272a);box-shadow:inset 0 0 0 1px #f4f4f514}.tone-slider__fill{width:var(--value-pct);background:linear-gradient(90deg,#14b8a6,#2dd4bf);box-shadow:0 0 10px #2dd4bf40}.tone-slider__handle{position:absolute;top:50%;left:var(--value-pct);width:.85rem;height:.85rem;border-radius:9999px;transform:translate(-50%,-50%) scale(var(--handle-scale, 1));background:#f4f4f5;box-shadow:0 0 0 2px #09090b,0 0 0 4px rgba(45,212,191,calc(.2 + (1 - var(--precision-scale)) * .35));pointer-events:none;transition:transform 80ms ease-out,box-shadow .12s ease-out}.tone-slider:focus-visible{outline:none}.tone-slider:focus-visible .tone-slider__handle{box-shadow:0 0 0 2px #09090b,0 0 0 4px #2dd4bf59,0 0 0 6px #2dd4bf33}.draggable-number{--precision-scale: 1;display:flex;align-items:stretch;width:100%;border:1px solid #3f3f46;border-radius:.5rem;overflow:hidden;background:linear-gradient(180deg,#111116,#09090b);transition:border-color .14s ease,box-shadow .14s ease}.draggable-number:hover:not(.is-disabled){border-color:#52525b}.draggable-number:focus-within{border-color:#14b8a6;box-shadow:0 0 0 1px #2dd4bf73,0 0 0 3px #14b8a629}.draggable-number.is-disabled{opacity:.6}.draggable-number__input{width:100%;min-width:0;border:0;outline:none;background:transparent;color:#f4f4f5;font-size:.85rem;line-height:1.2;font-variant-numeric:tabular-nums;padding:.4rem .6rem}.draggable-number__input::selection{background:#14b8a673;color:#f4f4f5}.draggable-number__input:disabled{cursor:not-allowed}.draggable-number__handle{position:relative;width:1.9rem;flex-shrink:0;border:0;border-left:1px solid #3f3f46;background:linear-gradient(180deg,#202027,#16161d);color:#71717a;display:inline-flex;align-items:center;justify-content:center;cursor:ew-resize;touch-action:none;-webkit-user-select:none;user-select:none;transition:color .12s ease,background-color .12s ease,border-color .12s ease}.draggable-number__handle:after{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;border-radius:.325rem;box-shadow:inset 0 0 0 1px rgba(45,212,191,calc((1 - var(--precision-scale)) * .75));pointer-events:none;transition:box-shadow 80ms linear}.draggable-number__handle:hover:not(:disabled){border-left-color:#52525b;background:linear-gradient(180deg,#272731,#1c1c25);color:#d4d4d8}.draggable-number__handle:disabled{cursor:not-allowed}.draggable-number__handle.is-active{border-left-color:#0d9488;background:linear-gradient(180deg,#112725,#0d1f1d);color:#5eead4}