.cc[data-astro-cid-f3hg4ukd]{display:grid;gap:var(--sp-xl)}@media(min-width:52rem){.cc[data-astro-cid-f3hg4ukd]{grid-template-columns:22rem 1fr;align-items:start}}.cc-controls[data-astro-cid-f3hg4ukd]{display:grid;gap:var(--sp-lg)}.cc-field[data-astro-cid-f3hg4ukd] label[data-astro-cid-f3hg4ukd],.cc-field[data-astro-cid-f3hg4ukd] legend[data-astro-cid-f3hg4ukd]{display:block;font-weight:700;margin-bottom:var(--sp-xs)}.cc-input-row[data-astro-cid-f3hg4ukd]{display:flex;gap:var(--sp-xs);align-items:stretch}.cc-input-row[data-astro-cid-f3hg4ukd] input[data-astro-cid-f3hg4ukd][type=color]{width:3rem;min-height:44px;padding:2px;border:1.5px solid var(--paper-3);border-radius:var(--radius-sm);background:var(--paper)}.cc-input-row[data-astro-cid-f3hg4ukd] input[data-astro-cid-f3hg4ukd][type=text]{flex:1;min-height:44px;padding:.5rem .7rem;border:1.5px solid var(--paper-3);border-radius:var(--radius-sm);background:var(--paper);font-family:var(--font-mono);text-transform:lowercase}.cc-err[data-astro-cid-f3hg4ukd]{color:var(--rose);font-size:var(--step--1);margin:.3rem 0 0;min-height:1.2em}.cc-size[data-astro-cid-f3hg4ukd]{border:1px solid var(--paper-3);border-radius:var(--radius);padding:var(--sp-md)}.cc-radio[data-astro-cid-f3hg4ukd]{display:flex;align-items:center;gap:var(--sp-xs);font-weight:500;margin-bottom:var(--sp-xs)}.cc-radio[data-astro-cid-f3hg4ukd] input[data-astro-cid-f3hg4ukd]{width:1.1rem;height:1.1rem;accent-color:var(--teal)}.cc-result[data-astro-cid-f3hg4ukd]{display:grid;gap:var(--sp-lg)}.cc-preview[data-astro-cid-f3hg4ukd]{background:var(--cc-bg);color:var(--cc-fg);border:1px solid var(--paper-3);border-radius:var(--radius);padding:var(--sp-xl);display:grid;gap:var(--sp-md);min-height:11rem;align-content:center}.cc-preview-lg[data-astro-cid-f3hg4ukd]{font-size:2rem;font-weight:700;line-height:1.2}.cc-preview-sm[data-astro-cid-f3hg4ukd]{font-size:1rem;line-height:1.6}.cc-ratio[data-astro-cid-f3hg4ukd]{font-family:var(--font-display);font-size:var(--step-5);line-height:1;margin:0}.cc-ratio-unit[data-astro-cid-f3hg4ukd]{color:var(--ink-3);font-size:var(--step-2)}.cc-badges[data-astro-cid-f3hg4ukd]{display:flex;flex-wrap:wrap;gap:var(--sp-sm);list-style:none;padding:0;margin:var(--sp-md) 0 0}.cc-badge[data-astro-cid-f3hg4ukd]{display:inline-flex;align-items:center;gap:var(--sp-xs);padding:.4rem .8rem;border-radius:999px;font-weight:700;font-size:var(--step--1);border:1.5px solid var(--paper-3);background:var(--paper-2);margin:0}.cc-badge[data-astro-cid-f3hg4ukd][data-pass=true]{background:var(--teal-soft);border-color:var(--teal);color:var(--teal-ink)}.cc-badge[data-astro-cid-f3hg4ukd][data-pass=false]{background:var(--rose-soft);border-color:var(--rose);color:var(--rose)}.cc-badge-state[data-astro-cid-f3hg4ukd]:empty:before{content:"—"}.cc-fix[data-astro-cid-f3hg4ukd]{margin-top:var(--sp-md)}.cc-swatch-btn[data-astro-cid-f3hg4ukd]{display:inline-flex;align-items:center;gap:var(--sp-xs);border:1.5px solid var(--paper-3);background:var(--paper);border-radius:var(--radius-sm);padding:.35rem .6rem;min-height:40px}.cc-swatch[data-astro-cid-f3hg4ukd],.cc-fix-swatch[data-astro-cid-f3hg4ukd]{width:1.2rem;height:1.2rem;border-radius:4px;border:1px solid var(--paper-3);display:inline-block}.cc-share[data-astro-cid-f3hg4ukd]{margin-top:var(--sp-md);background:none;border:1.5px solid var(--paper-3);border-radius:var(--radius-sm);padding:.4rem .8rem;min-height:40px;color:var(--teal-ink);font-weight:600;font-size:var(--step--1)}.cc-share[data-astro-cid-f3hg4ukd]:hover{background:var(--paper-2)}