.tool-page__header-center.svelte-11u0xfe{text-align:center;gap:.75rem;max-width:800px;margin:0 auto;padding:1rem 0;display:grid}.tool-page__header-center.svelte-11u0xfe h1:where(.svelte-11u0xfe){max-width:none;margin:0;font-size:clamp(2rem,4vw,3.2rem)}.tool-page__header-center.svelte-11u0xfe .tool-page__lede:where(.svelte-11u0xfe){margin:0}.tool-page__hero-simple.svelte-11u0xfe .tool-page__hero-copy:where(.svelte-11u0xfe){justify-content:space-between;align-items:center;gap:2rem;min-height:auto;padding:1.5rem;display:flex}@media (width<=760px){.tool-page__hero-simple.svelte-11u0xfe .tool-page__hero-copy:where(.svelte-11u0xfe){flex-direction:column;align-items:stretch;gap:1.25rem}}.color-picker-container.svelte-11u0xfe{align-items:center;gap:1.5rem;display:flex}.color-picker-main.svelte-11u0xfe{border:4px solid var(--border-soft);cursor:pointer;background:0 0;border-radius:1.5rem;width:80px;height:80px;padding:0;overflow:hidden}.color-picker-main.svelte-11u0xfe::-webkit-color-swatch-wrapper{padding:0}.color-picker-main.svelte-11u0xfe::-webkit-color-swatch{border:none}.color-picker-input-group.svelte-11u0xfe{flex:1;gap:.5rem;display:grid}.color-picker-input-group.svelte-11u0xfe label:where(.svelte-11u0xfe){color:var(--text-soft);font-size:.8rem;font-weight:700}.color-swatches.svelte-11u0xfe{margin-top:1.5rem}.color-swatch-grid.svelte-11u0xfe{flex-wrap:wrap;gap:.6rem;margin-top:.5rem;display:flex}.color-swatch-item.svelte-11u0xfe{border:1px solid var(--border-soft);cursor:pointer;border-radius:.6rem;width:2.2rem;height:2.2rem;transition:transform .15s}.color-swatch-item.svelte-11u0xfe:hover{transform:scale(1.1)}.color-preview-panel.svelte-11u0xfe{justify-content:center;align-items:center;min-height:200px;transition:background-color .2s;display:flex}.color-preview-content.svelte-11u0xfe{text-align:center;color:#fff;text-shadow:0 2px 4px #0000004d}.color-preview-content--light.svelte-11u0xfe{color:#08111b;text-shadow:none}.color-preview-label.svelte-11u0xfe{text-transform:uppercase;letter-spacing:.15em;opacity:.8;font-size:.8rem;font-weight:800}.color-preview-value.svelte-11u0xfe{font-size:3rem;font-family:var(--font-mono);margin:.5rem 0}.color-results-grid.svelte-11u0xfe{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;display:grid}.color-result-card.svelte-11u0xfe{border:1px solid var(--border-soft);background:#ffffff08;border-radius:1.2rem;justify-content:space-between;align-items:center;padding:1.25rem;display:flex}.color-result-card__info.svelte-11u0xfe{flex-direction:column;gap:.35rem;display:flex}.color-result-card__label.svelte-11u0xfe{color:var(--text-soft);font-size:.75rem;font-weight:800}.color-result-card__value.svelte-11u0xfe{color:var(--text-strong);font-size:1.1rem}.color-copy-btn.svelte-11u0xfe{cursor:pointer;border:1px solid #0000;transition:all .15s}.color-copy-btn.svelte-11u0xfe:hover{border-color:var(--accent);background:#7de2d126}.color-copy-btn--active.svelte-11u0xfe{border-color:var(--accent);background:var(--accent-ghost);color:var(--accent)}