/* AI Face Beautify - Custom Styles */

/* Preview box styling */
.preview-box {
    background: var(--bs-tertiary-bg);
    border-radius: 0.5rem;
    padding: 1rem;
    height: 100%;
}

.preview-label {
    font-weight: 500;
    color: var(--bs-secondary-color);
    font-size: 0.875rem;
}

/* Result images */
#compareOriginal,
#resultImage {
    max-width: 100%;
    border-radius: 0.375rem;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

/* Processing status enhancement */
#processingStatus .alert {
    border-left: 4px solid var(--bs-info);
}

/* Download button spacing */
#downloadContainer .btn {
    min-width: 160px;
}

/* Responsive adjustments */
@media (max-width: 767.98px) {
    .preview-box {
        margin-bottom: 1rem;
    }

    #compareOriginal,
    #resultImage {
        max-height: 200px !important;
    }
}

/* Dark mode adjustments */
[data-bs-theme="dark"] .preview-box {
    background: var(--bs-dark-bg-subtle);
}

[data-bs-theme="dark"] #compareOriginal,
[data-bs-theme="dark"] #resultImage {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}