/* v2.0.9.6 Unified modal sizing. Keep dialogs in the top layer. */
html body dialog#layoutPreviewDialog.layout-preview-dialog {
  box-sizing:border-box!important;position:fixed!important;inset:0!important;
  width:min(540px,calc(100vw - 32px))!important;max-width:540px!important;
  max-height:min(88dvh,540px)!important;min-width:0!important;
  height:auto!important;margin:auto!important;padding:0!important;
  overflow:auto!important;border:1px solid #427b9d!important;border-radius:18px!important;
  background:#102238!important;color:#eaf5ff!important;box-shadow:0 22px 80px #0008!important;
}
#layoutPreviewDialog::backdrop {background:rgba(5,18,34,.63)!important;backdrop-filter:blur(2px)}
#layoutPreviewDialog .layout-preview-content {padding:24px!important;display:grid;gap:14px}
#layoutPreviewDialog .layout-preview-heading {display:flex;gap:14px;align-items:flex-start}
#layoutPreviewDialog .layout-preview-heading h2 {font-size:21px;line-height:1.25;margin:0 0 6px}
#layoutPreviewDialog .layout-preview-heading p {font-size:13px;margin:0;color:#b5d8f4}
#layoutPreviewDialog .layout-preview-mark{width:42px;height:42px;flex-shrink:0;border-radius:12px;background:#1479a2;display:grid;place-items:center;font-size:25px}
#layoutPreviewDialog .layout-preview-summary {padding:12px 14px;background:#1a3651;border:1px solid #335c7b;border-radius:10px;font-size:14px;color:#dff5ff}
#layoutPreviewDialog .layout-preview-note {font-size:12px;color:#b5d8f4;margin:0;line-height:1.6}
#layoutPreviewDialog .layout-preview-actions {display:flex;gap:10px;justify-content:flex-end;margin-top:4px;flex-wrap:wrap}
#layoutPreviewDialog .layout-preview-actions button{min-height:42px}
@media(max-width:580px){html body dialog#layoutPreviewDialog.layout-preview-dialog{width:calc(100vw - 24px)!important;max-height:calc(100dvh - 24px)!important;border-radius:14px!important}#layoutPreviewDialog .layout-preview-content{padding:18px!important}#layoutPreviewDialog .layout-preview-actions button{flex:1}}