.cs-code[data-astro-cid-iiax6jo6]{min-height:10rem}.cs-row[data-astro-cid-iiax6jo6]{margin-top:.85rem}.cs-size[data-astro-cid-iiax6jo6]{color:var(--text-2);font-size:.85rem}.cs-wide[data-astro-cid-iiax6jo6]{container:cs/inline-size}.cs-grid[data-astro-cid-iiax6jo6]{grid-template-columns:minmax(0,1fr);gap:1rem;display:grid}@container cs (width>=60rem){.cs-grid[data-astro-cid-iiax6jo6]{grid-template:"code preview""style preview"1fr/minmax(0,5fr) minmax(0,7fr);align-items:start}.cs-code[data-astro-cid-iiax6jo6]{grid-area:code}.cs-preview[data-astro-cid-iiax6jo6]{top:calc(var(--tool-sticky-top) + 1rem);grid-area:preview;position:sticky}.cs-style[data-astro-cid-iiax6jo6]{grid-area:style}}.cs-stage[data-astro-cid-iiax6jo6]{min-height:14rem;padding:clamp(.5rem,3vw,1.25rem);overflow:auto}.cs-canvas[data-astro-cid-iiax6jo6]{max-width:100%;height:auto;margin:0 auto;display:block}.cs-status[data-astro-cid-iiax6jo6]{color:var(--text-2);margin-top:.6rem;font-size:.88rem;font-weight:600}.cs-status[data-astro-cid-iiax6jo6][data-tone=error]{color:var(--danger)}.cs-exports[data-astro-cid-iiax6jo6]{flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.75rem;display:flex}.cs-scale[data-astro-cid-iiax6jo6]{width:auto}.cs-canvas--stale[data-astro-cid-iiax6jo6]{opacity:.35}.cs-fieldset[data-astro-cid-iiax6jo6] legend[data-astro-cid-iiax6jo6]{margin-bottom:.4rem}.cs-swatches[data-astro-cid-iiax6jo6]{flex-wrap:wrap;align-items:center;gap:.45rem;display:flex}.cs-swatch[data-astro-cid-iiax6jo6]{cursor:pointer;position:relative}.cs-swatch[data-astro-cid-iiax6jo6] input[data-astro-cid-iiax6jo6]{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.cs-swatch__chip[data-astro-cid-iiax6jo6]{border:1px solid var(--line-strong);width:36px;height:36px;box-shadow:inset 0 0 0 2px var(--surface);border-radius:8px;display:block}.cs-swatch__chip--none[data-astro-cid-iiax6jo6]{background-color:var(--surface-2);background-image:linear-gradient(45deg, var(--surface-3) 25%, transparent 25%), linear-gradient(-45deg, var(--surface-3) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, var(--surface-3) 75%), linear-gradient(-45deg, transparent 75%, var(--surface-3) 75%);background-position:0 0,0 5px,5px -5px,-5px 0;background-size:10px 10px}.cs-swatch[data-astro-cid-iiax6jo6] input[data-astro-cid-iiax6jo6]:checked+.cs-swatch__chip[data-astro-cid-iiax6jo6]{outline:3px solid var(--text);outline-offset:2px}.cs-swatch[data-astro-cid-iiax6jo6] input[data-astro-cid-iiax6jo6]:focus-visible+.cs-swatch__chip[data-astro-cid-iiax6jo6]{outline:3px solid var(--focus);outline-offset:2px}.cs-color[data-astro-cid-iiax6jo6]{align-items:center;gap:.4rem;margin-left:.25rem;font-size:.9rem;font-weight:600;display:inline-flex}.cs-color[data-astro-cid-iiax6jo6] input[data-astro-cid-iiax6jo6]{width:44px;height:36px}.field[data-astro-cid-iiax6jo6] output[data-astro-cid-iiax6jo6]{color:var(--text-2);margin-left:.35rem;font-weight:600}.cs-checks[data-astro-cid-iiax6jo6]{flex-wrap:wrap;align-items:center;gap:.6rem 1.5rem;margin-top:1rem;display:flex}.cs-start[data-astro-cid-iiax6jo6] .input[data-astro-cid-iiax6jo6]{width:6.5rem;min-height:36px;padding-block:.3rem}.cs-start[data-astro-cid-iiax6jo6]:has(.input:disabled){opacity:.55;cursor:default}.cs-error[data-astro-cid-iiax6jo6]{color:var(--danger)}