.cc[data-astro-cid-gxjtyyjukdrce]{gap:var(--sp-20,1.25rem);margin:var(--sp-24,1.5rem) 0;grid-template-columns:1fr;display:grid}@media (width>=820px){.cc[data-astro-cid-gxjtyyjukdrce]{grid-template-columns:260px 1fr;grid-template-areas:"controls preview""readout readout"}.cc-controls[data-astro-cid-gxjtyyjukdrce]{grid-area:controls}.cc-preview[data-astro-cid-gxjtyyjukdrce]{grid-area:preview}.cc-readout[data-astro-cid-gxjtyyjukdrce]{grid-area:readout}}.cc-controls[data-astro-cid-gxjtyyjukdrce]{gap:var(--sp-16,1rem);align-content:start;display:grid}.cc-field[data-astro-cid-gxjtyyjukdrce]{gap:var(--sp-8,.5rem);font-weight:600;font-size:var(--fs-14,.875rem);display:grid}.cc-row[data-astro-cid-gxjtyyjukdrce]{gap:var(--sp-8,.5rem);align-items:center;display:flex}.cc-row[data-astro-cid-gxjtyyjukdrce] input[data-astro-cid-gxjtyyjukdrce][type=color]{border:1px solid var(--c-border,#e2e8f0);border-radius:var(--radius-md,10px);cursor:pointer;background:0 0;width:44px;height:40px;padding:2px}.cc-row[data-astro-cid-gxjtyyjukdrce] input[data-astro-cid-gxjtyyjukdrce][type=text]{min-width:0;padding:var(--sp-8,.5rem) var(--sp-8,.5rem);border:1px solid var(--c-border,#e2e8f0);border-radius:var(--radius-md,10px);font-family:var(--font-mono,monospace);font-size:var(--fs-16,1rem);flex:1}.cc-swap[data-astro-cid-gxjtyyjukdrce]{padding:var(--sp-8,.5rem) var(--sp-16,1rem);border:1px solid var(--c-border,#e2e8f0);border-radius:var(--radius-md,10px);background:var(--c-surface,#f8fafc);cursor:pointer;font-weight:600}.cc-swap[data-astro-cid-gxjtyyjukdrce]:hover{border-color:var(--c-brand,#2563eb);color:var(--c-brand,#2563eb)}.cc-full[data-astro-cid-gxjtyyjukdrce]{font-size:var(--fs-14,.875rem);color:var(--c-brand,#2563eb);font-weight:600}.cc-preview[data-astro-cid-gxjtyyjukdrce]{border:1px solid var(--c-border,#e2e8f0);border-radius:var(--radius-lg,14px);padding:var(--sp-32,2rem);gap:var(--sp-16,1rem);align-content:center;min-height:220px;display:grid}.cc--embed[data-astro-cid-gxjtyyjukdrce] .cc-preview[data-astro-cid-gxjtyyjukdrce]{padding:var(--sp-20,1.25rem);min-height:180px}.cc-sample-lg[data-astro-cid-gxjtyyjukdrce]{font-size:var(--fs-28,1.75rem);margin:0;font-weight:700;line-height:1.2}.cc-sample[data-astro-cid-gxjtyyjukdrce]{font-size:var(--fs-16,1rem);margin:0;line-height:1.6}.cc-chip[data-astro-cid-gxjtyyjukdrce]{padding:var(--sp-8,.5rem) var(--sp-16,1rem);border-radius:var(--radius-pill,9999px);border:2px solid;justify-self:start;font-weight:600}.cc-readout[data-astro-cid-gxjtyyjukdrce]{gap:var(--sp-16,1rem);border-top:1px solid var(--c-border,#e2e8f0);padding-top:var(--sp-20,1.25rem);grid-template-columns:auto 1fr;align-items:center;display:grid}.cc-ratio[data-astro-cid-gxjtyyjukdrce]{text-align:center}.cc-ratio[data-astro-cid-gxjtyyjukdrce] span[data-astro-cid-gxjtyyjukdrce]{font-size:var(--fs-40,2.5rem);letter-spacing:-.02em;font-weight:800;line-height:1}.cc-ratio[data-astro-cid-gxjtyyjukdrce] small[data-astro-cid-gxjtyyjukdrce]{font-size:var(--fs-12,.75rem);text-transform:uppercase;letter-spacing:.1em;color:var(--c-text-secondary,#475569);margin-top:var(--sp-4,.25rem);display:block}.cc-badges[data-astro-cid-gxjtyyjukdrce]{gap:var(--sp-8,.5rem);margin:0;padding:0;list-style:none;display:grid}.cc-badges[data-astro-cid-gxjtyyjukdrce] li[data-astro-cid-gxjtyyjukdrce]{align-items:center;gap:var(--sp-8,.5rem);font-size:var(--fs-14,.875rem);padding:var(--sp-4,.25rem) var(--sp-8,.5rem);border-radius:var(--radius-md,10px);background:var(--c-surface-2,#f1f5f9);display:flex}.cc-badges[data-astro-cid-gxjtyyjukdrce] li[data-astro-cid-gxjtyyjukdrce] b[data-astro-cid-gxjtyyjukdrce]{font-family:var(--font-mono,monospace);font-size:var(--fs-12,.75rem);padding:.15rem var(--sp-8,.5rem);border-radius:var(--radius-sm,6px);background:var(--c-text-muted,#64748b);color:var(--c-cream,#fff)}.cc-need[data-astro-cid-gxjtyyjukdrce]{font-family:var(--font-mono,monospace);font-size:var(--fs-12,.75rem);color:var(--c-text-secondary,#475569);margin-left:auto}.cc-badges[data-astro-cid-gxjtyyjukdrce] li[data-astro-cid-gxjtyyjukdrce].pass{background:var(--c-ok-bg,#dcfce7)}.cc-badges[data-astro-cid-gxjtyyjukdrce] li[data-astro-cid-gxjtyyjukdrce].pass b[data-astro-cid-gxjtyyjukdrce]{background:var(--c-ok-strong,#15803d)}.cc-badges[data-astro-cid-gxjtyyjukdrce] li[data-astro-cid-gxjtyyjukdrce].fail{background:var(--c-err-bg,#fee2e2)}.cc-badges[data-astro-cid-gxjtyyjukdrce] li[data-astro-cid-gxjtyyjukdrce].fail b[data-astro-cid-gxjtyyjukdrce]{background:var(--c-danger,#dc2626)}