.screentest{display:grid;gap:var(--space-4);min-width:0}.screentest p{margin:0}.screentest [data-lines]{--st-lines:2;--st-wide:1;min-height:calc(var(--st-lines) * 1.6em)}.screentest [data-lines="3"]{--st-lines:3;--st-wide:2}.screentest [data-lines="4"]{--st-lines:4;--st-wide:2}.screentest [data-lines="5"]{--st-lines:5;--st-wide:3}.screentest [data-lines="6"]{--st-lines:6;--st-wide:3}.screentest [data-lines="7"]{--st-lines:7;--st-wide:4}.screentest [data-lines="8"]{--st-lines:8;--st-wide:4}.screentest [data-lines="9"]{--st-lines:9;--st-wide:5}@media (min-width:40rem){.screentest [data-lines]{min-height:calc(var(--st-wide) * 1.6em)}}@media (min-width:60rem){.screentest{grid-template-columns:minmax(0,3fr) minmax(0,2fr);grid-template-rows:auto auto 1fr;grid-auto-flow:dense;column-gap:var(--space-5)}.screentest > *{grid-column:1 / -1}.screentest > .screentest__result{grid-column:1;grid-row:span 3}.screentest[data-mode="stuck-pixel"] > .screentest__result{grid-row:span 2}.screentest > :is(.screentest__lead,.screentest__controls,.screentest__status){grid-column:2;align-self:start}.screentest > .screentest__status{align-self:end}.screentest__lead[data-long] .screentest__top{order:-1}}.screentest__lead,.screentest__own{display:grid;gap:var(--space-3);min-width:0}.screentest__own{gap:var(--space-2)}.screentest__own-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 var(--space-2)}.screentest[data-mode="ghosting"]:not([data-state="idle"]) .tool-own__how{visibility:hidden}.screentest__fine{display:none}@media (hover:hover) and (pointer:fine){.screentest__fine{display:inline}}.screentest__agree[data-need]{border-radius:var(--radius-sm);outline:3px solid var(--ring);outline-offset:2px}.screentest__warning{display:flex;align-items:flex-start;gap:var(--space-3);font-size:var(--step--1);font-weight:650;line-height:1.45}.screentest__warning .icon{margin-top:0.1em}@media (max-width:30rem){.screentest__warning{display:block;padding:var(--space-2) var(--space-3)}.screentest__warning .icon{float:left;width:1.25rem;height:1.25rem;margin:0.05em var(--space-2) 0 0}}.screentest__agree{flex:1 1 8rem;min-width:0;font-weight:700;line-height:1.25}@media (min-width:40rem){.screentest__agree{flex:0 1 auto}}.screentest__top{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2) var(--space-3)}.screentest__go{min-width:11rem}.screentest[data-mode="stuck-pixel"] .screentest__go{min-width:8.5rem}@media (max-width:30rem){.screentest__go{flex:1 1 auto;min-width:0}.screentest[data-mode="stuck-pixel"] .screentest__go{flex:0 0 auto}.screentest__jump .icon{display:none}}@media (max-width:24rem){.screentest__go{padding-inline:var(--space-3)}}.screentest__keys{flex:1 1 14rem}.screentest__jump{display:inline-flex;align-items:center;gap:var(--space-1);min-height:var(--tap);font-size:var(--step--1);font-weight:650}.screentest__jump .icon{width:1rem;height:1rem}.screentest__notes-title{outline:none}@media (hover:none) and (pointer:coarse){.screentest:is([data-mode="colour"],[data-mode="bars"],[data-mode="resolution"]) .screentest__keys{display:none}}.screentest[data-state="idle"] [data-when]:not([data-when~="idle"]),.screentest[data-state="running"] [data-when]:not([data-when~="running"]),.screentest[data-state="paused"] [data-when]:not([data-when~="paused"]){display:none}.screentest__result{display:grid;gap:var(--space-3);min-width:0}.screentest__frame{position:relative;aspect-ratio:16 / 9;overflow:hidden;border:1px solid var(--line-strong);border-radius:var(--radius);background:#000;forced-color-adjust:none}.screentest__stage{position:absolute;inset:0;overflow:hidden;background:#000;outline:none}.screentest:is([data-mode="colour"],[data-mode="ghosting"],[data-mode="bars"],[data-mode="resolution"]) .screentest__stage:not([data-full]){cursor:pointer}.screentest__stage:focus-visible{outline:3px solid var(--ring);outline-offset:-3px}.screentest__still,.screentest__canvas{position:absolute;inset:0;display:block;width:100%;height:100%}.screentest__canvas{image-rendering:pixelated}.screentest__still[data-off],.screentest__canvas[hidden],.screentest__dot[hidden],.screentest__square[hidden]{display:none}.screentest__stage[data-full]{position:fixed;z-index:1000;border-radius:0;outline:none}.screentest__stage:fullscreen{width:100%;height:100%}.screentest__stage[data-idle]{cursor:none}.screentest__hud{display:none}.screentest__stage[data-full] .screentest__hud{position:absolute;top:max(var(--space-3),env(safe-area-inset-top));right:var(--space-3);left:var(--space-3);display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:var(--space-2) var(--space-3);width:fit-content;max-width:40rem;margin-inline:auto;padding:var(--space-2) var(--space-2) var(--space-2) var(--space-4);border:1px solid var(--line-strong);border-radius:var(--radius-lg);background:var(--surface);color:var(--ink);box-shadow:var(--shadow-2);forced-color-adjust:auto}.screentest__stage[data-hud-low] .screentest__hud{top:auto;bottom:max(var(--space-3),env(safe-area-inset-bottom))}.screentest__hud-label{flex:1 1 8rem;min-width:0;font-size:var(--step--1);font-weight:700;line-height:1.3;font-variant-numeric:tabular-nums}.screentest__stage[data-idle] .screentest__hud{opacity:0;pointer-events:none}.screentest__stage[data-idle] .screentest__hud:has(:focus-visible){opacity:1;pointer-events:auto}.screentest__dot{position:absolute;top:-1.5rem;left:-1.5rem;width:3rem;height:3rem;border-radius:50%;background:#fff;transform:translate(var(--st-x,0),var(--st-y,0));pointer-events:none}.screentest__square{position:absolute;top:0;left:0;width:var(--st-side,100px);height:var(--st-side,100px);transform:translate(var(--st-x,0),var(--st-y,0));image-rendering:pixelated;touch-action:none;cursor:grab}.screentest[data-mode="stuck-pixel"] .screentest__stage[data-full] > :is(.screentest__still,.screentest__canvas){display:none}.screentest__stage[data-full][data-backdrop="off"]{background:var(--surface)}.screentest__readout{display:grid;gap:var(--space-1);min-width:0}.screentest__figure{min-height:2.4em;font:var(--display-weight) var(--step-2) / 1.2 var(--font-display);font-variant-numeric:tabular-nums;text-wrap:balance}.screentest__name{min-height:2.4em;font-size:var(--step-2);line-height:1.2}.screentest__name .result-card__text{display:block;font-size:inherit;line-height:1.2}.screentest[data-mode="frame-rate"] .screentest__figure{order:-2}.screentest[data-mode="frame-rate"] .screentest__detail{order:-1}.screentest__second .result-card__text{font:700 var(--step-0) / 1.4 var(--font-body)}.screentest__facts{color:var(--ink-muted);font-size:var(--step--1);font-weight:650;font-variant-numeric:tabular-nums;min-height:3.2em}.screentest__status{color:var(--ink-muted);font-size:var(--step--1)}@media (min-width:40rem){.screentest__figure,.screentest__name{min-height:1.2em}.screentest__facts{min-height:1.6em}}.screentest__controls{display:grid;gap:var(--space-4);min-width:0}.screentest__row,.screentest__group{display:grid;gap:var(--space-2);min-width:0}.screentest__chips{position:relative;display:flex;gap:var(--space-2);min-width:0;margin:-5px;padding:5px;overflow-x:auto;scroll-snap-type:x proximity;scroll-padding-inline:var(--space-4);scrollbar-width:thin}.screentest__chips .pill{flex:none;white-space:nowrap;scroll-snap-align:start}@media (max-width:39.99rem){.screentest__chips{padding-inline-end:var(--space-7);-webkit-mask-image:linear-gradient(to left,transparent,#000 3rem);mask-image:linear-gradient(to left,transparent,#000 3rem)}}@media (min-width:40rem){.screentest__chips{flex-wrap:wrap;overflow:visible}}.screentest .segmented{flex-wrap:wrap;overflow:visible;border-radius:var(--radius)}.screentest .segmented .pill{flex:none}.screentest__swatch{flex:none;border-radius:50%;box-shadow:0 0 0 1px var(--line-strong);forced-color-adjust:none}.screentest__stepper{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.screentest__count{min-width:5.5em;font-weight:700;font-variant-numeric:tabular-nums;text-align:center}.screentest__out{color:var(--ink-muted);font-weight:400;font-variant-numeric:tabular-nums}.screentest .tool-more{border-top:1px solid var(--line)}.screentest .tool-more > summary{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);min-height:var(--tap);color:var(--ink-muted);font-weight:650;cursor:pointer;list-style:none}.screentest .tool-more > summary::-webkit-details-marker{display:none}.screentest .tool-more > summary:focus-visible{outline:3px solid var(--ring);outline-offset:2px}.screentest .tool-more[open] .screentest__chevron{transform:rotate(180deg)}.screentest .tool-more__body{display:grid;gap:var(--space-4);padding-block:var(--space-2) var(--space-3)}.screentest__blur{display:grid;gap:var(--space-2)}.screentest__blur-bar{height:0.75rem;overflow:hidden;border-radius:var(--radius-pill);background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--line)}.screentest__blur-bar span{display:block;width:min(100%,var(--st-blur,16px));height:100%;border-radius:inherit;background:var(--brand)}.screentest__now{display:grid;gap:var(--space-1)}.screentest__now:has([data-live]:empty){visibility:hidden}.screentest__live{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-2)}.screentest__live-figure{min-width:4.5ch;font:var(--display-weight) var(--step-3) / 1 var(--font-display);font-variant-numeric:tabular-nums}.screentest__live-figure:empty::before{content:"\00a0"}.screentest__history{display:grid;gap:var(--space-2)}.screentest__history-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.screentest__history-list{height:7.5rem;margin:0;padding:var(--space-2) var(--space-3) var(--space-2) var(--space-6);overflow-y:auto;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-2);font-size:var(--step--1);font-variant-numeric:tabular-nums}.screentest__history-list .hint{margin-left:calc(-1 * var(--space-5));list-style:none}.screentest__numbers{display:grid;gap:var(--space-3);padding:var(--space-4);border:1px solid var(--card-border);border-radius:var(--radius);background:var(--card-bg)}.screentest__given{min-height:3.6em;font:var(--display-weight) var(--step-2) / 1.2 var(--font-display);font-variant-numeric:tabular-nums;text-wrap:balance}.screentest__dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3);margin:0}.screentest__dl dt{color:var(--ink-muted);font-size:var(--step--1);font-weight:700}.screentest__dl dd{min-height:1.6em;margin:0;font-weight:700;font-variant-numeric:tabular-nums}.screentest__numbers .btn{justify-self:start}@media (min-width:40rem){.screentest__given{min-height:2.4em}.screentest__dl{grid-template-columns:repeat(4,minmax(0,1fr))}}.screentest__png{display:inline-flex}.screentest :is([data-action="copy"],[data-action="share"],[data-action="numbers"]){min-width:var(--st-held,0)}.screentest__heart{justify-content:flex-start;min-width:6.75rem}.screentest__bar [hidden]{display:none}.screentest__notes{display:grid;gap:var(--space-3);min-width:0;padding-top:var(--space-4);border-top:1px solid var(--line)}.screentest__note-head{margin-top:var(--space-2);color:var(--ink-muted);font-size:var(--step--1);font-weight:700}.screentest__note-list{display:grid;align-items:start;gap:0 var(--space-5);margin:0;padding:0;list-style:none}.screentest__note-list > li{min-width:0;border-top:1px solid var(--line)}.screentest__note{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);width:100%;min-height:var(--tap);padding:var(--space-2) var(--space-1);border:0;border-radius:var(--radius-sm);background:none;color:inherit;font:inherit;font-size:var(--step--1);text-align:left;cursor:pointer}.screentest__note::after{content:"+";content:"+" / "";flex:none;width:1em;color:var(--ink-muted);font-weight:700;text-align:center}.screentest__note[aria-expanded="true"]::after{content:"\2212";content:"\2212" / ""}.screentest__note:hover{background:var(--surface-2)}.screentest__note[aria-expanded="true"]{font-weight:700}.screentest__note:focus-visible{outline-offset:-3px}.screentest__note-detail{display:grid;justify-items:start;gap:var(--space-3);padding:0 var(--space-1) var(--space-4);font-size:var(--step--1)}.screentest__note-detail[hidden]{display:none}@media (min-width:48rem){.screentest__note-list{grid-template-columns:repeat(2,minmax(0,1fr))}.screentest__note-detail{font-size:var(--step-0)}}.screentest__static dl{margin:0 0 var(--space-4)}.screentest__static dt{font-weight:700}.screentest__static dd{margin:0 0 var(--space-2);color:var(--ink-muted)}@media (prefers-reduced-motion:no-preference){.screentest__go{transition:transform 150ms var(--ease)}.screentest__go:active{transform:scale(0.97)}.screentest:is([data-state="running"],[data-state="paused"]) .screentest__go [data-when]{animation:screentest-pop 240ms var(--ease) both}.screentest__stage[data-full]{animation:screentest-in 200ms var(--ease) both}.screentest__hud{transition:opacity 200ms var(--ease)}}@keyframes screentest-pop{from{opacity:0;transform:scale(0.6)}}@keyframes screentest-in{from{opacity:0}}.screentest__own-colour{gap:var(--space-2);cursor:pointer}@media print{.screentest__frame,.screentest__status,.screentest__reading{display:none}.screentest [data-lines],.screentest__name,.screentest__facts,.screentest__figure{min-height:0}}