.cc-input-section[data-astro-cid-tfxn7fme],.cc-swatch-section[data-astro-cid-tfxn7fme],.cc-out-section[data-astro-cid-tfxn7fme],.cc-ramp-section[data-astro-cid-tfxn7fme]{margin-top:var(--space-4)}.cc-input-head[data-astro-cid-tfxn7fme],.cc-out-head[data-astro-cid-tfxn7fme]{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap;margin-bottom:var(--space-2)}.cc-label[data-astro-cid-tfxn7fme]{font-size:var(--text-sm);font-weight:600;color:var(--color-fg)}.cc-hint[data-astro-cid-tfxn7fme]{font-weight:400;color:var(--color-fg-muted)}.cc-input-tools[data-astro-cid-tfxn7fme]{display:inline-flex;gap:var(--space-2);flex-wrap:wrap}.cc-input[data-astro-cid-tfxn7fme]{width:100%;padding:var(--space-3);font-family:var(--font-mono);font-size:1rem;background:var(--color-code-bg);color:var(--color-fg);border:1px solid var(--color-border);border-radius:var(--radius)}.cc-input[data-astro-cid-tfxn7fme]:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.cc-help[data-astro-cid-tfxn7fme]{margin:var(--space-2) 0 0;font-size:var(--text-sm);color:var(--color-fg-muted)}.cc-help[data-astro-cid-tfxn7fme] code[data-astro-cid-tfxn7fme],.cc-input[data-astro-cid-tfxn7fme] code[data-astro-cid-tfxn7fme]{font-family:var(--font-mono);font-size:.85em;padding:.05em .35em;background:var(--color-code-bg);border:1px solid var(--color-border);border-radius:4px}.cc-btn[data-astro-cid-tfxn7fme]{display:inline-flex;align-items:center;gap:var(--space-2);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:inherit;font-size:var(--text-sm);font-weight:600;cursor:pointer}.cc-btn[data-astro-cid-tfxn7fme]:hover{background:var(--color-bg-elevated)}.cc-ghost[data-astro-cid-tfxn7fme]{background:transparent}.cc-swatch[data-astro-cid-tfxn7fme]{width:100%;min-height:7rem;border-radius:var(--radius);overflow:hidden;border:1px solid var(--color-border)}.cc-swatch-fill[data-astro-cid-tfxn7fme]{width:100%;height:100%;min-height:7rem;display:flex;align-items:center;justify-content:center;background-color:#fff;background-image:linear-gradient(45deg,#e5e5e5 25%,transparent 25%),linear-gradient(-45deg,#e5e5e5 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e5e5e5 75%),linear-gradient(-45deg,transparent 75%,#e5e5e5 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0}.cc-swatch-text[data-astro-cid-tfxn7fme]{font-family:var(--font-mono);font-size:1.25rem;font-weight:600;letter-spacing:.02em;padding:var(--space-2) var(--space-3);background:#ffffffb3;border-radius:4px;color:#111;display:none}.cc-error[data-astro-cid-tfxn7fme]{margin:var(--space-2) 0 0;min-height:1.2em;color:var(--color-danger);font-size:var(--text-sm);font-family:var(--font-mono)}.cc-error[data-astro-cid-tfxn7fme]:empty{display:none}.cc-chips[data-astro-cid-tfxn7fme]{display:grid;grid-template-columns:repeat(auto-fill,minmax(11rem,1fr));gap:var(--space-2)}.cc-chip[data-astro-cid-tfxn7fme]{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-1);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);cursor:pointer;text-align:left;font-family:inherit}.cc-chip[data-astro-cid-tfxn7fme]:hover{background:var(--color-bg-elevated);border-color:var(--color-accent)}.cc-chip[data-astro-cid-tfxn7fme]:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.cc-chip-label[data-astro-cid-tfxn7fme]{font-size:var(--text-xs);font-weight:600;color:var(--color-fg-muted);text-transform:uppercase;letter-spacing:.04em}.cc-chip-value[data-astro-cid-tfxn7fme]{font-family:var(--font-mono);font-size:.95rem;font-weight:600;color:var(--color-fg);word-break:break-all}.cc-copy-status[data-astro-cid-tfxn7fme]{margin:var(--space-2) 0 0;min-height:1.2em;color:var(--color-fg-muted);font-size:var(--text-sm)}.cc-copy-status[data-astro-cid-tfxn7fme][data-tone=err]{color:var(--color-danger)}.cc-ramp[data-astro-cid-tfxn7fme]{display:grid;grid-template-columns:repeat(auto-fill,minmax(7rem,1fr));gap:var(--space-2)}.cc-swatch-cell[data-astro-cid-tfxn7fme]{border:1px solid var(--color-border);border-radius:var(--radius);overflow:hidden;cursor:pointer;background:var(--color-bg)}.cc-swatch-cell[data-astro-cid-tfxn7fme]:hover{border-color:var(--color-accent)}.cc-swatch-cell[data-astro-cid-tfxn7fme]:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.cc-swatch-cell-fill[data-astro-cid-tfxn7fme]{height:4rem;display:flex;align-items:flex-end;justify-content:center;padding-bottom:var(--space-1);font-family:var(--font-mono);font-size:.75rem;font-weight:600}.cc-swatch-cell-meta[data-astro-cid-tfxn7fme]{padding:var(--space-1) var(--space-2);display:flex;justify-content:space-between;gap:var(--space-2);font-size:var(--text-xs);color:var(--color-fg-muted);background:var(--color-bg-elevated)}.cc-swatch-cell-meta[data-astro-cid-tfxn7fme] .cc-swatch-cell-hex[data-astro-cid-tfxn7fme]{font-family:var(--font-mono);color:var(--color-fg)}details[data-astro-cid-tfxn7fme].cc-help{margin-top:var(--space-6);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-bg-elevated);font-size:var(--text-sm);color:var(--color-fg-muted)}details[data-astro-cid-tfxn7fme].cc-help summary[data-astro-cid-tfxn7fme]{cursor:pointer;font-weight:600;color:var(--color-fg)}details[data-astro-cid-tfxn7fme].cc-help ul[data-astro-cid-tfxn7fme]{margin:var(--space-2) 0 0 var(--space-4);padding:0}details[data-astro-cid-tfxn7fme].cc-help li[data-astro-cid-tfxn7fme]{margin:.3rem 0}details[data-astro-cid-tfxn7fme].cc-help code[data-astro-cid-tfxn7fme]{font-family:var(--font-mono);font-size:.85em;padding:.05em .35em;background:var(--color-code-bg);border:1px solid var(--color-border);border-radius:4px}