.PalettePreview-module__eWkvpW__paletteContainer{border-radius:var(--radius-md);border:1px solid var(--border-subtle);box-shadow:var(--shadow-sm);background:#fff;padding:20px}.PalettePreview-module__eWkvpW__paletteHeader{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.PalettePreview-module__eWkvpW__paletteTitle{align-items:center;gap:8px;font-size:1rem;font-weight:700;display:flex}.PalettePreview-module__eWkvpW__paletteSub{color:var(--text-muted);font-size:.8rem}.PalettePreview-module__eWkvpW__swatchGrid{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.PalettePreview-module__eWkvpW__swatchButton{border:1px solid var(--border-subtle);border-radius:var(--radius-md);transition:all var(--transition-fast);cursor:pointer;background:#f9f8f6;flex-direction:column;align-items:center;gap:6px;padding:8px 10px;display:flex}.PalettePreview-module__eWkvpW__swatchButton:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:0 4px 10px #00000014}.PalettePreview-module__eWkvpW__swatchCircle{border-radius:var(--radius-full);width:38px;height:38px;transition:transform var(--transition-fast);border:2px solid #fff;box-shadow:0 2px 6px #00000026}.PalettePreview-module__eWkvpW__swatchButton:hover .PalettePreview-module__eWkvpW__swatchCircle{transform:scale(1.1)}.PalettePreview-module__eWkvpW__swatchHex{color:var(--text-secondary);font-family:monospace;font-size:.72rem;font-weight:700}.PalettePreview-module__eWkvpW__swatchName{color:var(--text-main);text-align:center;white-space:nowrap;text-overflow:ellipsis;max-width:80px;font-size:.75rem;font-weight:600;overflow:hidden}.PalettePreview-module__eWkvpW__copyNotice{color:#169b62;margin-top:10px;font-size:.8rem;font-weight:700;animation:2s ease-in-out infinite PalettePreview-module__eWkvpW__floatAnimation}