.contrast-tool.svelte-1vtw80d{flex-direction:column;gap:2.5rem;display:flex}.pickers.svelte-1vtw80d{flex-wrap:wrap;align-items:flex-end;gap:1.5rem;display:flex}.picker-group.svelte-1vtw80d{flex:1;min-width:200px}label.svelte-1vtw80d{font-family:var(--ff-Excon);color:#333;margin-bottom:.5rem;font-size:.9rem;font-weight:700;display:block}.input-wrap.svelte-1vtw80d{background:#fff;border:1px solid #ddd;border-radius:10px;align-items:center;gap:.5rem;padding:.5rem;display:flex}input[type=color].svelte-1vtw80d{cursor:pointer;background:0 0;border:none;border-radius:6px;width:40px;height:40px}input[type=text].svelte-1vtw80d{border:none;outline:none;flex:1;padding-left:.5rem;font-family:SF Mono,monospace;font-size:1rem}.swap-btn.svelte-1vtw80d{cursor:pointer;background:#fff;border:1px solid #eee;border-radius:50%;width:50px;height:50px;margin-bottom:2px;font-size:1.2rem;transition:all .2s}.swap-btn.svelte-1vtw80d:hover{border-color:var(--clr-custom-text);box-shadow:0 4px 12px #0000000d}.result-display.svelte-1vtw80d{background:#fafafa;border-radius:20px;flex-wrap:wrap;align-items:center;gap:3rem;padding:2.5rem;display:flex}.ratio-box.svelte-1vtw80d{flex-direction:column;align-items:center;display:flex}.ratio-val.svelte-1vtw80d{font-family:var(--ff-Excon);color:#111;font-size:3.5rem;font-weight:900;line-height:1}.ratio-label.svelte-1vtw80d{font-family:var(--ff-Supreme);color:#888;text-transform:uppercase;letter-spacing:.05em;font-size:.9rem}.wcag-grid.svelte-1vtw80d{flex:1;grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}.wcag-card.svelte-1vtw80d{background:#fff;border:1px solid #eee;border-radius:12px;flex-direction:column;gap:.1rem;padding:1rem;display:flex}.wcag-card.pass.svelte-1vtw80d{background:#f0fdf4;border-color:#bbf7d0}.status.svelte-1vtw80d{font-family:var(--ff-Excon);color:#ef4444;font-size:1rem;font-weight:900}.pass.svelte-1vtw80d .status:where(.svelte-1vtw80d){color:#22c55e}.criteria.svelte-1vtw80d{color:#888;font-size:.75rem;font-weight:700}.desc.svelte-1vtw80d{font-size:.85rem;font-family:var(--ff-Supreme);color:#555}.preview-box.svelte-1vtw80d{border:1px solid #0000000d;border-radius:20px;padding:3rem}.preview-box.svelte-1vtw80d h3:where(.svelte-1vtw80d){font-family:var(--ff-Excon);margin-bottom:1rem;font-size:2rem}.preview-box.svelte-1vtw80d p:where(.svelte-1vtw80d){font-family:var(--ff-Supreme);max-width:600px;font-size:1.1rem;line-height:1.6}@media (width<=768px){.result-display.svelte-1vtw80d{gap:2rem;padding:1.5rem}.ratio-val.svelte-1vtw80d{font-size:2.5rem}.wcag-grid.svelte-1vtw80d{grid-template-columns:1fr}}