/* Farbpalette Generator (nur diese Seite) */
.fp-palette{ display:grid; grid-template-columns:repeat(auto-fill,minmax(190px,1fr)); gap:14px; margin-top:24px; }
.fp-swatch{ border:1px solid rgba(0,0,0,.12); border-radius:12px; overflow:hidden; background:var(--white); }
.fp-chip{ height:90px; display:flex; align-items:center; justify-content:center; font-family:var(--font-display); font-weight:800; font-size:1.6rem; }
.fp-meta{ padding:12px 14px; display:flex; flex-direction:column; gap:3px; font-size:.82rem; color:#4A4A4A; }
.fp-meta strong{ color:var(--black); font-size:.9rem; }
.fp-meta code{ font-family:"SFMono-Regular", Consolas, Menlo, monospace; color:var(--black); font-size:.9rem; }
.fp-copy{ align-self:flex-start; margin-top:8px; color:var(--red); }
.fp-preview-btn{ margin-top:12px; border:2px solid currentColor; background:transparent; color:inherit; padding:.5rem 1rem; border-radius:999px; font-weight:600; }