body[data-route=mouse] :is(.page-intro,.workbench-container){width:min(1200px,100% - 48px);max-width:1200px;margin-inline:auto;padding-inline:0}body[data-route=mouse] .page-intro{padding-block:40px 24px}body[data-route=mouse] .page-title{margin-bottom:12px;font-size:clamp(28px,3vw,40px);line-height:1.15}body[data-route=mouse] .page-subtitle{max-width:74ch}body[data-route=mouse] .mouse-toolbar{border:0;border-block:1px solid var(--border-subtle);background:0 0;border-radius:0;gap:16px 28px;margin-bottom:32px;padding:16px 0}body[data-route=mouse] .mouse-toolbar__group{gap:12px 24px;min-width:0}body[data-route=mouse] .mouse-stat-badge{font-family:var(--font-sans);background:0 0;border:0;border-radius:0;flex-wrap:wrap;padding:0;font-size:13px}body[data-route=mouse] .mouse-stat-badge strong{font-variant-numeric:tabular-nums}body[data-route=mouse] .mouse-stat-badge--glitch{color:var(--state-error-text)}body[data-route=mouse] .mouse-workstation-grid{grid-template-columns:minmax(0,1.28fr) minmax(0,1fr);gap:48px}body[data-route=mouse] .mouse-bench-card{border:0;border-block:1px solid var(--border-subtle);background:radial-gradient(ellipse at 50% 58%, color-mix(in srgb, var(--bg-surface-raised) 68%, transparent) 0%, transparent 62%);min-height:460px;box-shadow:none;cursor:crosshair;border-radius:0;justify-content:space-between;padding:22px 24px 28px;overflow:visible}body[data-route=mouse] .mouse-bench-card__header{font-family:var(--font-sans);color:var(--text-secondary);flex-wrap:wrap;align-items:flex-start;gap:16px 28px;margin-bottom:20px;font-size:13px}body[data-route=mouse] .mouse-bench-card__intro{gap:5px;max-width:38ch;display:grid}body[data-route=mouse] .mouse-bench-card__intro strong{color:var(--text-primary);font-size:18px;font-weight:600;line-height:1.3}body[data-route=mouse] .mouse-side-button-guide{text-align:right;font-variant-numeric:tabular-nums;gap:5px;margin-left:auto;line-height:1.4;display:grid}body[data-route=mouse] .mouse-chassis{width:218px;height:350px;box-shadow:none;flex-shrink:0;margin-block:auto 0}body[data-route=mouse] .mouse-chassis__top-cluster{width:202px;height:148px}body[data-route=mouse] .mouse-chassis__palm-rest{background:var(--bg-surface-raised);border:0;width:188px;height:170px}body[data-route=mouse] .mouse-btn{cursor:inherit}body[data-route=mouse] .mouse-side-cluster{top:140px;left:-26px}body[data-route=mouse] :is(.mouse-btn__label,.mouse-btn__counter,.scroll-direction-indicator){color:var(--text-secondary)}body[data-route=mouse] .mouse-diagnostic-rail{gap:24px;min-width:0}body[data-route=mouse] :is(.glitch-detector-card,.scroll-accumulator-card,.mouse-event-log-card){border:0;border-bottom:1px solid var(--border-subtle);box-shadow:none;background:0 0;border-radius:0;min-width:0;padding:0 0 24px}body[data-route=mouse] .glitch-detector-card__header{flex-wrap:wrap;align-items:flex-start;gap:8px 16px;margin-bottom:16px}body[data-route=mouse] .glitch-detector-card__title{font-size:16px;font-weight:600}body[data-route=mouse] .glitch-status-indicator{font-family:var(--font-sans);text-transform:none;letter-spacing:0;background:0 0;border:0;padding:0;font-size:12px;font-weight:400}body[data-route=mouse] .interval-meter-well{background:0 0;border:0;margin-bottom:8px;padding:0}body[data-route=mouse] .interval-meter-labels{font-family:var(--font-sans);align-items:baseline;gap:16px;font-size:14px}body[data-route=mouse] [data-testid=mouse-interval-delta]{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--text-primary);font-size:20px}body[data-route=mouse] .mouse-measurement-note{color:var(--text-secondary);margin:8px 0 16px;font-size:13px;line-height:1.6}body[data-route=mouse] .threshold-setting-row{border:0;flex-wrap:wrap;gap:16px;padding:0}body[data-route=mouse] .threshold-input-slider{flex:1;min-width:110px;max-width:200px;min-height:44px}body[data-route=mouse] .scroll-metrics-grid{gap:24px;margin-top:16px}body[data-route=mouse] .metric-well{text-align:left;background:0 0;border:0;border-radius:0;min-width:0;padding:0}body[data-route=mouse] .metric-well__title{font-family:var(--font-sans);text-transform:none;color:var(--text-secondary);font-size:12px}body[data-route=mouse] .metric-well__value{overflow-wrap:anywhere;font-size:20px}body[data-route=mouse] .mouse-event-table{table-layout:fixed;font-size:11px}body[data-route=mouse] .mouse-event-table :is(th,td){overflow-wrap:anywhere;padding:8px 4px}body[data-route=mouse] .mouse-event-badge{border-radius:999px}body[data-route=mouse] .mouse-event-table th{color:var(--text-secondary)}body[data-route=mouse] .mouse-inspector-actions{flex-wrap:wrap;gap:12px;display:flex}body[data-route=mouse] .mouse-inspector-actions .btn{width:auto;min-height:44px;padding-inline:20px}body[data-route=mouse] .seo-content-container{width:100%;max-width:none;padding:48px 0 64px}body[data-route=mouse] :is(.seo-guide-section,.seo-tech-section,.seo-faq-section){border:0;border-top:1px solid var(--border-subtle);box-shadow:none;background:0 0;border-radius:0;margin-bottom:40px;padding:28px 0 0}body[data-route=mouse] .seo-heading{margin-bottom:24px;font-size:24px}body[data-route=mouse] .seo-guide-section:first-child .seo-steps-list{columns:2;column-gap:64px}body[data-route=mouse] .seo-steps-list li{break-inside:avoid;padding-bottom:12px}body[data-route=mouse] .seo-feature-card{box-shadow:none;background:0 0;border:0;border-radius:0;padding:0}body[data-route=mouse] .seo-tech-section p{max-width:75ch}body[data-route=mouse] .faq-item{background:0 0;border-radius:0;padding-inline:0}body[data-route=mouse] :focus-visible{outline:2px solid var(--brand-vermilion);outline-offset:4px}body[data-route=mouse] ::selection{background:var(--brand-vermilion-soft);color:var(--text-primary)}body[data-route=mouse] *{scrollbar-color:var(--border-component) transparent}@media (width<=959px){body[data-route=mouse] .mouse-workstation-grid{grid-template-columns:minmax(0,1fr);gap:32px}body[data-route=mouse] .mouse-bench-card{min-height:460px}body[data-route=mouse] .mouse-diagnostic-rail{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 32px;display:grid}body[data-route=mouse] :is(.mouse-event-log-card,.mouse-inspector-actions){grid-column:1/-1}}@media (width<=599px){body[data-route=mouse] :is(.page-intro,.workbench-container){width:calc(100% - 40px)}body[data-route=mouse] .page-intro{padding-top:28px}body[data-route=mouse] .mouse-bench-card{min-height:460px;padding:22px 12px 28px}body[data-route=mouse] .mouse-chassis{width:214px;height:348px;margin-left:12px}body[data-route=mouse] .mouse-chassis__top-cluster{width:198px;height:146px}body[data-route=mouse] .mouse-chassis__palm-rest{width:184px;height:168px}body[data-route=mouse] .mouse-diagnostic-rail{display:flex}body[data-route=mouse] .seo-guide-section:first-child .seo-steps-list{columns:1}body[data-route=mouse] .seo-features-grid{grid-template-columns:minmax(0,1fr);gap:28px}}@media (prefers-reduced-motion:reduce){body[data-route=mouse] :is(.mouse-btn,.scroll-direction-indicator){transition:none;animation:none}}body[data-route=mouse] .mouse-side-cluster{left:-26px}body[data-route=mouse] .mouse-btn--side{writing-mode:horizontal-tb;width:34px;height:60px;padding:4px 0}body[data-route=mouse] .mouse-btn--side .mouse-btn__label{font-size:9px}body[data-route=mouse] .mouse-btn--side .mouse-btn__counter{font-size:11px}body[data-route=mouse] .mouse-wheel-zone{cursor:ns-resize;transition:background-color .18s var(--ease-standard), box-shadow .18s var(--ease-standard);border-radius:14px;flex-direction:column;justify-content:space-between;align-items:center;gap:4px;padding:4px 6px 7px;display:flex;position:relative}body[data-route=mouse] .mouse-wheel-zone:hover{background:color-mix(in srgb, var(--brand-vermilion-soft) 42%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--brand-vermilion) 22%, transparent)}body[data-route=mouse] .mouse-wheel-zone__label{font-family:var(--font-sans);letter-spacing:.06em;text-transform:uppercase;color:var(--text-secondary);white-space:nowrap;font-size:9px;line-height:1;position:absolute;top:-19px;left:50%;transform:translate(-50%)}@media (width<=599px){body[data-route=mouse] .mouse-side-button-guide{text-align:left;width:100%;margin-left:0}}body[data-route=mouse]{--mouse-scroll-active-bg:#b45309;--mouse-scroll-active-text:#fff}[data-theme=dark] body[data-route=mouse],body[data-theme=dark][data-route=mouse]{--mouse-scroll-active-bg:#fbbf24;--mouse-scroll-active-text:#271700}body[data-route=mouse] .scroll-direction-indicator{border:1px solid #0000;min-width:34px;min-height:26px;font-weight:700;transition:background-color .12s,color .12s}body[data-route=mouse] .scroll-direction-indicator[data-active=true]{background-color:var(--mouse-scroll-active-bg);color:var(--mouse-scroll-active-text);border-color:var(--mouse-scroll-active-bg);transform:none}body[data-route=mouse] .mouse-raw-input{color:var(--text-secondary);margin-block:-16px 24px;font-size:12px}body[data-route=mouse] .mouse-raw-input summary{cursor:pointer;min-height:32px;padding-block:8px}body[data-route=mouse] .mouse-raw-input code{white-space:pre-wrap;overflow-wrap:anywhere;padding-block:8px;display:block}