/* Main Styles */
body {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}

/* Dropzone */
#drop-zone {
    transition: all 0.2s ease;
}

/* Loading animation */
@keyframes pulse {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.5; }
}

.animate-pulse {
    animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

/* Smooth transitions */
.transition {
    transition: all 0.2s ease;
}

/* Card hover */
.group:hover .group-hover\:scale-105 {
    transform: scale(1.05);
}

/* Image specific */
.aspect-square {
    aspect-ratio: 1 / 1;
}

/* Scrollbar */
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: #94a3b8; }

/* Video layout */
#ref-image-previews {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(80px, 1fr));
    gap: 8px;
}
#ref-image-previews .relative {
    aspect-ratio: 1;
}
#ref-image-previews img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
#ref-image-zone {
    min-height: 120px;
    transition: all 0.2s ease;
}
#ref-image-zone.drag-over {
    border-color: #6366f1;
    background-color: #eef2ff;
}