.form-panel { padding: 16px 0; }
.form-title { margin: 0 0 16px; font-size: 16px; font-weight: 500; }
.form-row { display: flex; gap: 12px; flex-wrap: wrap; margin-bottom: 4px; }
.field-xs { flex: 0 0 100px; min-width: 80px; }
.field-sm { flex: 1 1 160px; min-width: 140px; }
.field-lg { flex: 2 1 260px; min-width: 200px; }
.full-width { width: 100%; }
.section-label { margin: 8px 0 4px; font-size: 12px; font-weight: 500; text-transform: uppercase; letter-spacing: 0.5px; color: var(--mat-secondary-text-color, #666); }
.editor-wrap { border: 1px solid var(--mat-divider-color, #ddd); border-radius: 4px; min-height: 200px; overflow: hidden; }
.error-msg { color: var(--mat-warn-color, #f44336); margin: 8px 0; font-size: 13px; }
.form-actions { display: flex; gap: 8px; justify-content: flex-end; margin-top: 12px; }
mat-spinner { display: inline-block; margin-right: 6px; }