/* Custom styles for image processing tools */

/* Thumbnail container styles */
#thumbnailsContainer,
#processedThumbnailsContainer {
    overflow: hidden;
    margin-bottom: 20px;
}

/* Thumbnail column styles */
#thumbnailsContainer .col-md-2,
#processedThumbnailsContainer .col-md-2 {
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* Range input styles */
input[type="range"].form-control {
    width: 100%;
    margin: 5px 0;
}

/* Crop settings panel */
#cropSettingsPanel {
    margin-bottom: 20px;
}

/* Image preview container */
.image-preview-container {
    margin-bottom: 20px;
}