@font-face{font-family:Archivo;src:url(/fonts/archivo-latin-wdth-normal.woff2) format("woff2-variations");font-weight:100 900;font-stretch:62% 125%;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Archivo;src:url(/fonts/archivo-latin-ext-wdth-normal.woff2) format("woff2-variations");font-weight:100 900;font-stretch:62% 125%;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}.tactile-bench{--ink: #1c1c1c;--ink-2: #5e6265;--rule: #d7d9da;--paper: #ffffff;--controls: "Archivo", var(--font-ui)}.tactile-bench fieldset{border:0;margin:0;min-width:0}.tactile-bench legend{float:left;width:100%;padding:0}.tactile-bench legend,.bench-cell>h2.eyebrow,.bench-cell>label.eyebrow{margin-bottom:1.25rem}.tactile-bench legend+*{clear:both}.bench-grid{display:grid;gap:1px;border:1px solid hsl(var(--border));background:hsl(var(--border))}.bench-cell{background:hsl(var(--card));padding:1.5rem}@media (min-width: 640px){.bench-cell{padding:1.75rem}}.bench-note{margin-top:.75rem;min-height:1.5em;font-size:14px;color:var(--ink-2)}.bench-stage{position:relative;display:grid;place-items:center;height:clamp(300px,44vh,440px);cursor:grab;touch-action:pan-y;-moz-user-select:none;user-select:none;-webkit-user-select:none}.bench-stage.is-orbiting{cursor:grabbing}#hero{width:240px;height:92px;border-radius:24px;font:620 22px var(--controls)}.action-status{position:absolute;left:0;right:0;bottom:1.25rem;display:flex;justify-content:center;text-align:center;font-size:15px;font-weight:600;color:var(--ink);min-height:1.5em}.stage-gauge{position:absolute;top:50%;right:clamp(1.25rem,10%,8rem);translate:0 -50%;line-height:0}@media (max-width: 639px){.stage-gauge{--tactile-gauge: 92px;top:1rem;right:1rem;translate:none}}[data-tactile=wheels]>#code{--tactile-wheel-w: 42px;--tactile-wheel-h: 58px}:not([data-tactile=wheels])>#code{width:8rem;padding:8px 10px;border:1px solid var(--rule);border-radius:8px;background:transparent;color:var(--ink);font:inherit;font-size:16px;letter-spacing:.3em}.tactile-bench.is-loading :is(#hero,.segmented,.view input,.switch,select,#deck,.find input,kbd,meter,#code){visibility:hidden}.tactile-bench kbd{font:inherit;font-size:.86em;padding:.05em .4em;border:1px solid var(--rule);border-radius:4px}.find-keys{margin:-.5rem 0 1.25rem}.bench-loading{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:.5rem;font-size:15px;color:var(--ink-2);transition:opacity .2s cubic-bezier(.23,1,.32,1)}.is-ready .bench-loading{opacity:0;pointer-events:none}.is-plain .bench-loading{inset:1.25rem 1.25rem auto;display:flex;flex-wrap:wrap;justify-content:center;gap:.25rem .75rem}@media (prefers-reduced-motion: reduce){.bench-loading{transition:none}}.tactile-bench [data-tactile],.tactile-bench .segmented,.tactile-bench #deck,.tactile-bench select{font-family:var(--controls)}.segmented{display:inline-flex;gap:2px;padding:3px;border:1px solid var(--rule);border-radius:10px}.seg{position:relative;cursor:pointer}.seg span{display:block;padding:7px 14px;border-radius:7px;font-size:15px;color:var(--ink-2)}.seg:has(input:checked) span{background:var(--ink);color:var(--paper);font-weight:600}.seg:has(input:focus-visible) span{outline:2px solid var(--ink);outline-offset:2px}.view{display:grid;grid-template-columns:max-content minmax(0,160px) 3.5em;justify-content:start;gap:8px 16px;align-items:center;font-size:14px;color:var(--ink-2)}.view input[type=range]{width:100%;margin:0;accent-color:var(--ink)}.view [data-tactile=dial]{justify-self:start}.view output,.count,.find-status,.form-readout output{font-family:var(--font-label);font-size:12px;color:var(--ink)}.view output{text-align:right}.senses{display:grid;gap:14px;max-width:22rem;margin:0}.senses>div{display:flex;justify-content:space-between;align-items:center;gap:18px}.senses>div[hidden]{display:none}.senses dt{font-size:15px}.senses dd{margin:0;display:flex;align-items:baseline;gap:12px}.count{white-space:nowrap}.switch{display:inline-flex;cursor:pointer}.switch input{-moz-appearance:none;appearance:none;-webkit-appearance:none;margin:0;width:38px;height:22px;border-radius:11px;background:var(--rule);position:relative;cursor:pointer}.switch input:after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:var(--paper)}.switch input:checked{background:var(--ink)}.switch input:checked:after{transform:translate(16px)}.link{border:0;background:none;padding:0;font:inherit;font-size:14px;color:var(--ink);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.25em;cursor:pointer}.link:hover{text-decoration-thickness:2px}#trace{display:block;width:100%;height:176px;touch-action:none}.tactile-bench select{display:block;margin-top:1.25rem;font-size:16px;padding:8px 10px}.tactile-bench [data-tactile=deck],.tactile-bench [data-tactile=drum]{margin-top:.25rem}.find{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 1.25rem;font-size:14px;color:var(--ink-2)}.find input{width:13rem;padding:9px 12px;border:1px solid var(--rule);border-radius:8px;background:transparent;color:var(--ink);font:inherit;font-size:15px}.find input::-moz-placeholder{color:var(--ink-2);opacity:.7}.find input::placeholder{color:var(--ink-2);opacity:.7}.find-status{min-width:8ch}.form-readout{font-size:14px;color:var(--ink-2)}.no-gl .bench-stage{cursor:auto}.no-gl #hero{border:0;background:var(--ink);color:var(--paper);cursor:pointer}.no-gl :is(#material-cell,#view-cell,#senses-grid,.find-keys,.stage-gauge){display:none}