#capa-layout-dialog { width: min(1180px, 94vw); max-height: 92vh; margin: auto; box-sizing: border-box; overflow: auto; border: 1px solid #475569; border-radius: 12px; background: #172436; color: #e2e8f0; padding: 22px; }
#capa-layout-dialog::backdrop { background: #0009; }
#capa-layout-dialog h2 { margin: 0 0 10px; }
#capa-layout-dialog p { font-size: .88rem; margin: 10px 0; }
.capa-layout-grid { display: grid; grid-template-columns: minmax(280px, 370px) minmax(0, 1fr); gap: 22px; }
.capa-layout-controls > label { display: block; margin: 10px 0 5px; }
.capa-layout-controls > select { width: 100%; }
#capa-layout-fields { margin-top: 18px; }
#capa-layout-fields .form-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 10px; }
.capa-layout-preview { min-width: 0; align-self: start; padding: 12px; background: #0b1422; border-radius: 8px; }
.capa-layout-preview canvas { display: block; width: 100%; height: auto; touch-action: none; cursor: move; }
#capa-layout-aviso { color: #fbbf24; }
#capa-layout-dialog footer { display: flex; justify-content: flex-end; gap: 12px; margin-top: 20px; }
@media (max-width: 760px) { .capa-layout-grid { grid-template-columns: 1fr; } .capa-layout-preview { grid-row: 1; } }