.xml-input { font-family: 'Courier New', monospace; font-size: 0.9rem; }
        .csv-output { font-family: 'Courier New', monospace; font-size: 0.85rem; background-color: #f8f9fa; }
        .preview-table { max-height: 300px; overflow-y: auto; border: 1px solid var(--border-color); border-radius: 6px; }
        .preview-table table { width: 100%; font-size: 0.8rem; margin-bottom: 0; }
        .preview-table th { background-color: var(--light-gray); position: sticky; top: 0; }
        .example-buttons { display: flex; flex-wrap: wrap; gap: 0.6rem; margin: 1rem 0; }
        .option-group { background: #fef9e6; padding: 0.8rem; border-radius: 8px; margin-bottom: 1rem; }
        .form-text.text-warning { color: #d97706; }
        .suggestion-btn { cursor: pointer; text-decoration: underline; font-weight: 600; color: #0d6efd; }
        .suggestion-btn:hover { color: #0a58ca; }