.palette-count{display:flex;width:-moz-fit-content;width:fit-content;margin:.5rem 0;align-items:center;gap:.5rem;font-size:.875rem}.palette-count select{width:auto}.palette-notes{list-style:disc;padding-left:1.5rem;margin-top:.75rem;font-size:.8125rem;color:#475569}.palette-notes li+li{margin-top:.25rem}.palette{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:.75rem;margin:.75rem 0}.swatch{overflow:hidden;border:1px solid #e2e8f0;border-radius:.5rem;background-color:#fff}.swatch .color{height:64px}.swatch .meta{padding:.375rem .5rem;font-family:var(--font-family-mono, monospace);font-size:.75rem;color:#334155}.preview-wrap img{max-height:320px;margin:0 auto}