/* === RESPONSIVE.CSS : Styles responsives et adaptations mobiles === */

/* Responsive pour le drop zone */
@media (max-width: 600px) {
    #drop-zone {
        padding: 1.2rem 0.5rem;      /* Moins de padding sur mobile */
        min-height: 160px;
        max-width: 98vw;
    }
    #browse-btn {
        font-size: 0.95rem;
        padding: 0.6rem 1rem;
    }
}

/* Responsive pour le conteneur d'aperçu d'image */
@media (max-width: 600px) {
    #image-preview-container {
        padding: 1.2rem 0.5rem 1rem 0.5rem;
        max-width: 98vw;
    }
    #image-preview {
        margin-bottom: 1.2rem;
    }
    #analysis-result {
        margin-top: 1rem;
        margin-bottom: 1rem;
    }
}