.device-test-hero{width:min(100% - 2.5rem,72rem);margin-inline:auto;padding-block:1.5rem 2rem}.device-test-heading{text-align:center;max-width:54rem;margin-inline:auto}.device-workspace{background:#ffffffe6;border:1px solid #00000014;border-radius:2rem;width:min(100% - 2.5rem,76rem);margin-inline:auto;padding:1rem;box-shadow:0 24px 80px #3136271f}.device-summary{grid-template-columns:minmax(12rem,1.5fr) repeat(3,minmax(6.5rem,.6fr)) auto;align-items:stretch;gap:.75rem;display:grid}.device-stat,.device-status-card{background:var(--surface-muted);border-radius:1rem;min-width:0;padding:.75rem .9rem}.device-status-card{flex-direction:column;justify-content:center;display:flex}.device-stat-label{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.7rem;font-weight:800;display:block}.device-stat-value{color:var(--ink);margin-top:.2rem;font-size:1rem;font-weight:800;line-height:1.3;display:block}.device-status-copy{color:var(--muted);margin-top:.15rem;font-size:.8rem;line-height:1.4}.device-reset{white-space:nowrap;align-self:center;min-height:44px}.keyboard-capture{background:var(--surface-muted);border:2px solid #0000;border-radius:1.5rem;outline:none;margin-top:.7rem;padding:.72rem;transition:border-color .16s,background .16s,box-shadow .16s}.keyboard-capture:focus{border-color:var(--brand);background:#fff;box-shadow:0 0 0 4px #d76f3d1f}.keyboard-capture-head{justify-content:space-between;align-items:center;gap:1rem;padding:.1rem .2rem .5rem;display:flex}.keyboard-capture-head strong{font-size:.9rem;display:block}.keyboard-capture-head span{color:var(--muted);font-size:.75rem}.keyboard-scroll-hint{display:none}.keyboard-scroll{overscroll-behavior-inline:contain;max-width:100%;padding-bottom:.35rem;overflow-x:auto}.keyboard-board{background:#ebe8df;border-radius:1rem;min-width:930px;padding:.48rem}.keyboard-function-row{grid-template-columns:repeat(16,minmax(0,1fr));gap:.26rem;margin-bottom:.38rem;display:grid}.keyboard-body{grid-template-columns:minmax(0,1fr) 11rem 14rem;align-items:start;gap:.48rem;display:grid}.keyboard-row{gap:.26rem;margin-top:.26rem;display:flex}.keyboard-row:first-child{margin-top:0}.keyboard-key{flex-grow:var(--key-width,1);min-width:0;min-height:2.18rem;color:var(--ink);background:#fff;border:1px solid #00000021;border-bottom-width:2px;border-radius:.5rem;flex-basis:0;place-items:center;font-size:.68rem;font-weight:800;line-height:1;transition:transform 80ms,background .1s,border-color .1s;display:grid;box-shadow:0 2px #0000000d}.keyboard-key.is-tested{background:#e3ecdf;border-color:#3343336b}.keyboard-key.is-held{border-color:var(--brand);background:var(--brand);color:#fff;box-shadow:none;transform:translateY(1px)}#keyboard-test-app.emphasize-untested .keyboard-key.is-tested:not(.is-held){opacity:.42}#keyboard-test-app.emphasize-untested .keyboard-key:not(.is-tested):not(.is-held){border-color:var(--brand);box-shadow:0 0 0 2px #d76f3d1f}.keyboard-nav-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:.26rem;margin-top:.26rem;display:grid}.keyboard-nav-row .keyboard-key{min-height:2.18rem}.keyboard-nav-up{grid-column:2}.device-compact-toggle{cursor:pointer;background:#fff;border:1px solid #0000001a;border-radius:.85rem;align-items:center;gap:.6rem;min-height:44px;padding:.5rem .75rem;font-size:.8rem;display:inline-flex}.device-compact-toggle input{width:1rem;height:1rem;accent-color:var(--brand)}.keyboard-detail-grid,.mouse-detail-grid{grid-template-columns:minmax(0,1fr) minmax(18rem,.8fr);gap:.65rem;margin-top:.65rem;display:grid}.device-detail-panel{background:#fff;border:1px solid #00000012;border-radius:1.1rem;min-width:0;padding:.7rem}.device-facts{grid-template-columns:repeat(3,minmax(0,1fr));gap:.42rem;display:grid}.device-fact{background:var(--surface-muted);border-radius:.85rem;min-width:0;padding:.5rem .65rem}.device-fact dt{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.65rem;font-weight:800}.device-fact dd{overflow-wrap:anywhere;margin:.25rem 0 0;font-size:.78rem;font-weight:750;line-height:1.35}.device-history{max-height:7.2rem;margin-top:.55rem;padding:0;list-style:none;overflow-y:auto}.device-history li{color:var(--muted);border-top:1px solid #00000012;gap:.5rem;padding:.45rem .1rem;font-size:.72rem;line-height:1.35;display:flex}.device-history li:first-child{border-top:0}.device-history strong{min-width:4.2rem;color:var(--ink)}.mouse-work-grid{grid-template-columns:17rem minmax(0,1fr);align-items:stretch;gap:.8rem;margin-top:.7rem;display:grid}.mouse-visual-panel,.mouse-pad{background:var(--surface-muted);border:1px solid #00000014;border-radius:1.5rem;min-width:0;padding:1rem}.mouse-visual{background:#fff;border:2px solid #252b2580;border-radius:5.25rem 5.25rem 4.25rem 4.25rem;width:10rem;height:12rem;margin:.25rem auto .8rem;position:relative;overflow:hidden;box-shadow:inset 0 -12px 28px #0000000a}.mouse-visual:after{content:"";background:#00000029;width:1px;position:absolute;top:0;bottom:56%;left:50%}.mouse-role-shape{background:#f6f4ee;transition:background .1s,box-shadow .1s;position:absolute}.mouse-role-shape.is-held{background:var(--brand);box-shadow:inset 0 0 0 2px #ffffff8c}.mouse-primary-shape{border-radius:5rem 0 0;inset:0 50% 56% 0}.mouse-secondary-shape{border-radius:0 5rem 0 0;inset:0 0 56% 50%}.mouse-middle-shape{z-index:2;background:#d9d7cf;border:1px solid #00000038;border-radius:.6rem;width:.96rem;height:2.3rem;top:1.6rem;left:calc(50% - .48rem)}.mouse-back-shape,.mouse-forward-shape{border-radius:.5rem;width:1.4rem;height:.7rem;left:.6rem}.mouse-back-shape{top:6.2rem}.mouse-forward-shape{top:7.2rem}.mouse-role-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem;display:grid}.mouse-role-item{min-width:0;color:var(--muted);background:#fff;border-radius:.8rem;justify-content:space-between;align-items:center;gap:.5rem;padding:.55rem .65rem;font-size:.72rem;font-weight:700;display:flex}.mouse-role-item.is-held{background:var(--brand-cream);color:var(--ink)}.mouse-role-item strong{color:var(--ink)}.mouse-pad{cursor:crosshair;user-select:none;min-height:19rem;position:relative;overflow:hidden}.mouse-pad-copy{z-index:2;pointer-events:none;max-width:32rem;position:relative}.mouse-crosshair{z-index:1;border:2px solid var(--brand);opacity:0;pointer-events:none;background:#fff7e7bf;border-radius:999px;width:1rem;height:1rem;position:absolute;transform:translate(-50%,-50%)}.mouse-crosshair.is-visible{opacity:1}.mouse-drag-zone{z-index:2;cursor:grab;touch-action:none;background:#ffffffc7;border:2px dashed #0000002b;border-radius:1rem;min-height:5.6rem;padding:.75rem .9rem;position:absolute;bottom:1rem;left:1rem;right:1rem}.mouse-drag-zone:active{cursor:grabbing}.mouse-drag-state{background:var(--brand-cream);color:var(--brand-dark);border-radius:999px;margin-top:.45rem;padding:.3rem .6rem;font-size:.72rem;font-weight:800;display:inline-flex}@media (width>=861px) and (width<=1100px){.device-workspace{padding:.85rem}.device-stat,.device-status-card{padding-block:.55rem}}@media (width<=860px){.device-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.device-status-card{grid-column:1/-1}.device-reset{width:100%}.keyboard-detail-grid,.mouse-detail-grid,.mouse-work-grid{grid-template-columns:1fr}.device-facts{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=520px){.device-test-hero,.device-workspace{width:min(100% - 1.25rem,76rem)}.device-workspace{border-radius:1.5rem;padding:.8rem}.device-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}.device-facts{grid-template-columns:1fr 1fr}.keyboard-capture-head{flex-direction:column;align-items:flex-start}.keyboard-browser-note{display:none}.keyboard-scroll-hint{color:var(--brand-dark);font-weight:800;display:inline}.mouse-pad{min-height:0}.mouse-drag-zone{margin-top:1rem;position:relative;bottom:auto;left:auto;right:auto}}