.ScreenResolutionChecker-module__Y1zKta__shell{gap:1rem}.ScreenResolutionChecker-module__Y1zKta__heroMetric{border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);background:var(--color-surface-elevated);grid-template-rows:auto 1fr;grid-template-columns:1fr auto;align-items:end;gap:.75rem 1rem;min-height:11rem;padding:clamp(1rem,2vw,1.35rem);display:grid}.ScreenResolutionChecker-module__Y1zKta__heroMetric span{grid-column:1/-1}.ScreenResolutionChecker-module__Y1zKta__heroMetric output{font-family:var(--font-mono);letter-spacing:-.08em;font-variant-numeric:tabular-nums;font-size:clamp(2.6rem,9vw,5rem);font-weight:650;line-height:.95}.ScreenResolutionChecker-module__Y1zKta__metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:.55rem;display:grid}.ScreenResolutionChecker-module__Y1zKta__metrics div{border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);align-content:space-between;gap:.65rem;min-height:5.1rem;padding:.8rem;display:grid}.ScreenResolutionChecker-module__Y1zKta__metrics span{color:var(--color-text-disabled);letter-spacing:.1em;text-transform:uppercase;font-size:.68rem}.ScreenResolutionChecker-module__Y1zKta__metrics strong{color:var(--color-text-primary);font-family:var(--font-mono);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;font-size:clamp(.95rem,2vw,1.15rem);font-weight:600}.ScreenResolutionChecker-module__Y1zKta__canvasPreview{border:1px dashed var(--color-border-subtle);border-radius:var(--radius-xl);background:linear-gradient(90deg, transparent 0, transparent calc(100% - 1px), var(--color-border-subtle) calc(100% - 1px)), linear-gradient(0deg, transparent 0, transparent calc(100% - 1px), var(--color-border-subtle) calc(100% - 1px));background-size:2rem 2rem;place-items:center;min-height:10rem;padding:1rem;display:grid}.ScreenResolutionChecker-module__Y1zKta__canvasPreview span{border:2px solid var(--color-accent);border-radius:var(--radius-md);background:var(--color-accent-soft);max-width:100%;max-height:8rem;display:block}@media (max-width:900px){.ScreenResolutionChecker-module__Y1zKta__metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.ScreenResolutionChecker-module__Y1zKta__heroMetric,.ScreenResolutionChecker-module__Y1zKta__metrics{grid-template-columns:1fr}.ScreenResolutionChecker-module__Y1zKta__canvasPreview{min-height:7rem}}