/* Keep the existing slider motif; add only native interaction and focus. */
[data-pitch-demo] .slider-track{margin:0 28px}
[data-pitch-demo] .slider-thumb{animation:none;pointer-events:none}
[data-pitch-demo] .slider-thumb::before{content:none}
.pitch-input{position:absolute;inset:-19px -28px;width:calc(100% + 56px);height:44px;margin:0;opacity:0;appearance:none;-webkit-appearance:none;cursor:ew-resize;z-index:1}
[data-pitch-demo] .slider-track:focus-within{outline:2px solid var(--accent);outline-offset:8px}
.pitch-reset{min-height:44px;min-width:44px;padding:0 4px;border:0;background:none;color:var(--accent);font:inherit;cursor:pointer}
.pitch-reset:focus-visible{outline:2px solid var(--accent);outline-offset:2px}

/* Native hit area and visible thumb share the same 56px geometry. */
.pitch-input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:56px;height:14px}
.pitch-input::-moz-range-thumb{width:56px;height:14px;border:0}