/* Custom styles that extend Tailwind */
#dropZone.drag-over {
    border-color: #6366f1;
    background-color: #f0f0ff;
}

#threejsContainer canvas {
    width: 100% !important;
    height: 100% !important;
    display: block;
}

/* Animation for the generate button */
#generateBtn:active {
    transform: scale(0.98);
}

/* Custom scrollbar */
::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background: #f1f1f1;
}

::-webkit-scrollbar-thumb {
    background: #c7d2fe;
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: #a5b4fc;
}