/* Custom Styles Optional - Bootstrap handles most things */

#previewArea {
    min-height: 300px; /* Ensure preview area has some height */
    background-color: #f8f9fa; /* Light background for contrast */
    overflow-wrap: break-word; /* Prevent long text overflowing */
    font-size: 10pt; /* Set a base size for preview */
}

#htmlOutput {
    font-family: monospace; /* Make code easier to read */
    font-size: 0.85em;
    white-space: pre; /* Preserve whitespace for readability */
    overflow-x: auto; /* Allow horizontal scrolling if needed */
}

/* Slightly larger color input swatch */
.form-control-color {
    min-height: calc(1.5em + 0.75rem + 2px); /* Match default input height */
    min-width: 60px;
}