body {
    font-family: 'Plus Jakarta Sans', sans-serif;
    background: radial-gradient(circle at top right, #eef2ff, #f8fafc);
}
.glass {
    background: rgba(255, 255, 255, 0.7);
    backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.3);
}
.drop-zone-active {
    transform: scale(1.02);
    border-color: #6366f1;
    background: rgba(99, 102, 241, 0.05);
    box-shadow: 0 20px 40px -15px rgba(99, 102, 241, 0.2);
}
.custom-scrollbar::-webkit-scrollbar { width: 6px; }
.custom-scrollbar::-webkit-scrollbar-track { background: transparent; }
.custom-scrollbar::-webkit-scrollbar-thumb { background: #e2e8f0; border-radius: 10px; }

@keyframes fade-in { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }
@keyframes slide-up { from { opacity: 0; transform: translateX(-10px); } to { opacity: 1; transform: translateX(0); } }
.animate-fade-in { animation: fade-in 0.6s ease-out forwards; }
.animate-slide-up { animation: slide-up 0.4s ease-out forwards; }

.setting-card {
    transition: all 0.3s ease;
    border: 2px solid transparent;
}
.setting-card.active {
    border-color: #6366f1;
    background: #f5f7ff;
}
.img-container:hover .download-overlay {
    opacity: 1;
}