/* Smooth gradient animation */
@keyframes gradient {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}
.animate-gradient {
    background-size: 200% 200%;
    animation: gradient 8s ease infinite;
}

/* Copy button hover effect */
.copy-btn {
    transition: all 0.2s;
}
.copy-btn.copied {
    background-color: #10b981 !important;
    color: white;
}

.preset-card {
    transition: all 0.2s;
}

    .preset-card:hover {
        transform: scale(1.05);
        box-shadow: 0 20px 25px -5px rgba(0,0,0,0.2);
    }