/* Additional custom styles */
.drop-area {
    border: 2px dashed var(--bs-border-color);
    border-radius: 10px;
    transition: all 0.3s ease;
    cursor: pointer;
}

.drop-area.highlight {
    border-color: var(--bs-primary);
    background-color: rgba(var(--bs-primary-rgb), 0.1);
}

.img-thumbnail {
    max-height: 300px;
    width: auto;
}

/* Custom animation for the convert button */
.btn-pulse {
    animation: pulse 1.5s infinite;
}

@keyframes pulse {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.05);
    }
    100% {
        transform: scale(1);
    }
}

/* Responsive adjustments */
@media (max-width: 576px) {
    .drop-area {
        padding: 1.5rem !important;
    }
    
    .drop-area h3 {
        font-size: 1.2rem;
    }
    
    .img-thumbnail {
        max-height: 200px;
    }
}