.mouse-tool{gap:1rem;max-width:780px;margin:1.5rem auto 3rem;padding:0 1rem;display:grid}.mouse-panel{border:1px solid var(--border,#e2e2e2);border-radius:1rem;gap:.75rem;padding:1rem 1.25rem 1.25rem;display:grid}.mouse-panel legend{padding:0 .5rem;font-weight:700}.mouse-hint{color:var(--muted,#666);margin:0;font-size:.9rem}.mouse-pad{border:2px dashed var(--border,#c9c9c9);text-align:center;-webkit-user-select:none;user-select:none;cursor:pointer;touch-action:manipulation;border-radius:.9rem;place-content:center;min-height:120px;padding:1rem;font-weight:600;display:grid}.mouse-pad:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.mouse-buttons{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.mouse-button{border:2px solid var(--border,#e2e2e2);text-align:center;border-radius:.8rem;gap:.2rem;padding:.6rem;display:grid}.mouse-button[data-on=true]{border-color:var(--info);background:var(--info-bg);color:var(--info-ink)}.mouse-count{font-variant-numeric:tabular-nums;font-size:.9rem}.mouse-line{margin:0}.mouse-error{color:var(--danger);font-weight:600}.mouse-scrollbox{border:2px solid var(--border,#c9c9c9);text-align:center;-webkit-user-select:none;user-select:none;overscroll-behavior:contain;touch-action:manipulation;cursor:ns-resize;border-radius:.9rem;place-content:center;min-height:140px;padding:1rem;font-weight:600;display:grid;overflow:hidden}.mouse-scrollbox:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.mouse-scroll-row{flex-wrap:wrap;align-items:center;gap:1.25rem;display:flex}.mouse-scroll-row p{margin:0}.mouse-ghost{border:2px solid var(--border,#e2e2e2);background:var(--surface,#fff);min-height:44px;color:inherit;cursor:pointer;border-radius:.8rem;padding:.55rem 1rem;font-weight:600}.mouse-poll-now{font-variant-numeric:tabular-nums}.mouse-dpi-row{gap:.35rem;display:grid}.mouse-dpi-row label{font-weight:600}.mouse-dpi-row input{border:2px solid var(--border,#c9c9c9);border-radius:.7rem;max-width:220px;min-height:48px;padding:.5rem .75rem;font-size:1.1rem}.mouse-arena{border:2px solid var(--border,#c9c9c9);touch-action:manipulation;border-radius:.9rem;width:min(100%,300px);height:300px;position:relative;overflow:hidden}.mouse-target{cursor:pointer;background:radial-gradient(circle at 50% 35%,#60a5fa,#1d4ed8);border:0;border-radius:50%;min-width:44px;min-height:44px;position:absolute}.mouse-acc-start-wrap{justify-items:start;gap:.6rem;display:grid}.mouse-acc-result{font-size:1.05rem}.mouse-svg{width:150px;margin:.25rem auto;display:block}.mouse-svg-body{fill:#f3f4f6;stroke:#9ca3af;stroke-width:2px}.mouse-svg-zone{fill:#fff;stroke:#9ca3af;stroke-width:2px}.mouse-svg-zone[data-on=true]{fill:#2563eb;stroke:#1d4ed8}.mouse-sr{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .mouse-svg-body{fill:#1f2937;stroke:#4b5563}:root:not([data-theme=light]) .mouse-svg-zone{fill:#111827;stroke:#4b5563}:root:not([data-theme=light]) .mouse-svg-zone[data-on=true]{fill:var(--info);stroke:var(--info)}}:root[data-theme=dark] .mouse-svg-body{fill:#1f2937;stroke:#4b5563}:root[data-theme=dark] .mouse-svg-zone{fill:#111827;stroke:#4b5563}:root[data-theme=dark] .mouse-svg-zone[data-on=true]{fill:var(--info);stroke:var(--info)}@media (prefers-reduced-motion:reduce){.mouse-target{transition:none}}.mouse-steps{gap:.25rem;margin:0;padding-left:1.25rem;font-size:.92rem;display:grid}.mouse-dpi-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem;display:grid}.mouse-dpi-row select{border:2px solid var(--border,#c9c9c9);background:var(--surface,#fff);min-height:48px;color:inherit;border-radius:.7rem;max-width:220px;padding:.5rem .75rem;font-size:1.05rem}.mouse-dpi-card{border:2px solid var(--info);background:var(--info-bg);color:var(--info-ink);border-radius:.9rem;gap:.25rem;padding:.75rem 1rem;display:grid}.mouse-dpi-value{margin:0;font-size:1.25rem}.mouse-dpi-box{border:2px solid var(--border,#c9c9c9);text-align:center;-webkit-user-select:none;user-select:none;cursor:crosshair;touch-action:manipulation;border-radius:.9rem;place-content:center;gap:.25rem;min-height:140px;padding:1rem;display:grid}.mouse-dpi-box:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.mouse-dpi-box[data-active=true]{border-color:var(--info);background:var(--info-bg)}.mouse-dpi-live{font-variant-numeric:tabular-nums;font-weight:700}.mouse-hz-box{border:2px solid var(--border,#c9c9c9);text-align:center;-webkit-user-select:none;user-select:none;cursor:crosshair;touch-action:manipulation;background:var(--surface,#fff);border-radius:.9rem;place-content:center;gap:.3rem;min-height:150px;padding:1rem;display:grid}.mouse-hz-box:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.mouse-hz-now{font-variant-numeric:tabular-nums;font-size:2rem;line-height:1}.mouse-hz-tier{color:var(--muted,#666);font-weight:600}.mouse-hz-badge{border:2px solid var(--border,#c9c9c9);border-radius:999px;padding:.2rem .7rem;font-size:.85rem;font-weight:700;display:inline-block}.mouse-hz-badge[data-stable=true]{border-color:var(--info);background:var(--info-bg);color:var(--info-ink)}.mouse-hz-graph{border:1px solid var(--border,#e2e2e2);border-radius:.7rem;align-items:flex-end;gap:3px;min-height:64px;padding:.5rem;display:flex}.mouse-hz-bar{background:var(--info);opacity:.85;border-radius:3px 3px 0 0;flex:1;min-width:6px}.mouse-status{color:var(--muted,#666);font-size:.8rem;font-weight:600}.mouse-button[data-tested=true]{border-color:var(--success,#16a34a)}.mouse-button[data-tested=true] .mouse-status{color:var(--success,#16a34a)}@media (prefers-reduced-motion:reduce){.mouse-hz-bar{opacity:1}}