.cs-section[data-astro-cid-t4t5yg2q]{margin-top:var(--space-5);display:flex;flex-direction:column;gap:var(--space-2)}.cs-section-head[data-astro-cid-t4t5yg2q]{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}.cs-section-title[data-astro-cid-t4t5yg2q]{margin:0;font-size:1.05rem;font-weight:700;color:var(--color-fg)}.cs-section-meta[data-astro-cid-t4t5yg2q]{font-size:var(--text-sm);color:var(--color-fg-muted);font-weight:400}.cs-row[data-astro-cid-t4t5yg2q]{display:flex;align-items:flex-end;gap:var(--space-3);flex-wrap:wrap}.cs-field[data-astro-cid-t4t5yg2q]{display:flex;flex-direction:column;gap:var(--space-1)}.cs-picker-field[data-astro-cid-t4t5yg2q]{flex-direction:column}.cs-count-field[data-astro-cid-t4t5yg2q]{width:6.5rem}.cs-label[data-astro-cid-t4t5yg2q]{font-size:var(--text-sm);font-weight:600;color:var(--color-fg)}.cs-input-wrap[data-astro-cid-t4t5yg2q]{display:flex;align-items:center;gap:var(--space-2)}.cs-input[data-astro-cid-t4t5yg2q]{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)}.cs-steps[data-astro-cid-t4t5yg2q]{width:6rem}.cs-swatch[data-astro-cid-t4t5yg2q]{width:2rem;height:2rem;border-radius:var(--radius);border:1px solid var(--color-border);background:#36c}.cs-picker[data-astro-cid-t4t5yg2q]{width:3rem;height:3rem;padding:0;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-bg);cursor:pointer}.cs-help[data-astro-cid-t4t5yg2q],.cs-hint[data-astro-cid-t4t5yg2q]{margin:0;font-size:var(--text-sm);color:var(--color-fg-muted)}.cs-error[data-astro-cid-t4t5yg2q]{margin:0;color:var(--color-danger);font-size:var(--text-sm);min-height:1.2em}.cs-inline-code[data-astro-cid-t4t5yg2q]{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}.cs-palette[data-astro-cid-t4t5yg2q]{display:grid;grid-template-columns:repeat(11,minmax(0,1fr));gap:2px;border:1px solid var(--color-border);border-radius:var(--radius);overflow:hidden}@media(max-width:720px){.cs-palette[data-astro-cid-t4t5yg2q]{grid-template-columns:repeat(6,minmax(0,1fr))}}.cs-palette-mini[data-astro-cid-t4t5yg2q]{grid-template-columns:repeat(3,minmax(0,1fr));border:none}@media(max-width:720px){.cs-palette-mini[data-astro-cid-t4t5yg2q]{grid-template-columns:repeat(3,minmax(0,1fr))}}.cs-swatch-cell[data-astro-cid-t4t5yg2q]{position:relative;aspect-ratio:1 / 1.1;display:flex;flex-direction:column;justify-content:flex-end;padding:.4rem .5rem;cursor:pointer;transition:transform 80ms ease,outline-color 80ms ease;outline:2px solid transparent;outline-offset:-2px;font-family:var(--font-mono)}.cs-swatch-cell[data-astro-cid-t4t5yg2q]:hover{transform:translateY(-1px);outline-color:var(--color-accent)}.cs-swatch-cell[data-astro-cid-t4t5yg2q]:focus-visible{outline-color:var(--color-accent)}.cs-swatch-hex[data-astro-cid-t4t5yg2q]{font-size:.78rem;font-weight:600;line-height:1}.cs-swatch-label[data-astro-cid-t4t5yg2q]{font-size:.66rem;opacity:.7;margin-top:.15rem}.cs-harmonies[data-astro-cid-t4t5yg2q]{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-3)}.cs-harmony[data-astro-cid-t4t5yg2q]{display:flex;flex-direction:column;gap:var(--space-2)}.cs-harmony-head[data-astro-cid-t4t5yg2q]{font-size:var(--text-sm);font-weight:600;color:var(--color-fg);display:flex;align-items:baseline;gap:var(--space-2)}.cs-copy-btn[data-astro-cid-t4t5yg2q]{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}.cs-copy-btn[data-astro-cid-t4t5yg2q]:hover{border-color:var(--color-accent)}.cs-copy-btn[data-astro-cid-t4t5yg2q][data-state=copied]{background:color-mix(in srgb,var(--color-accent) 12%,var(--color-bg-elevated));border-color:var(--color-accent)}.cs-copy-btn[data-astro-cid-t4t5yg2q][data-state=failed]{border-color:var(--color-danger)}.cs-export-tabs[data-astro-cid-t4t5yg2q]{align-items:center}.cs-tab[data-astro-cid-t4t5yg2q]{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}.cs-tab[data-astro-cid-t4t5yg2q]:hover{border-color:var(--color-accent)}.cs-tab[data-astro-cid-t4t5yg2q].is-active{background:color-mix(in srgb,var(--color-accent) 12%,var(--color-bg));border-color:var(--color-accent)}.cs-export[data-astro-cid-t4t5yg2q]{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}