.checker-page.svelte-1cw3y6p{max-width:720px;margin:0 auto;padding:var(--space-8) var(--space-4)}.page-header.svelte-1cw3y6p{text-align:center;margin-bottom:var(--space-6)}h1.svelte-1cw3y6p{font-family:var(--font-serif);font-size:3rem;font-weight:700;color:var(--ink-1000);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--space-2)}.page-subtitle.svelte-1cw3y6p{font-size:var(--font-size-lg);color:var(--support-600)}.workspace-zone.svelte-1cw3y6p{background:var(--workspace-bg);padding:var(--space-6);margin-bottom:var(--space-6)}.preview.svelte-1cw3y6p{border:2px solid #666666;padding:var(--space-6)}.preview-large.svelte-1cw3y6p{font-family:var(--font-serif);font-size:var(--font-size-2xl);font-weight:700;margin-bottom:var(--space-3)}.preview-body.svelte-1cw3y6p{font-family:var(--font-sans);font-size:var(--font-size-base);line-height:1.6;margin-bottom:var(--space-3)}.preview-small.svelte-1cw3y6p{font-family:var(--font-mono);font-size:var(--font-size-xs);letter-spacing:.04em}.inputs.svelte-1cw3y6p{display:flex;align-items:flex-end;gap:var(--space-3);margin-bottom:var(--space-6)}.input-group.svelte-1cw3y6p{flex:1}.input-label.svelte-1cw3y6p{display:block;font-family:var(--font-mono);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--support-600);margin-bottom:var(--space-2)}.input-row.svelte-1cw3y6p{display:flex;gap:var(--space-2)}.color-input.svelte-1cw3y6p{width:48px;height:48px;border:var(--border-heavy);padding:0;cursor:pointer;background:none}.hex-input.svelte-1cw3y6p{flex:1;font-family:var(--font-mono);font-size:var(--font-size-base);padding:var(--space-2) var(--space-3);border:var(--border-subtle);background:var(--paper-50);color:var(--ink-900);text-transform:uppercase}.hex-input.svelte-1cw3y6p:focus{outline:2px solid var(--ink-900);outline-offset:2px}.swap-btn.svelte-1cw3y6p{font-size:var(--font-size-2xl);background:none;border:var(--border-subtle);padding:var(--space-2) var(--space-3);cursor:pointer;color:var(--ink-900);margin-bottom:var(--space-1)}.swap-btn.svelte-1cw3y6p:hover{background:var(--neutral-300)}.results.svelte-1cw3y6p{margin-bottom:var(--space-8)}.ratio-display.svelte-1cw3y6p{text-align:center;margin-bottom:var(--space-4)}.ratio-number.svelte-1cw3y6p{font-family:var(--font-serif);font-size:4rem;font-weight:700;color:var(--ink-1000)}.ratio-label.svelte-1cw3y6p{font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--support-600);display:block}.badges.svelte-1cw3y6p{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-2)}.badge.svelte-1cw3y6p{border:var(--border-subtle);padding:var(--space-3);text-align:center;display:flex;flex-direction:column;gap:var(--space-1)}.badge.pass.svelte-1cw3y6p{border-color:var(--color-success)}.badge.fail.svelte-1cw3y6p{border-color:var(--color-error)}.badge-level.svelte-1cw3y6p{font-family:var(--font-mono);font-size:var(--font-size-2xs);text-transform:uppercase;letter-spacing:.06em;color:var(--support-600)}.badge-result.svelte-1cw3y6p{font-family:var(--font-mono);font-size:var(--font-size-base);font-weight:700}.pass.svelte-1cw3y6p .badge-result:where(.svelte-1cw3y6p){color:var(--color-success)}.fail.svelte-1cw3y6p .badge-result:where(.svelte-1cw3y6p){color:var(--color-error)}.badge-req.svelte-1cw3y6p{font-family:var(--font-mono);font-size:var(--font-size-2xs);color:var(--support-600)}.cta-section.svelte-1cw3y6p{text-align:center;border-top:var(--border-heavy);padding-top:var(--space-6)}.cta-text.svelte-1cw3y6p{font-family:var(--font-serif);font-size:var(--font-size-2xl);font-weight:700;color:var(--ink-1000);text-transform:uppercase;letter-spacing:.04em;margin-bottom:var(--space-4)}.cta-btn.svelte-1cw3y6p{display:inline-block;font-family:var(--font-mono);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.06em;font-weight:600;padding:var(--space-3) var(--space-8);background:var(--accent-500);color:var(--ink-1000);border:var(--border-subtle);text-decoration:none}.cta-btn.svelte-1cw3y6p:hover{background:var(--accent-200)}@media(max-width:480px){h1.svelte-1cw3y6p{font-size:2rem}.badges.svelte-1cw3y6p{grid-template-columns:repeat(2,1fr)}.inputs.svelte-1cw3y6p{flex-direction:column}.swap-btn.svelte-1cw3y6p{align-self:center}}