.checker.svelte-1uotyac{max-width:640px;margin:0 auto}.color-inputs.svelte-1uotyac{display:flex;align-items:flex-end;gap:.75rem;margin-bottom:1.5rem}@media (max-width: 520px){.color-inputs.svelte-1uotyac{flex-direction:column;align-items:stretch}.swap-btn.svelte-1uotyac{align-self:center}}.color-input-group.svelte-1uotyac{flex:1}.color-input-group.svelte-1uotyac label:where(.svelte-1uotyac){display:block;font-size:.85rem;color:var(--text-muted);margin-bottom:.4rem}.color-row.svelte-1uotyac{display:flex;align-items:center;gap:.5rem}.color-row.svelte-1uotyac input[type=color]:where(.svelte-1uotyac){width:44px;height:44px;border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;padding:2px;background:var(--bg-input)}.hex-input.svelte-1uotyac{flex:1;padding:.6rem .75rem;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-family:monospace;font-size:.9rem}.swap-btn.svelte-1uotyac{padding:.5rem .75rem;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-size:1.2rem;cursor:pointer;transition:border-color .15s,color .15s;flex-shrink:0}.swap-btn.svelte-1uotyac:hover{border-color:var(--accent-light);color:var(--accent-light)}.preview-card.svelte-1uotyac{border:1px solid var(--border);border-radius:var(--radius-sm);padding:1.5rem;margin-bottom:1.5rem;transition:background .15s,color .15s}.preview-normal.svelte-1uotyac{font-size:16px;margin:0 0 .75rem;line-height:1.5}.preview-large.svelte-1uotyac{font-size:24px;margin:0 0 .5rem;font-weight:400}.preview-bold.svelte-1uotyac{font-size:18px;margin:0;font-weight:700}.ratio-card.svelte-1uotyac{display:flex;align-items:center;justify-content:space-between;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);padding:1.25rem;margin-bottom:1.5rem}.ratio-display.svelte-1uotyac{display:flex;align-items:baseline;gap:.75rem}.ratio-number.svelte-1uotyac{font-size:2rem;font-weight:800}.ratio-label.svelte-1uotyac{font-size:.9rem;font-weight:600}.excellent.svelte-1uotyac{color:#22c55e}.good.svelte-1uotyac{color:#84cc16}.acceptable.svelte-1uotyac{color:#eab308}.poor.svelte-1uotyac{color:#ef4444}.copy-ratio-btn.svelte-1uotyac{padding:.5rem 1rem;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-muted);font-size:.8rem;cursor:pointer;transition:border-color .15s,color .15s}.copy-ratio-btn.svelte-1uotyac:hover{border-color:var(--accent-light);color:var(--accent-light)}.wcag-grid.svelte-1uotyac{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media (max-width: 480px){.wcag-grid.svelte-1uotyac{grid-template-columns:1fr}}.wcag-card.svelte-1uotyac{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);padding:1rem}.wcag-card.svelte-1uotyac h4:where(.svelte-1uotyac){margin:0 0 .75rem;font-size:.95rem;color:var(--text)}.wcag-row.svelte-1uotyac{display:flex;justify-content:space-between;align-items:center;padding:.4rem 0;font-size:.85rem;color:var(--text-muted)}.wcag-row.svelte-1uotyac+.wcag-row:where(.svelte-1uotyac){border-top:1px solid var(--border)}.badge.svelte-1uotyac{padding:.2rem .6rem;border-radius:4px;font-size:.75rem;font-weight:700;letter-spacing:.03em}.badge.pass.svelte-1uotyac{background:#22c55e26;color:#22c55e}.badge.fail.svelte-1uotyac{background:#ef444426;color:#ef4444}