/* Minimal custom styles to complement Bootstrap */
.preview-container {
    min-height: 300px;
    border: 2px dashed var(--bs-gray-400);
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 20px 0;
    padding: 20px;
}

.preview-container img {
    max-width: 100%;
    max-height: 500px;
    object-fit: contain;
}

.control-section {
    background-color: var(--bs-gray-100);
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 20px;
}

.logo-controls {
    max-width: 600px;
    margin: 0 auto;
}

/* Dark mode adjustments */
[data-bs-theme=dark] .control-section {
    background-color: var(--bs-gray-800);
}

[data-bs-theme=dark] .preview-container {
    border-color: var(--bs-gray-700);
}