.cc-inputs[data-astro-cid-cupt6t4i]{margin-top:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.cc-pair[data-astro-cid-cupt6t4i]{display:grid;grid-template-columns:1fr max-content 1fr;gap:var(--space-3);align-items:end}@media(max-width:720px){.cc-pair[data-astro-cid-cupt6t4i]{grid-template-columns:1fr}}.cc-field[data-astro-cid-cupt6t4i]{display:flex;flex-direction:column;gap:var(--space-1)}.cc-label[data-astro-cid-cupt6t4i]{font-size:var(--text-sm);font-weight:600;color:var(--color-fg)}.cc-input-row[data-astro-cid-cupt6t4i]{display:flex;gap:var(--space-2)}.cc-color[data-astro-cid-cupt6t4i]{width:3.5rem;height:2.5rem;padding:0;border:1px solid var(--color-border);border-radius:var(--radius);background:transparent;cursor:pointer}.cc-hex[data-astro-cid-cupt6t4i]{flex:1 1 auto;padding:var(--space-2) var(--space-3);font-family:var(--font-mono);font-size:1rem;font-weight:600;background:var(--color-bg);color:var(--color-fg);border:1px solid var(--color-border);border-radius:var(--radius);text-transform:uppercase}.cc-ghost-btn[data-astro-cid-cupt6t4i]{display:inline-flex;align-items:center;gap:var(--space-1);background:transparent;color:var(--color-fg);border:1px solid var(--color-border);padding:var(--space-2) var(--space-3);border-radius:var(--radius);cursor:pointer;align-self:end;height:2.5rem}.cc-ghost-btn[data-astro-cid-cupt6t4i]:hover{background:var(--color-bg-elevated)}.cc-presets[data-astro-cid-cupt6t4i]{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}.cc-presets-label[data-astro-cid-cupt6t4i]{font-size:var(--text-sm);color:var(--color-fg-muted)}.cc-preset[data-astro-cid-cupt6t4i]{padding:.3rem .7rem;font-size:.85rem;background:var(--color-bg-elevated);color:var(--color-fg);border:1px solid var(--color-border);border-radius:var(--radius);cursor:pointer}.cc-preset[data-astro-cid-cupt6t4i]:hover{background:var(--color-bg)}.cc-ratio[data-astro-cid-cupt6t4i]{margin-top:var(--space-5);display:flex;align-items:baseline;gap:var(--space-3);flex-wrap:wrap}.cc-ratio-num[data-astro-cid-cupt6t4i]{font-family:var(--font-mono);font-size:2.5rem;font-weight:700;color:var(--color-fg)}.cc-ratio-label[data-astro-cid-cupt6t4i]{font-size:1.05rem;color:var(--color-fg-muted)}.cc-checks[data-astro-cid-cupt6t4i]{margin-top:var(--space-3);display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-2)}.cc-check[data-astro-cid-cupt6t4i]{display:grid;grid-template-columns:1fr max-content;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-bg-elevated)}.cc-check[data-astro-cid-cupt6t4i][data-state=pass]{border-left:4px solid #2ea043}.cc-check[data-astro-cid-cupt6t4i][data-state=fail]{border-left:4px solid #f85149}.cc-check-name[data-astro-cid-cupt6t4i]{font-weight:600}.cc-check-thresh[data-astro-cid-cupt6t4i]{font-family:var(--font-mono);font-size:.85rem;color:var(--color-fg-muted);grid-column:1 / 2}.cc-check-result[data-astro-cid-cupt6t4i]{grid-column:2 / 3;grid-row:1 / 3;font-family:var(--font-mono);font-weight:700;text-transform:uppercase;font-size:.85rem}.cc-check[data-astro-cid-cupt6t4i][data-state=pass] .cc-check-result[data-astro-cid-cupt6t4i]{color:#2ea043}.cc-check[data-astro-cid-cupt6t4i][data-state=fail] .cc-check-result[data-astro-cid-cupt6t4i]{color:#f85149}.cc-preview[data-astro-cid-cupt6t4i]{margin-top:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius);overflow:hidden}.cc-preview-block[data-astro-cid-cupt6t4i]{padding:var(--space-4)}.cc-sample[data-astro-cid-cupt6t4i]{margin:0 0 var(--space-3);line-height:1.5}.cc-sample[data-astro-cid-cupt6t4i]:last-child{margin-bottom:0}.cc-sample[data-astro-cid-cupt6t4i][data-size="12"]{font-size:12px}.cc-sample[data-astro-cid-cupt6t4i][data-size="14"]{font-size:14px}.cc-sample[data-astro-cid-cupt6t4i][data-size="16"]{font-size:16px}.cc-sample[data-astro-cid-cupt6t4i][data-size="20"]{font-size:20px}.cc-sample[data-astro-cid-cupt6t4i][data-size="24"]{font-size:24px}.cc-sample[data-astro-cid-cupt6t4i][data-size="32"]{font-size:32px;font-weight:700}