.tool[data-tool=mouse-test] .mt-area{text-align:center;min-block-size:11rem;padding:var(--space-4);border:2px dashed var(--c-border-strong);border-radius:var(--r-md);background:var(--c-surface-2);-webkit-user-select:none;user-select:none;touch-action:none;place-items:center;display:grid}.tool[data-tool=mouse-test] .mt-area p{color:var(--c-text-muted,inherit);margin:0}.tool[data-tool=mouse-test] .mt-buttons{gap:var(--space-2);grid-template-columns:repeat(auto-fit,minmax(7.5rem,1fr));margin:0;padding:0;list-style:none;display:grid}.tool[data-tool=mouse-test] .mt-buttons li{min-block-size:2.75rem;padding-inline:var(--space-3);border:1px solid var(--c-border-strong);border-radius:var(--r-md);background:var(--c-surface);justify-content:space-between;align-items:center;display:flex}.tool[data-tool=mouse-test] .mt-buttons li.seen{border-color:var(--c-ok)}.tool[data-tool=mouse-test] .mt-buttons li.on{background:var(--c-primary);color:#fff;border-color:var(--c-primary)}
