/* Shared MARPS dialogs are in the browser top layer, above editors and blur. */
dialog.marps-dialog {
  box-sizing: border-box;
  width: min(480px, calc(100vw - 32px));
  max-height: calc(100dvh - 32px);
  margin: auto;
  padding: 0;
  overflow: auto;
  border: 1px solid #e6e9f1;
  border-radius: 24px;
  background: #fff;
  color: #191b22;
  box-shadow: 0 24px 80px rgba(29, 41, 78, .22);
  font-family: var(--ds-font, Inter, Onest, system-ui, sans-serif);
  font-size: 15px;
  line-height: 1.5;
  text-align: left;
}
dialog.marps-dialog::backdrop { background: rgba(22, 31, 54, .38); backdrop-filter: blur(5px); }
.marps-dialog .marps-dialog-form { padding: 28px; margin: 0; }
.marps-dialog h2 { margin: 0 0 12px; font-size: 22px; line-height: 1.25; font-weight: 700; letter-spacing: -.4px; color: inherit; }
.marps-dialog .marps-dialog-message { margin: 0 0 20px; color: #626977; white-space: pre-wrap; overflow-wrap: anywhere; }
.marps-dialog .marps-dialog-input { box-sizing: border-box; display: block; width: 100%; min-height: 44px; padding: 11px 14px; border: 1px solid #dce1ec; border-radius: 12px; background: #f9faff; color: #191b22; font: inherit; font-size: 16px; resize: vertical; }
.marps-dialog .marps-dialog-input[aria-invalid="true"] { border-color: #c23442; }
.marps-dialog .marps-dialog-error { margin: 6px 0 0; font-size: 13px; color: #b42335; }
.marps-dialog .marps-dialog-error:empty { display: none; }
.marps-dialog .marps-dialog-actions { display: flex; justify-content: flex-end; flex-wrap: wrap; gap: 10px; margin-top: 24px; }
.marps-dialog .marps-dialog-actions button { box-sizing: border-box; min-width: 96px; min-height: 44px; padding: 11px 18px; border: 1px solid transparent; border-radius: 12px; font: inherit; font-weight: 600; line-height: 1.4; cursor: pointer; white-space: normal; overflow-wrap: anywhere; }
.marps-dialog .marps-dialog-cancel { color: #525b6c; background: #f0f3f9; }
.marps-dialog .marps-dialog-submit { color: #fff; background: #3b6ce8; }
.marps-dialog .marps-dialog-submit.danger { background: #bd3042; }
.marps-dialog .marps-dialog-actions button:hover { filter: brightness(.96); }
.marps-dialog :is(input, textarea, button):focus-visible { outline: 3px solid #4675ed; outline-offset: 3px; }
@media (max-width: 480px) {
  .marps-dialog .marps-dialog-form { padding: 22px 20px; }
  .marps-dialog h2 { font-size: 20px; }
  .marps-dialog .marps-dialog-actions button { flex: 1 1 100%; }
}