body[data-route=screen] :is(.page-intro,.workbench-container,.seo-content-container){width:min(1200px,100% - 48px);max-width:1200px;margin-inline:auto;padding-inline:0}body[data-route=screen] .page-intro{padding-block:40px 24px}body[data-route=screen] .page-title{margin-bottom:12px;font-size:clamp(28px,3vw,40px);line-height:1.15}body[data-route=screen] .page-subtitle{max-width:74ch}body[data-route=screen] .screen-toolbar{border:0;border-block:1px solid var(--border-subtle);background:0 0;border-radius:0;gap:16px 32px;margin-bottom:32px;padding:16px 0}body[data-route=screen] .screen-toolbar__group{gap:12px 24px}body[data-route=screen] .screen-stat-badge{font-family:var(--font-sans);color:var(--text-secondary);background:0 0;border:0;padding:0;font-size:13px}body[data-route=screen] .screen-workstation-grid{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:56px}body[data-route=screen] :is(.pixel-bench-card,.refresh-rate-card,.gradient-bench-card){border:0;border-top:1px solid var(--border-subtle);box-shadow:none;background:0 0;border-radius:0;min-width:0;padding:24px 0}body[data-route=screen] .pixel-bench-card{gap:24px}body[data-route=screen] .pixel-bench-card__title{margin-bottom:12px;font-size:24px;line-height:1.25}body[data-route=screen] .pixel-bench-card__desc{max-width:55ch;font-size:15px;line-height:1.65}body[data-route=screen] .btn-launch-fullscreen{border-radius:8px;width:fit-content;max-width:100%;min-height:52px;padding-inline:24px}body[data-route=screen] .color-swatch-row{flex-wrap:wrap;justify-content:flex-start;gap:12px}body[data-route=screen] .color-swatch-item{appearance:none;font:inherit;color:var(--text-secondary);border:1px solid var(--border-component);background:var(--bg-surface);cursor:pointer;border-radius:8px;min-width:74px;min-height:90px;padding:12px}body[data-route=screen] .color-swatch-item[aria-pressed=true]{border-color:var(--brand-vermilion);color:var(--text-primary)}body[data-route=screen] .color-swatch-dot{width:30px;height:30px}body[data-route=screen] .pixel-diagnostic-note{border:0;border-top:1px solid var(--border-subtle);font-family:var(--font-sans);background:0 0;border-radius:0;padding:20px 0 0;font-size:13px;line-height:1.7}body[data-route=screen] .refresh-rate-card__title{font:600 18px var(--font-sans)}body[data-route=screen] .hz-gauge-well{text-align:left;background:0 0;border:0;padding:24px 0 8px}body[data-route=screen] .hz-gauge-value{color:var(--text-primary);overflow-wrap:anywhere;font-size:clamp(24px,3vw,42px)}body[data-route=screen] .hz-gauge-unit{color:var(--text-secondary);letter-spacing:.06em;font-size:10px}body[data-route=screen] .screen-estimate-note{color:var(--text-secondary);margin:8px 0 24px;font-size:13px;line-height:1.6}body[data-route=screen] .frame-metrics-grid{gap:32px}body[data-route=screen] .frame-metric-box{text-align:left;background:0 0;border:0;border-radius:0;padding:0}body[data-route=screen] .hz-ladder{flex-wrap:wrap;gap:8px}body[data-route=screen] .hz-ladder-step{background:0 0;border:0;padding:4px}body[data-route=screen] .hz-ladder-step[data-active=true]{background:var(--brand-vermilion-soft);color:var(--brand-vermilion)}body[data-route=screen] .gradient-bench-card{gap:16px}body[data-route=screen] .gradient-bench-card__title{font:500 14px var(--font-sans);color:var(--text-primary)}body[data-route=screen] .seo-content-container{padding-block:48px 64px}body[data-route=screen] :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=screen] .faq-item{background:0 0;border-radius:0;padding-inline:0}body[data-route=screen] :focus-visible{outline:2px solid var(--brand-vermilion);outline-offset:4px}body[data-route=screen] .fullscreen-canvas{overscroll-behavior:none;border:0;width:100%;height:100dvh;margin:0;padding:0;transition:none;inset:0;overflow:hidden}body[data-route=screen] .fullscreen-canvas:fullscreen{width:100%;height:100%}body[data-route=screen] .fullscreen-hud{box-sizing:border-box;max-width:calc(100% - 32px);bottom:max(20px, env(safe-area-inset-bottom));color:#f7f7f4;backdrop-filter:none;background:#161a22;border-radius:14px;flex-wrap:wrap;justify-content:center;gap:12px;padding:10px 16px}body[data-route=screen] .fullscreen-hud:focus-within{opacity:1;visibility:visible;pointer-events:auto}body[data-route=screen] .fullscreen-hud__dot{width:28px;height:28px}body[data-route=screen] .fullscreen-hud__btn-exit{min-height:40px}@media (width<=959px){body[data-route=screen] .screen-workstation-grid{grid-template-columns:minmax(0,1fr);gap:24px}}@media (width<=599px){body[data-route=screen] :is(.page-intro,.workbench-container,.seo-content-container){width:calc(100% - 40px)}body[data-route=screen] .page-intro{padding-top:28px}body[data-route=screen] .screen-toolbar{gap:12px}body[data-route=screen] .color-swatch-item{flex:1;min-width:48px;padding:10px 4px}body[data-route=screen] .color-swatch-row{gap:8px}body[data-route=screen] .fullscreen-hud{width:max-content;padding:10px 12px}body[data-route=screen] .fullscreen-hud__divider{display:none}}@media (prefers-reduced-motion:reduce){body[data-route=screen] .fullscreen-hud{transition:none}}body[data-route=screen] .fullscreen-canvas[hidden]{display:none}body[data-route=screen] .fullscreen-hud__mode{text-align:center;color:#d3d6de;flex-basis:100%;font-size:11px}