.divider-instrument{position:relative;display:block;width:100%;height:clamp(48px,8vw,128px)}.lab-bench .divider-instrument,.lab-compare .divider-instrument,.lab-contact__mirror .divider-instrument{margin:calc(var(--info-section-gap) - clamp(24px, 4vw, 64px)) 0}.divider-instrument svg{display:block;width:100%;height:100%;overflow:visible}.divider-instrument__path{fill:none;stroke:var(--info-rule);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.divider-instrument__layer{pointer-events:none}.divider-dimension line,.divider-ghost,.divider-rule line{stroke:var(--info-rule);stroke-width:1}.divider-dimension [data-witness-a],.divider-dimension [data-witness-b]{opacity:.38}.divider-dimension path{fill:none;stroke:var(--info-ink);stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round}.divider-dimension [data-span]{stroke:var(--info-ink)}.divider-instrument__html{position:absolute;inset:0;pointer-events:none}.divider-readout{position:absolute;transform:translateY(-50%);color:var(--info-muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;letter-spacing:.02em;font-variant-numeric:tabular-nums;white-space:nowrap}.divider-instrument__notes{position:absolute;inset:0;overflow:visible;pointer-events:none}.divider-instrument__notes[data-offscreen=true]{position:fixed;inset:0 0 auto 0;height:96px;z-index:30}.divider-instrument__note{position:absolute;top:0;left:0;width:20px;height:20px;margin:-10px 0 0 -10px;color:var(--info-ink);will-change:transform,opacity}.divider-instrument__note svg{display:block;width:100%;height:100%;stroke-width:1.5}.progressive-play-divider{position:relative;display:block;width:100%;height:clamp(48px,8vw,128px);margin:calc(var(--info-section-gap) - clamp(24px, 4vw, 64px)) 0}.progressive-play-divider>.divider-instrument{height:100%;margin:0}.progressive-play-divider [role=slider]:focus-visible{outline:1px solid var(--info-subtle);outline-offset:4px}.play-divider-map{position:absolute;inset:0;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));pointer-events:none;opacity:0;transition:opacity .22s cubic-bezier(.16,1,.3,1)}.play-divider-map__note{position:relative;color:var(--info-subtle);font-family:var(--caption-font),ui-monospace,monospace;font-size:13px;letter-spacing:.05em;text-align:center;transition:color .18s cubic-bezier(.16,1,.3,1),opacity .18s cubic-bezier(.16,1,.3,1)}.play-divider-map__note:before{position:absolute;z-index:0;top:calc(50% - 25px);right:4px;bottom:calc(50% - 25px);left:4px;border-radius:6px;background:var(--info-ink);content:"";opacity:0;transform:scaleX(.94)}.play-divider-map__note kbd,.play-divider-map__note small{position:absolute;z-index:1;left:50%;display:block;transform:translateX(-50%);font:inherit}.play-divider-map__note kbd{top:calc(50% - 32px);min-width:27px;height:23px;padding:0 6px;border:1px solid;border-radius:4px;background:var(--info-canvas);line-height:21px}.play-divider-map__note small{top:calc(50% + 15px);color:inherit;font-size:12px;letter-spacing:.035em}.play-divider-map__note i{position:absolute;z-index:1;top:50%;right:0;width:1px;height:13px;background:var(--info-subtle);opacity:.62;transform:translate(50%,-50%)}.play-divider-map__note:last-child i{display:none}.play-divider-map__note[data-hit=true]:before{animation:play-region-hit .28s cubic-bezier(.16,1,.3,1)}.play-divider-map__note[data-hit=true] kbd,.play-divider-map__note[data-hit=true] small{animation:play-label-hit .28s cubic-bezier(.16,1,.3,1)}.progressive-play-divider[data-active=true] .play-divider-map{opacity:1}@keyframes play-region-hit{0%{opacity:0;transform:scaleX(.94)}34%{opacity:.08;transform:scaleX(1)}to{opacity:0;transform:scaleX(1)}}@keyframes play-label-hit{0%,to{color:var(--info-subtle)}34%{color:var(--info-ink)}}.divider-instrument[data-interactive=true]{touch-action:pan-y}@media (hover:none),(pointer:coarse){.divider-instrument{pointer-events:none}.divider-instrument[data-interactive=true]{pointer-events:auto}.progressive-play-divider[data-active=true] .play-divider-map{opacity:1}}.progressive-play-divider[data-force-coarse=true][data-active=true] .play-divider-map{opacity:1}@media (prefers-reduced-motion:reduce){.divider-instrument{pointer-events:none}.divider-instrument[data-interactive=true]{pointer-events:auto}.divider-dimension,.divider-ghost,.divider-instrument__note,.divider-rule{display:none}.play-divider-map,.play-divider-map__note{transition:none}.play-divider-map__note[data-hit=true]:before{animation:none;opacity:.07;transform:none}.play-divider-map__note[data-hit=true] kbd,.play-divider-map__note[data-hit=true] small{animation:none;color:var(--info-ink)}}.progressive-play-divider[data-force-reduced=true] .play-divider-map,.progressive-play-divider[data-force-reduced=true] .play-divider-map__note{transition:none}.progressive-play-divider[data-force-reduced=true] .play-divider-map__note[data-hit=true]:before{animation:none;opacity:.07;transform:none}.progressive-play-divider[data-force-reduced=true] .play-divider-map__note[data-hit=true] kbd,.progressive-play-divider[data-force-reduced=true] .play-divider-map__note[data-hit=true] small{animation:none;color:var(--info-ink)}@media (max-width:700px){.progressive-play-divider [role=slider]:focus-visible{outline:none}.play-divider-map{grid-template-columns:repeat(5,minmax(0,1fr))}.play-divider-map__note kbd,.play-divider-map__note:nth-child(n+6){display:none}.play-divider-map__note{font-size:10px}.play-divider-map__note:before{top:calc(50% - 21px);bottom:calc(50% - 21px)}.play-divider-map__note kbd{top:calc(50% - 25px);min-width:21px;height:19px;padding:0 4px;line-height:17px}.play-divider-map__note small{top:calc(50% + 12px);font-size:11px}.play-divider-map__note i{height:10px}}@media (hover:none),(pointer:coarse){.progressive-play-divider [role=slider]:focus-visible{outline:none}.play-divider-map{grid-template-columns:repeat(5,minmax(0,1fr))}.play-divider-map__note kbd,.play-divider-map__note:nth-child(n+6){display:none}.play-divider-map__note small{top:calc(50% + 12px);font-size:11px}}.progressive-play-divider[data-force-coarse=true] .play-divider-map{grid-template-columns:repeat(5,minmax(0,1fr))}.progressive-play-divider[data-force-coarse=true] [role=slider]:focus-visible{outline:none}.progressive-play-divider[data-force-coarse=true] .play-divider-map__note kbd,.progressive-play-divider[data-force-coarse=true] .play-divider-map__note:nth-child(n+6){display:none}.progressive-play-divider[data-force-coarse=true] .play-divider-map__note small{top:calc(50% + 12px);font-size:11px}