.palette-preview-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:all var(--transition-base);color:inherit;flex-direction:column;height:100%;display:flex;position:relative;overflow:hidden}.palette-preview-card:hover{border-color:var(--border-color);transform:translateY(-2px);box-shadow:0 4px 12px #0006}.palette-preview-card__link{color:inherit;flex-direction:column;height:100%;text-decoration:none;display:flex}.palette-preview-card__preview{width:100%;height:120px;display:flex}.palette-preview-card__color{transition:transform var(--transition-base);flex:1}.palette-preview-card:hover .palette-preview-card__color{transform:scale(1.05)}.palette-preview-card__content{padding:var(--spacing-md);gap:var(--spacing-xs);flex-direction:column;flex:1;display:flex}.palette-preview-card__category{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:.75rem;font-weight:500}.palette-preview-card__title{color:var(--text-primary);margin:0;font-size:1.125rem;font-weight:600;line-height:1.4}.palette-preview-card__description{color:var(--text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.875rem;line-height:1.5;display:-webkit-box;overflow:hidden}.palette-preview-card__actions{padding:0 var(--spacing-md)var(--spacing-md);gap:10px;display:flex}.palette-preview-card__action{border:1px solid var(--border-color);color:var(--text-primary);transition:transform var(--transition-base),border-color var(--transition-base),box-shadow var(--transition-base);white-space:nowrap;background:#0b0d1273;border-radius:12px;justify-content:center;align-items:center;padding:.5rem .75rem;font-size:.875rem;font-weight:700;display:inline-flex}.palette-preview-card__action:hover:not(:disabled){border-color:#7c3aedb3;transform:translateY(-1px);box-shadow:0 8px 18px #00000040}.palette-preview-card__action:disabled{opacity:.45;cursor:not-allowed}.palette-preview-card__action:focus-visible{outline:none;box-shadow:0 0 0 3px #7c3aed38,0 8px 18px #7c3aed26}@media (min-width:768px){.palette-preview-card__preview{height:140px}}