.color-tool[data-astro-cid-yjrhhzki]{display:flex;flex-direction:column;gap:1.25rem}.panel[data-astro-cid-yjrhhzki]{background:linear-gradient(180deg,color-mix(in srgb,var(--color-surface) 96%,white),var(--color-surface));border:1px solid var(--color-border);border-radius:calc(var(--radius) + 4px);padding:1.25rem;box-shadow:0 10px 30px #0f172a0a}.hero-panel[data-astro-cid-yjrhhzki]{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}.hero-copy[data-astro-cid-yjrhhzki] h2[data-astro-cid-yjrhhzki]{font-size:clamp(1.35rem,2vw,1.8rem);margin:.3rem 0 .75rem}.eyebrow[data-astro-cid-yjrhhzki],.meta-label[data-astro-cid-yjrhhzki],.input-label[data-astro-cid-yjrhhzki]{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);margin:0}.lede[data-astro-cid-yjrhhzki],.field-help[data-astro-cid-yjrhhzki],.section-copy[data-astro-cid-yjrhhzki],.info-section[data-astro-cid-yjrhhzki] p[data-astro-cid-yjrhhzki]{color:var(--color-text-muted);line-height:1.7}.privacy-badge[data-astro-cid-yjrhhzki]{align-self:stretch;max-width:18rem;border-radius:var(--radius);background:color-mix(in srgb,var(--color-primary) 10%,var(--color-surface));color:var(--color-text);padding:.9rem 1rem;font-size:.95rem;line-height:1.5}.workspace-grid[data-astro-cid-yjrhhzki]{display:grid;gap:1rem;grid-template-columns:minmax(0,1.5fr) minmax(280px,.9fr)}.secondary-grid[data-astro-cid-yjrhhzki]{grid-template-columns:repeat(2,minmax(0,1fr))}.swatch-header[data-astro-cid-yjrhhzki]{display:flex;gap:1rem;align-items:center;margin-bottom:1rem}.swatch-wrap[data-astro-cid-yjrhhzki]{position:relative;width:104px;height:104px;flex-shrink:0}.swatch[data-astro-cid-yjrhhzki]{width:100%;height:100%;border-radius:calc(var(--radius) + 2px);border:1px solid var(--color-border);background:#3b82f6;box-shadow:inset 0 0 0 1px #ffffff2e}.native-picker[data-astro-cid-yjrhhzki]{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}.eyedropper-btn[data-astro-cid-yjrhhzki]{position:absolute;bottom:6px;right:6px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius);border:1px solid rgba(255,255,255,.25);background:#00000073;color:#fff;cursor:pointer;z-index:2;backdrop-filter:blur(4px);transition:background .15s}.eyedropper-btn[data-astro-cid-yjrhhzki]:hover{background:#000000a6}.eyedropper-btn[data-astro-cid-yjrhhzki].hidden{display:none}.swatch-meta[data-astro-cid-yjrhhzki]{display:grid;gap:.85rem;width:100%}.chip-row[data-astro-cid-yjrhhzki],.copy-row[data-astro-cid-yjrhhzki],.contrast-presets[data-astro-cid-yjrhhzki],.badge-grid[data-astro-cid-yjrhhzki]{display:flex;flex-wrap:wrap;gap:.5rem}.example-chip[data-astro-cid-yjrhhzki],.secondary-btn[data-astro-cid-yjrhhzki],.ghost-btn[data-astro-cid-yjrhhzki],.copy-val-btn[data-astro-cid-yjrhhzki],.contrast-preset[data-astro-cid-yjrhhzki],.mini-copy-btn[data-astro-cid-yjrhhzki]{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);border-radius:999px;font:inherit;cursor:pointer;transition:border-color .15s ease,background .15s ease,transform .15s ease}.example-chip[data-astro-cid-yjrhhzki],.contrast-preset[data-astro-cid-yjrhhzki],.mini-copy-btn[data-astro-cid-yjrhhzki],.ghost-btn[data-astro-cid-yjrhhzki]{padding:.45rem .8rem;font-size:.875rem}.secondary-btn[data-astro-cid-yjrhhzki],.copy-val-btn[data-astro-cid-yjrhhzki]{padding:.7rem 1rem;font-size:.95rem}.ghost-btn[data-astro-cid-yjrhhzki]{background:transparent}.example-chip[data-astro-cid-yjrhhzki]:hover,.secondary-btn[data-astro-cid-yjrhhzki]:hover,.ghost-btn[data-astro-cid-yjrhhzki]:hover,.copy-val-btn[data-astro-cid-yjrhhzki]:hover,.contrast-preset[data-astro-cid-yjrhhzki]:hover,.mini-copy-btn[data-astro-cid-yjrhhzki]:hover,.export-card[data-astro-cid-yjrhhzki]:hover,.palette-card[data-astro-cid-yjrhhzki]:hover{border-color:color-mix(in srgb,var(--color-primary) 45%,var(--color-border));transform:translateY(-1px)}.contrast-preset[data-astro-cid-yjrhhzki].active{background:color-mix(in srgb,var(--color-primary) 12%,var(--color-surface));border-color:color-mix(in srgb,var(--color-primary) 40%,var(--color-border))}.input-group[data-astro-cid-yjrhhzki]{display:flex;flex-direction:column;gap:.35rem}.compact-group[data-astro-cid-yjrhhzki]{gap:.45rem}.inputs-grid[data-astro-cid-yjrhhzki]{display:grid;gap:.9rem;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:1rem}.paste-row[data-astro-cid-yjrhhzki],.hex-row[data-astro-cid-yjrhhzki],.triple-row[data-astro-cid-yjrhhzki],.section-header[data-astro-cid-yjrhhzki],.palette-label-row[data-astro-cid-yjrhhzki]{display:flex;gap:.6rem;align-items:center;justify-content:space-between}.paste-row[data-astro-cid-yjrhhzki]{align-items:stretch}.paste-row[data-astro-cid-yjrhhzki] input[data-astro-cid-yjrhhzki],.hex-field[data-astro-cid-yjrhhzki],.triple-row[data-astro-cid-yjrhhzki] input[data-astro-cid-yjrhhzki],.compact-group[data-astro-cid-yjrhhzki] input[data-astro-cid-yjrhhzki]{width:100%}input[data-astro-cid-yjrhhzki][type=text],input[data-astro-cid-yjrhhzki][type=number]{min-height:2.8rem;border-radius:var(--radius);border:1px solid var(--color-border);background:#fff;color:var(--color-text);padding:.7rem .8rem;font:inherit}.hash[data-astro-cid-yjrhhzki]{display:inline-flex;align-items:center;justify-content:center;min-width:2.8rem;border:1px solid var(--color-border);border-right:none;border-radius:var(--radius) 0 0 var(--radius);background:var(--color-surface);color:var(--color-text-muted);font-family:ui-monospace,monospace}.hex-field[data-astro-cid-yjrhhzki]{border-radius:0 var(--radius) var(--radius) 0;font-family:ui-monospace,monospace;text-transform:lowercase}.triple-row[data-astro-cid-yjrhhzki] input[data-astro-cid-yjrhhzki],.hex-row[data-astro-cid-yjrhhzki]{flex:1}.status-message[data-astro-cid-yjrhhzki]{min-height:1.4rem;margin:.65rem 0 0;color:var(--color-text-muted)}.side-panel[data-astro-cid-yjrhhzki],.side-section[data-astro-cid-yjrhhzki],.palette-block[data-astro-cid-yjrhhzki]{display:flex;flex-direction:column;gap:.85rem}.section-header[data-astro-cid-yjrhhzki] h3[data-astro-cid-yjrhhzki],.side-section[data-astro-cid-yjrhhzki] h3[data-astro-cid-yjrhhzki],.info-section[data-astro-cid-yjrhhzki] h2[data-astro-cid-yjrhhzki]{margin:0}.swatch-strip[data-astro-cid-yjrhhzki]{display:flex;flex-wrap:wrap;gap:.6rem}.history-swatch[data-astro-cid-yjrhhzki]{width:3rem;height:3rem;border-radius:var(--radius);border:1px solid var(--color-border);cursor:pointer;position:relative;overflow:hidden}.history-swatch[data-astro-cid-yjrhhzki] span[data-astro-cid-yjrhhzki],.palette-card[data-astro-cid-yjrhhzki] span[data-astro-cid-yjrhhzki]{position:absolute;inset-inline:.35rem;bottom:.3rem;font-size:.72rem;font-family:ui-monospace,monospace;text-align:left}.empty-state[data-astro-cid-yjrhhzki]{color:var(--color-text-muted);font-size:.95rem}.export-list[data-astro-cid-yjrhhzki]{display:grid;gap:.75rem}.export-card[data-astro-cid-yjrhhzki],.palette-card[data-astro-cid-yjrhhzki]{width:100%;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);color:var(--color-text);text-align:left;cursor:pointer}.export-card[data-astro-cid-yjrhhzki]{padding:.85rem;display:grid;gap:.4rem}.export-label[data-astro-cid-yjrhhzki]{font-weight:600}code[data-astro-cid-yjrhhzki]{font-family:ui-monospace,monospace;font-size:.9em;background:color-mix(in srgb,var(--color-surface) 82%,white);padding:.12em .35em;border-radius:4px;word-break:break-word}.contrast-preview[data-astro-cid-yjrhhzki]{border-radius:calc(var(--radius) + 2px);padding:1rem;display:grid;gap:.75rem;border:1px solid var(--color-border)}.contrast-sample[data-astro-cid-yjrhhzki]{border-radius:var(--radius);padding:1rem;font-weight:600}.contrast-body[data-astro-cid-yjrhhzki]{font-size:1rem}.contrast-large[data-astro-cid-yjrhhzki]{font-size:1.75rem;line-height:1.2}.contrast-summary[data-astro-cid-yjrhhzki]{display:grid;grid-template-columns:auto 1fr;gap:1rem;align-items:start;margin-top:1rem}.ratio-card[data-astro-cid-yjrhhzki]{min-width:9rem;border-radius:var(--radius);border:1px solid var(--color-border);padding:.9rem;background:var(--color-surface)}.ratio-card[data-astro-cid-yjrhhzki] strong[data-astro-cid-yjrhhzki]{display:block;font-size:1.5rem;margin-top:.4rem}.contrast-badge[data-astro-cid-yjrhhzki]{border-radius:999px;padding:.45rem .75rem;font-size:.9rem;font-weight:600}.contrast-badge[data-astro-cid-yjrhhzki].pass{background:#16a34a1f;color:#166534}.contrast-badge[data-astro-cid-yjrhhzki].fail{background:#dc26261a;color:#991b1b}.palette-grid[data-astro-cid-yjrhhzki]{display:grid;gap:.85rem}.palette-grid-two[data-astro-cid-yjrhhzki]{grid-template-columns:repeat(2,minmax(0,1fr))}.mini-palette-row[data-astro-cid-yjrhhzki]{display:grid;gap:.7rem;grid-template-columns:repeat(2,minmax(0,1fr))}.mini-palette-row[data-astro-cid-yjrhhzki].four-up{grid-template-columns:repeat(4,minmax(0,1fr))}.palette-card[data-astro-cid-yjrhhzki]{position:relative;min-height:5.5rem;padding:0;overflow:hidden}.palette-card[data-astro-cid-yjrhhzki].small{min-height:4.8rem}.info-section[data-astro-cid-yjrhhzki]{margin-top:1rem;line-height:1.7}.info-section[data-astro-cid-yjrhhzki] h2[data-astro-cid-yjrhhzki]{font-size:1.2rem;margin-bottom:.55rem}.info-section[data-astro-cid-yjrhhzki] p[data-astro-cid-yjrhhzki]{margin-bottom:1rem}@media(max-width:900px){.workspace-grid[data-astro-cid-yjrhhzki],.secondary-grid[data-astro-cid-yjrhhzki],.inputs-grid[data-astro-cid-yjrhhzki],.palette-grid-two[data-astro-cid-yjrhhzki],.mini-palette-row[data-astro-cid-yjrhhzki].four-up{grid-template-columns:1fr}.hero-panel[data-astro-cid-yjrhhzki],.swatch-header[data-astro-cid-yjrhhzki],.contrast-summary[data-astro-cid-yjrhhzki]{flex-direction:column;grid-template-columns:1fr}.privacy-badge[data-astro-cid-yjrhhzki],.ratio-card[data-astro-cid-yjrhhzki]{max-width:none;width:100%}.swatch-wrap[data-astro-cid-yjrhhzki]{width:100%;max-width:104px}}@media(max-width:640px){.panel[data-astro-cid-yjrhhzki]{padding:1rem}.paste-row[data-astro-cid-yjrhhzki],.copy-row[data-astro-cid-yjrhhzki],.triple-row[data-astro-cid-yjrhhzki]{flex-direction:column;align-items:stretch}.mini-palette-row[data-astro-cid-yjrhhzki]{grid-template-columns:1fr}}