.cw-section[data-astro-cid-mclq5hua]{margin-top:var(--space-5);display:flex;flex-direction:column;gap:var(--space-2)}.cw-section-head[data-astro-cid-mclq5hua]{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}.cw-section-title[data-astro-cid-mclq5hua]{margin:0;font-size:1.05rem;font-weight:700;color:var(--color-fg)}.cw-section-meta[data-astro-cid-mclq5hua]{margin:0;font-size:var(--text-sm);color:var(--color-fg-muted);font-weight:400}.cw-row[data-astro-cid-mclq5hua]{display:flex;align-items:flex-end;gap:var(--space-3);flex-wrap:wrap}.cw-field[data-astro-cid-mclq5hua]{display:flex;flex-direction:column;gap:var(--space-1)}.cw-picker-field[data-astro-cid-mclq5hua]{flex-direction:column}.cw-segments-field[data-astro-cid-mclq5hua]{width:11rem}.cw-label[data-astro-cid-mclq5hua]{font-size:var(--text-sm);font-weight:600;color:var(--color-fg)}.cw-input-wrap[data-astro-cid-mclq5hua]{display:flex;align-items:center;gap:var(--space-2)}.cw-input[data-astro-cid-mclq5hua]{width:9rem;padding:var(--space-2) var(--space-3);font-family:var(--font-mono);font-size:1.05rem;font-weight:600;background:var(--color-bg);color:var(--color-fg);border:1px solid var(--color-border);border-radius:var(--radius)}.cw-select[data-astro-cid-mclq5hua]{padding:var(--space-2) var(--space-3);background:var(--color-bg);color:var(--color-fg);border:1px solid var(--color-border);border-radius:var(--radius);font-family:var(--font-sans, system-ui);font-size:var(--text-sm)}.cw-swatch[data-astro-cid-mclq5hua]{width:2rem;height:2rem;border-radius:var(--radius);border:1px solid var(--color-border);background:#36c}.cw-picker[data-astro-cid-mclq5hua]{width:3rem;height:3rem;padding:0;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-bg);cursor:pointer}.cw-help[data-astro-cid-mclq5hua]{margin:0;font-size:var(--text-sm);color:var(--color-fg-muted)}.cw-error[data-astro-cid-mclq5hua]{margin:0;color:var(--color-danger);font-size:var(--text-sm);min-height:1.2em}.cw-inline-code[data-astro-cid-mclq5hua]{padding:0 .35em;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:4px;font-family:var(--font-mono);font-size:.85em}.cw-schemes[data-astro-cid-mclq5hua]{display:flex;flex-wrap:wrap;gap:var(--space-2)}.cw-scheme[data-astro-cid-mclq5hua]{padding:var(--space-1) var(--space-3);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);font-family:var(--font-sans, system-ui);font-size:var(--text-sm);color:var(--color-fg);cursor:pointer;transition:border-color 80ms ease,background 80ms ease}.cw-scheme[data-astro-cid-mclq5hua]:hover{border-color:var(--color-accent)}.cw-scheme[data-astro-cid-mclq5hua].is-active{background:color-mix(in srgb,var(--color-accent) 14%,var(--color-bg));border-color:var(--color-accent);font-weight:600}.cw-wheel-wrap[data-astro-cid-mclq5hua]{display:flex;justify-content:center;padding:var(--space-3);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius)}.cw-wheel[data-astro-cid-mclq5hua]{width:100%;max-width:480px;height:auto;display:block}.cw-wedge[data-astro-cid-mclq5hua]{stroke:var(--color-bg-elevated);stroke-width:1}.cw-hue-label[data-astro-cid-mclq5hua]{font-family:var(--font-mono);font-size:9px;fill:var(--color-fg);text-anchor:middle;pointer-events:none}.cw-hue-label--light[data-astro-cid-mclq5hua]{fill:var(--color-fg)}.cw-hue-label--dark[data-astro-cid-mclq5hua]{fill:var(--color-bg-elevated)}.cw-dot[data-astro-cid-mclq5hua]{cursor:pointer;stroke:var(--color-bg-elevated);stroke-width:2;transition:transform 80ms ease;transform-origin:center;transform-box:fill-box}.cw-dot[data-astro-cid-mclq5hua]:hover{transform:scale(1.15)}.cw-dot--base[data-astro-cid-mclq5hua]{stroke-width:3;stroke:var(--color-fg)}.cw-dot-label[data-astro-cid-mclq5hua]{font-family:var(--font-mono);font-size:9px;fill:var(--color-fg);text-anchor:middle;pointer-events:none}.cw-swatches[data-astro-cid-mclq5hua]{display:grid;grid-template-columns:repeat(auto-fill,minmax(8rem,1fr));gap:var(--space-2)}.cw-swatch-cell[data-astro-cid-mclq5hua]{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-2);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius);cursor:pointer;transition:border-color 80ms ease;font-family:var(--font-mono)}.cw-swatch-cell[data-astro-cid-mclq5hua]:hover{border-color:var(--color-accent)}.cw-swatch-chip[data-astro-cid-mclq5hua]{width:100%;height:2.6rem;border-radius:calc(var(--radius) - 2px);border:1px solid var(--color-border)}.cw-swatch-hex[data-astro-cid-mclq5hua]{font-size:.9rem;font-weight:600;color:var(--color-fg)}.cw-swatch-meta[data-astro-cid-mclq5hua]{font-size:.74rem;color:var(--color-fg-muted)}.cw-copy-btn[data-astro-cid-mclq5hua]{padding:var(--space-1) var(--space-3);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius);font-family:var(--font-sans, system-ui);font-size:var(--text-sm);color:var(--color-fg);cursor:pointer;transition:border-color 80ms ease,background 80ms ease}.cw-copy-btn[data-astro-cid-mclq5hua]:hover{border-color:var(--color-accent)}.cw-copy-btn[data-astro-cid-mclq5hua][data-state=copied]{background:color-mix(in srgb,var(--color-accent) 12%,var(--color-bg-elevated));border-color:var(--color-accent)}.cw-copy-btn[data-astro-cid-mclq5hua][data-state=failed]{border-color:var(--color-danger)}.cw-export-tabs[data-astro-cid-mclq5hua]{align-items:center}.cw-tab[data-astro-cid-mclq5hua]{padding:var(--space-1) var(--space-3);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);font-family:var(--font-sans, system-ui);font-size:var(--text-sm);color:var(--color-fg);cursor:pointer;transition:border-color 80ms ease,background 80ms ease}.cw-tab[data-astro-cid-mclq5hua]:hover{border-color:var(--color-accent)}.cw-tab[data-astro-cid-mclq5hua].is-active{background:color-mix(in srgb,var(--color-accent) 12%,var(--color-bg));border-color:var(--color-accent)}.cw-export[data-astro-cid-mclq5hua]{margin:0;padding:var(--space-3);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius);font-family:var(--font-mono);font-size:.85rem;color:var(--color-fg);overflow-x:auto;white-space:pre;max-height:24rem}