.cc-root[data-astro-cid-bsjmsovv]{display:flex;flex-direction:column;gap:0;width:100%;border-radius:var(--radius-lg);overflow:hidden;background:var(--color-bg);border:1px solid var(--color-border);box-shadow:var(--shadow-sm)}.cc-label[data-astro-cid-bsjmsovv]{display:block;font-size:.8125rem;font-weight:600;color:var(--color-text-secondary);margin-bottom:.375rem}.cc-input-area[data-astro-cid-bsjmsovv]{display:grid;grid-template-columns:auto auto 1fr;gap:1rem;padding:1rem;background:var(--color-bg-soft);border-bottom:1px solid var(--color-border);align-items:start}@media(max-width:680px){.cc-input-area[data-astro-cid-bsjmsovv]{grid-template-columns:1fr 1fr;grid-template-rows:auto auto}.cc-name-col[data-astro-cid-bsjmsovv]{grid-column:1 / -1}}.cc-picker-wrap[data-astro-cid-bsjmsovv]{width:80px;height:80px;border-radius:var(--radius);overflow:hidden;border:2px solid var(--color-border);box-shadow:var(--shadow-sm)}.cc-picker[data-astro-cid-bsjmsovv]{width:150%;height:150%;margin:-25%;cursor:pointer;border:none;padding:0}.cc-preview-col[data-astro-cid-bsjmsovv]{display:flex;flex-direction:column;gap:.375rem}.cc-preview[data-astro-cid-bsjmsovv]{width:80px;height:80px;border-radius:var(--radius);border:2px solid var(--color-border);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm);transition:background-color .15s}.cc-preview-text[data-astro-cid-bsjmsovv]{font-size:1.25rem;font-weight:700;user-select:none;transition:color .15s}.cc-preview-meta[data-astro-cid-bsjmsovv]{display:flex;gap:.375rem;flex-wrap:wrap}.cc-badge[data-astro-cid-bsjmsovv]{font-size:.6875rem;font-weight:600;padding:.125rem .5rem;border-radius:999px;background:var(--color-bg-soft);border:1px solid var(--color-border);color:var(--color-text-muted)}.cc-text-input[data-astro-cid-bsjmsovv]{font-family:var(--font-mono);font-size:.875rem;padding:.5rem .75rem;border:1.5px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-text);width:100%;transition:border-color var(--dur-fast)}.cc-text-input[data-astro-cid-bsjmsovv]:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #3b7def1f}.cc-name-result[data-astro-cid-bsjmsovv]{font-size:.8125rem;color:var(--color-success);min-height:18px;margin-top:.25rem}.cc-formats-grid[data-astro-cid-bsjmsovv]{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-bottom:1px solid var(--color-border)}@media(max-width:860px){.cc-formats-grid[data-astro-cid-bsjmsovv]{grid-template-columns:repeat(2,1fr)}}@media(max-width:500px){.cc-formats-grid[data-astro-cid-bsjmsovv]{grid-template-columns:1fr}}.cc-format-card[data-astro-cid-bsjmsovv]{padding:.875rem;border-right:1px solid var(--color-border);border-bottom:1px solid var(--color-border);transition:background var(--dur-fast)}.cc-format-card[data-astro-cid-bsjmsovv]:nth-child(3),.cc-format-card[data-astro-cid-bsjmsovv]:nth-child(5){border-right:none}@media(max-width:860px){.cc-format-card[data-astro-cid-bsjmsovv]:nth-child(2n){border-right:none}.cc-format-card[data-astro-cid-bsjmsovv]:nth-child(3){border-right:1px solid var(--color-border)}}.cc-format-header[data-astro-cid-bsjmsovv]{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.cc-format-badge[data-astro-cid-bsjmsovv]{font-size:.75rem;font-weight:700;padding:.15rem .5rem;border-radius:4px;letter-spacing:.03em}.cc-format-badge--hex[data-astro-cid-bsjmsovv]{background:#dbeafe;color:#1d4ed8}.cc-format-badge--rgb[data-astro-cid-bsjmsovv]{background:#d1fae5;color:#065f46}.cc-format-badge--hsl[data-astro-cid-bsjmsovv]{background:#fce7f3;color:#9d174d}.cc-format-badge--hsv[data-astro-cid-bsjmsovv]{background:#fef3c7;color:#92400e}.cc-format-badge--cmyk[data-astro-cid-bsjmsovv]{background:#ede9fe;color:#5b21b6}.cc-copy-mini[data-astro-cid-bsjmsovv]{font-size:.6875rem;font-weight:600;padding:.15rem .5rem;border:1px solid var(--color-border);border-radius:4px;background:var(--color-bg);color:var(--color-text-muted);cursor:pointer;transition:all var(--dur-fast)}.cc-copy-mini[data-astro-cid-bsjmsovv]:hover{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.cc-format-inputs[data-astro-cid-bsjmsovv]{margin-bottom:.5rem}.cc-format-input[data-astro-cid-bsjmsovv]{font-family:var(--font-mono);font-size:.875rem;width:100%;padding:.4rem .625rem;border:1.5px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-text);transition:border-color var(--dur-fast)}.cc-format-input[data-astro-cid-bsjmsovv]:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #3b7def1f}.cc-format-sub[data-astro-cid-bsjmsovv]{display:flex;gap:.375rem;align-items:center;font-size:.75rem}.cc-sub-label[data-astro-cid-bsjmsovv]{color:var(--color-text-muted)}.cc-sub-val[data-astro-cid-bsjmsovv]{font-family:var(--font-mono);color:var(--color-text-secondary)}.cc-format-note[data-astro-cid-bsjmsovv]{font-size:.75rem;color:var(--color-text-muted);line-height:1.5}.cc-format-sliders[data-astro-cid-bsjmsovv]{display:flex;flex-direction:column;gap:.375rem}.cc-slider-row[data-astro-cid-bsjmsovv]{display:flex;align-items:center;gap:.5rem;font-size:.8125rem}.cc-slider-label[data-astro-cid-bsjmsovv]{width:20px;font-weight:700;font-size:.75rem;flex-shrink:0}.cc-slider[data-astro-cid-bsjmsovv]{flex:1;height:6px;cursor:pointer;accent-color:var(--color-primary);border-radius:3px}.cc-slider--r[data-astro-cid-bsjmsovv]{accent-color:#ef4444}.cc-slider--g[data-astro-cid-bsjmsovv]{accent-color:#22c55e}.cc-slider--b[data-astro-cid-bsjmsovv]{accent-color:#3b82f6}.cc-slider--h[data-astro-cid-bsjmsovv]{accent-color:#8b5cf6}.cc-slider-val[data-astro-cid-bsjmsovv]{width:28px;text-align:right;font-size:.75rem;color:var(--color-text-secondary);font-family:var(--font-mono);flex-shrink:0}.cc-section-header[data-astro-cid-bsjmsovv]{display:flex;align-items:center;gap:.5rem;padding:.625rem .875rem;background:var(--color-bg-soft);border-bottom:1px solid var(--color-border)}.cc-section-title[data-astro-cid-bsjmsovv]{font-size:.875rem;font-weight:700;color:var(--color-text)}.cc-action-btn[data-astro-cid-bsjmsovv]{display:flex;align-items:center;gap:.3rem;font-size:.8125rem;font-weight:600;padding:.25rem .625rem;border:1px solid var(--color-primary);border-radius:var(--radius-sm);background:var(--color-primary);color:#fff;cursor:pointer;transition:all var(--dur-fast);min-height:30px}.cc-action-btn[data-astro-cid-bsjmsovv]:hover{background:var(--color-primary-hover)}.cc-action-btn--ghost[data-astro-cid-bsjmsovv]{background:var(--color-bg);color:var(--color-text-muted);border-color:var(--color-border)}.cc-action-btn--ghost[data-astro-cid-bsjmsovv]:hover{background:var(--color-bg-soft);color:var(--color-text)}.cc-css-section[data-astro-cid-bsjmsovv]{border-bottom:1px solid var(--color-border)}.cc-code-block[data-astro-cid-bsjmsovv]{margin:0;padding:.875rem;font-family:var(--font-mono);font-size:.8125rem;line-height:1.7;color:var(--color-text);background:var(--color-bg);overflow-x:auto;white-space:pre}.cc-harmony-section[data-astro-cid-bsjmsovv]{border-bottom:1px solid var(--color-border)}.cc-harmony-tabs[data-astro-cid-bsjmsovv]{display:flex;gap:.25rem;flex-wrap:wrap;margin-left:auto}.cc-harmony-tab[data-astro-cid-bsjmsovv]{font-size:.75rem;font-weight:600;padding:.2rem .625rem;border:1px solid var(--color-border);border-radius:999px;background:var(--color-bg);color:var(--color-text-muted);cursor:pointer;transition:all var(--dur-fast);min-height:28px}.cc-harmony-tab--active[data-astro-cid-bsjmsovv],.cc-harmony-tab[data-astro-cid-bsjmsovv][aria-pressed=true]{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.cc-harmony-swatches[data-astro-cid-bsjmsovv]{display:flex;gap:.75rem;padding:.875rem;flex-wrap:wrap}.cc-swatch[data-astro-cid-bsjmsovv]{display:flex;flex-direction:column;align-items:center;gap:.375rem;cursor:pointer}.cc-swatch-color[data-astro-cid-bsjmsovv]{width:56px;height:56px;border-radius:var(--radius-sm);border:2px solid var(--color-border);box-shadow:var(--shadow-sm);transition:transform var(--dur-fast),box-shadow var(--dur-fast)}.cc-swatch[data-astro-cid-bsjmsovv]:hover .cc-swatch-color[data-astro-cid-bsjmsovv]{transform:scale(1.08);box-shadow:var(--shadow-md)}.cc-swatch-hex[data-astro-cid-bsjmsovv]{font-family:var(--font-mono);font-size:.6875rem;color:var(--color-text-muted)}.cc-swatch-name[data-astro-cid-bsjmsovv]{font-size:.6875rem;color:var(--color-text-muted);text-align:center}.cc-contrast-section[data-astro-cid-bsjmsovv]{border-bottom:1px solid var(--color-border)}.cc-contrast-inner[data-astro-cid-bsjmsovv]{display:grid;grid-template-columns:auto 1fr auto;gap:1rem;padding:.875rem;align-items:center}@media(max-width:640px){.cc-contrast-inner[data-astro-cid-bsjmsovv]{grid-template-columns:1fr}}.cc-contrast-inputs[data-astro-cid-bsjmsovv]{display:flex;flex-direction:column;gap:.625rem}.cc-picker-sm[data-astro-cid-bsjmsovv]{width:36px;height:36px;border-radius:var(--radius-sm);border:1px solid var(--color-border);cursor:pointer;padding:2px;background:none}.cc-contrast-input[data-astro-cid-bsjmsovv]{font-family:var(--font-mono);font-size:.8125rem;padding:.35rem .5rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-text);width:110px;transition:border-color var(--dur-fast)}.cc-contrast-input[data-astro-cid-bsjmsovv]:focus{outline:none;border-color:var(--color-primary)}.cc-contrast-preview[data-astro-cid-bsjmsovv]{border-radius:var(--radius-sm);border:1px solid var(--color-border);overflow:hidden;min-height:80px;display:flex;align-items:center;justify-content:center}.cc-contrast-sample[data-astro-cid-bsjmsovv]{font-size:1rem;font-weight:600;padding:1rem;text-align:center;width:100%}.cc-contrast-result[data-astro-cid-bsjmsovv]{display:flex;flex-direction:column;align-items:center;gap:.5rem}.cc-contrast-ratio[data-astro-cid-bsjmsovv]{font-size:1.75rem;font-weight:900;color:var(--color-text);font-family:var(--font-mono)}.cc-contrast-badges[data-astro-cid-bsjmsovv]{display:flex;flex-direction:column;gap:.25rem;font-size:.75rem}.cc-wcag-badge[data-astro-cid-bsjmsovv]{display:flex;align-items:center;gap:.375rem;padding:.2rem .5rem;border-radius:4px;font-weight:700}.cc-wcag-badge--pass[data-astro-cid-bsjmsovv]{background:#d1fae5;color:#065f46}.cc-wcag-badge--fail[data-astro-cid-bsjmsovv]{background:#fee2e2;color:#991b1b}.cc-sim-section[data-astro-cid-bsjmsovv]{border-bottom:1px solid var(--color-border)}.cc-sim-grid[data-astro-cid-bsjmsovv]{display:grid;grid-template-columns:repeat(4,1fr);gap:0}@media(max-width:600px){.cc-sim-grid[data-astro-cid-bsjmsovv]{grid-template-columns:repeat(2,1fr)}}.cc-sim-card[data-astro-cid-bsjmsovv]{display:flex;flex-direction:column;align-items:center;gap:.375rem;padding:.875rem .625rem;border-right:1px solid var(--color-border);text-align:center}.cc-sim-card[data-astro-cid-bsjmsovv]:last-child{border-right:none}@media(max-width:600px){.cc-sim-card[data-astro-cid-bsjmsovv]:nth-child(2n){border-right:none}.cc-sim-card[data-astro-cid-bsjmsovv]{border-bottom:1px solid var(--color-border)}}.cc-sim-swatch[data-astro-cid-bsjmsovv]{width:64px;height:40px;border-radius:var(--radius-sm);border:1px solid var(--color-border)}.cc-sim-label[data-astro-cid-bsjmsovv]{font-size:.75rem;font-weight:700;color:var(--color-text)}.cc-sim-desc[data-astro-cid-bsjmsovv]{font-size:.6875rem;color:var(--color-text-muted);line-height:1.4}.cc-palette-grid[data-astro-cid-bsjmsovv]{display:flex;flex-wrap:wrap;gap:.5rem;padding:.875rem;min-height:60px}.cc-palette-empty[data-astro-cid-bsjmsovv]{font-size:.8125rem;color:var(--color-text-muted);padding:.5rem 0}.cc-palette-item[data-astro-cid-bsjmsovv]{display:flex;flex-direction:column;align-items:center;gap:.25rem;cursor:pointer;position:relative}.cc-palette-swatch[data-astro-cid-bsjmsovv]{width:44px;height:44px;border-radius:var(--radius-sm);border:2px solid var(--color-border);transition:transform var(--dur-fast)}.cc-palette-item[data-astro-cid-bsjmsovv]:hover .cc-palette-swatch[data-astro-cid-bsjmsovv]{transform:scale(1.1)}.cc-palette-hex[data-astro-cid-bsjmsovv]{font-size:.625rem;color:var(--color-text-muted);font-family:var(--font-mono)}.cc-palette-del[data-astro-cid-bsjmsovv]{position:absolute;top:-6px;right:-6px;width:18px;height:18px;border-radius:50%;background:var(--color-error);color:#fff;font-size:.625rem;border:none;cursor:pointer;display:none;align-items:center;justify-content:center;font-weight:700}.cc-palette-item[data-astro-cid-bsjmsovv]:hover .cc-palette-del[data-astro-cid-bsjmsovv]{display:flex}