/* color-palette-generator: styles only it uses, split out of site.css by scripts/split-css.mjs. */
.inline-fields { display: flex; gap: 8px; }
.inline-fields input { min-width: 0; }
.inline-fields input[type="color"] { width: 56px; flex: none; }
.palette-swatch {
    min-height: 150px; border: 0; border-radius: 12px; display: flex; align-items: flex-end; justify-content: center; padding: 12px;
    font: 600 0.95rem var(--mono); cursor: copy; box-shadow: inset 0 0 0 1px rgb(15 29 58 / 0.08);
    transition: transform 0.12s ease;
}
.palette-swatch:hover { transform: translateY(-2px); }
@media (prefers-reduced-motion: reduce) { .palette-swatch { transition: none; } .palette-swatch:hover { transform: none; } }