.PalettePreview_paletteContainer__z54Ti{background:white;padding:20px;border-radius:var(--radius-md);border:1px solid var(--border-subtle);box-shadow:var(--shadow-sm)}.PalettePreview_paletteHeader__jRN8G{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.PalettePreview_paletteTitle__EMCp0{font-size:1rem;font-weight:700;display:flex;align-items:center;gap:8px}.PalettePreview_paletteSub__6ta9M{font-size:.8rem;color:var(--text-muted)}.PalettePreview_swatchGrid__76IaG{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.PalettePreview_swatchButton__pSfo6{display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px 10px;background:#F9F8F6;border:1px solid var(--border-subtle);border-radius:var(--radius-md);transition:all var(--transition-fast);cursor:pointer}.PalettePreview_swatchButton__pSfo6:hover{transform:translateY(-2px);border-color:var(--primary);box-shadow:0 4px 10px rgba(0,0,0,.08)}.PalettePreview_swatchCircle__vjGeX{width:38px;height:38px;border-radius:var(--radius-full);border:2px solid white;box-shadow:0 2px 6px rgba(0,0,0,.15);transition:transform var(--transition-fast)}.PalettePreview_swatchButton__pSfo6:hover .PalettePreview_swatchCircle__vjGeX{transform:scale(1.1)}.PalettePreview_swatchHex__gvI3t{font-size:.72rem;font-weight:700;color:var(--text-secondary);font-family:monospace}.PalettePreview_swatchName__5As_S{font-size:.75rem;font-weight:600;color:var(--text-main);max-width:80px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.PalettePreview_copyNotice__pXfMd{font-size:.8rem;font-weight:700;color:#169B62;margin-top:10px;animation:PalettePreview_floatAnimation__YNf_7 2s ease-in-out infinite}.PalettePreview_paletteInteractiveBadge__yGet4{display:inline-flex;align-items:center;gap:5px;background:rgba(255,90,95,.08);color:var(--primary);font-size:.75rem;font-weight:700;padding:4px 10px;border-radius:var(--radius-full);border:1px solid rgba(255,90,95,.2)}@media (max-width:640px){.PalettePreview_paletteHeader__jRN8G{flex-direction:column;align-items:flex-start;gap:8px}}.PalettePreview_swatchActionHint__tZ7ZD{font-size:.68rem;font-weight:800;color:var(--primary);background:white;padding:2px 6px;border-radius:var(--radius-full);border:1px solid rgba(255,90,95,.25);margin-top:2px;transition:all var(--transition-fast)}.PalettePreview_swatchButton__pSfo6:hover .PalettePreview_swatchActionHint__tZ7ZD{background:var(--primary);color:white}