.ColorContrastCheckerClient-module__9ULjIG__contrastChecker{gap:2.5rem;max-width:840px;margin:0 auto}.ColorContrastCheckerClient-module__9ULjIG__header h2{font-size:1.6rem;font-weight:700}.ColorContrastCheckerClient-module__9ULjIG__header p{max-width:60ch;line-height:1.5}.ColorContrastCheckerClient-module__9ULjIG__controls{flex-wrap:wrap;align-items:flex-end;gap:1.5rem;display:flex}.ColorContrastCheckerClient-module__9ULjIG__colorField{flex:1;gap:.6rem;min-width:220px;display:grid}.ColorContrastCheckerClient-module__9ULjIG__colorInput{align-items:center;gap:.6rem;display:flex}.ColorContrastCheckerClient-module__9ULjIG__colorInput input[type=color]{border-radius:var(--radius-sm);cursor:pointer;width:46px;height:46px;box-shadow:var(--shadow-1);border:none;padding:0}.ColorContrastCheckerClient-module__9ULjIG__ratioCard{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);text-align:center;box-shadow:var(--shadow-2);flex:0 0 200px;padding:1.25rem}.ColorContrastCheckerClient-module__9ULjIG__ratio{margin:.5rem 0;font-size:2rem;font-weight:800}.ColorContrastCheckerClient-module__9ULjIG__ratioActions{justify-content:center;gap:.5rem;display:flex}.ColorContrastCheckerClient-module__9ULjIG__results{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.25rem;display:grid}.ColorContrastCheckerClient-module__9ULjIG__preview{border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-1);flex-direction:column;justify-content:space-between;gap:1rem;padding:1.25rem;display:flex}.ColorContrastCheckerClient-module__9ULjIG__preview p.ColorContrastCheckerClient-module__9ULjIG__small{color:var(--fg-muted);margin-bottom:.25rem;font-size:.9rem}.ColorContrastCheckerClient-module__9ULjIG__preview p{margin:0;line-height:1.4}.ColorContrastCheckerClient-module__9ULjIG__badge{box-shadow:var(--shadow-1);border-radius:999px;margin-top:.25rem;padding:.35rem .75rem;font-size:.85rem;font-weight:600;display:inline-block}.ColorContrastCheckerClient-module__9ULjIG__pass{color:#fff;background:#2ea043}.ColorContrastCheckerClient-module__9ULjIG__fail{color:#fff;background:#d73a49}.ColorContrastCheckerClient-module__9ULjIG__info{text-align:center;max-width:65ch;margin:0 auto;font-size:.9rem;line-height:1.5}