.contrast-app[data-astro-cid-hcjq3to3]{display:flex;flex-direction:column;gap:18px}.contrast-preview[data-astro-cid-hcjq3to3]{padding:32px 28px;border:1px solid var(--color-line);border-radius:14px;transition:background .2s,color .2s}.contrast-preview__sample[data-astro-cid-hcjq3to3]{display:block;font-family:var(--font-display);font-size:80px;font-weight:700;line-height:1;letter-spacing:-.03em;margin-bottom:16px}.contrast-preview__sentence[data-astro-cid-hcjq3to3]{font-family:var(--font-sans);font-size:16px;line-height:1.5;margin:0 0 8px}.contrast-preview__sentence--big[data-astro-cid-hcjq3to3]{font-size:24px;font-weight:600}.contrast-controls[data-astro-cid-hcjq3to3]{display:grid;grid-template-columns:1fr 1fr auto;gap:16px;align-items:end;background:#fff;border:1px solid var(--color-line);border-radius:14px;padding:22px}@media(max-width:640px){.contrast-controls[data-astro-cid-hcjq3to3]{grid-template-columns:1fr}}.contrast-picker[data-astro-cid-hcjq3to3] label[data-astro-cid-hcjq3to3]{display:block;font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--color-mute);margin-bottom:8px}.contrast-picker__row[data-astro-cid-hcjq3to3]{display:flex;gap:8px}.contrast-picker[data-astro-cid-hcjq3to3] input[data-astro-cid-hcjq3to3][type=color]{width:56px;height:44px;border:1px solid var(--color-line);border-radius:8px;cursor:pointer;background:transparent}.contrast-picker[data-astro-cid-hcjq3to3] input[data-astro-cid-hcjq3to3][type=text]{flex:1;padding:12px;border:1px solid var(--color-line);border-radius:8px;font-family:var(--font-mono);font-size:14px;color:var(--color-ink);background:var(--color-bg)}.contrast-swap[data-astro-cid-hcjq3to3]{padding:12px 18px;background:var(--color-ink);color:#fff;border:none;border-radius:8px;font-family:var(--font-mono);font-size:12px;letter-spacing:.08em;cursor:pointer;transition:background .18s}.contrast-swap[data-astro-cid-hcjq3to3]:hover{background:var(--color-accent)}.contrast-result[data-astro-cid-hcjq3to3]{background:#fff;border:1px solid var(--color-line);border-radius:14px;padding:24px}.contrast-ratio[data-astro-cid-hcjq3to3]{text-align:center;margin-bottom:24px}.contrast-ratio__num[data-astro-cid-hcjq3to3]{font-family:var(--font-display);font-size:64px;font-weight:700;color:var(--color-accent);letter-spacing:-.025em;line-height:1}.contrast-ratio__suffix[data-astro-cid-hcjq3to3]{font-family:var(--font-mono);font-size:18px;color:var(--color-mute);margin-left:4px}.contrast-grid[data-astro-cid-hcjq3to3]{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}@media(max-width:540px){.contrast-grid[data-astro-cid-hcjq3to3]{grid-template-columns:1fr}}.contrast-cell[data-astro-cid-hcjq3to3]{padding:14px 16px;border:1px solid var(--color-line);border-radius:10px;display:flex;flex-direction:column;gap:4px}.contrast-cell__head[data-astro-cid-hcjq3to3]{font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--color-mute)}.contrast-cell__verdict[data-astro-cid-hcjq3to3]{font-family:var(--font-sans);font-size:16px;font-weight:700}.contrast-cell__req[data-astro-cid-hcjq3to3]{font-family:var(--font-mono);font-size:11px;color:var(--color-mute)}.contrast-cell[data-astro-cid-hcjq3to3].is-pass{background:#e8f5ec;border-color:#b8e0c2}.contrast-cell[data-astro-cid-hcjq3to3].is-pass .contrast-cell__verdict[data-astro-cid-hcjq3to3]{color:#1e6b3f}.contrast-cell[data-astro-cid-hcjq3to3].is-fail{background:#fceaea;border-color:#f1c2c2}.contrast-cell[data-astro-cid-hcjq3to3].is-fail .contrast-cell__verdict[data-astro-cid-hcjq3to3]{color:#a91d1d}.contrast-presets[data-astro-cid-hcjq3to3]{background:#fff;border:1px solid var(--color-line);border-radius:14px;padding:22px}.contrast-presets__head[data-astro-cid-hcjq3to3]{font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--color-mute);margin-bottom:10px}.contrast-presets__list[data-astro-cid-hcjq3to3]{display:flex;gap:8px;flex-wrap:wrap}.contrast-preset[data-astro-cid-hcjq3to3]{background:var(--color-bg-soft);border:1px solid var(--color-line);border-radius:999px;padding:8px 14px;font-family:var(--font-sans);font-size:12.5px;color:var(--color-ink-soft);cursor:pointer;transition:all .18s}.contrast-preset[data-astro-cid-hcjq3to3]:hover{background:var(--color-accent-soft);border-color:var(--color-accent);color:var(--color-accent)}