/* Pointer and keyboard focus use the same persistent selection indicator. */
input[type="range"]:focus{outline:2px solid var(--accent,#e8b96b)!important;outline-offset:4px!important;border-radius:4px;box-shadow:0 0 0 6px color-mix(in srgb,var(--accent,#e8b96b) 13%,transparent)}
label:has(input[type="range"]:focus){color:var(--text,#f2f1eb)}
label:has(input[type="range"]:focus) output{color:var(--accent,#e8b96b);font-weight:bold}
input[type="range"]:not(:disabled){cursor:ew-resize}

label:has(>input[type="range"]:focus){background:color-mix(in srgb,var(--accent,#e8b96b) 10%,transparent);box-shadow:inset 0 0 0 1px var(--accent,#e8b96b);border-radius:5px}

.master-tempo .tempo-keyboard-help{display:block;font-size:9px;color:var(--muted);line-height:1.5;margin-top:5px;white-space:normal}

/* Dragging a range owns that gesture; the space around it still scrolls normally. */
input[type="range"]{touch-action:none}
@media(pointer:coarse){
 input[type="range"]{min-height:44px}
 .slider-bank-control input.bank-fader[type=range]{width:44px!important;min-width:44px;max-width:44px}
}

/* One shared fine-adjust panel follows the selected native range. */
.slider-stepper{position:fixed;z-index:3100;box-sizing:border-box;width:166px;height:58px;display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:4px;padding:6px;background:rgba(15,26,30,.84);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--accent,#dfbd81);border-radius:10px;box-shadow:0 5px 20px #0008;color:#f2f3ec;touch-action:manipulation}.slider-stepper[hidden]{display:none!important}.slider-stepper-readout{display:grid;gap:2px;min-width:0}.slider-stepper-name{max-height:24px;font:9px/1.3 ui-monospace,monospace;text-align:center;overflow:hidden;overflow-wrap:anywhere}.slider-stepper button{box-sizing:border-box;min-height:44px;min-width:44px;width:100%;padding:0;border:1px solid #9eb3b380;border-radius:6px;background:#b7d4d41c;color:#f3f5ed;font-size:20px;line-height:1;cursor:pointer;touch-action:manipulation}.slider-stepper button:active{background:var(--accent,#dfbd81);color:#10191c}.slider-stepper button:disabled{opacity:.3;cursor:default}.slider-stepper button:focus-visible{outline:2px solid #fff;outline-offset:1px}.slider-stepper-value{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;font:11px/1.3 ui-monospace,monospace;color:var(--accent,#dfbd81)}

.slider-stepper-readout{padding:3px 4px;border:1px solid #30483f;border-radius:3px;background:#091a16;color:#82ffd0}
.slider-stepper-value{font-family:ui-monospace,Menlo,monospace;font-variant-numeric:tabular-nums;color:#82ffd0;text-shadow:0 0 6px #82ffd070}