.unsaved-changes-dialog {
  width: min(786px, calc(100vw - 32px));
  max-height: calc(100vh - 32px);
  padding: 0;
  border: 0;
  border-radius: 6px;
  color: #303039;
  background: #fff;
  box-shadow: 0 16px 50px #0003;
  overscroll-behavior: contain;
}
.unsaved-changes-dialog::backdrop { background: #16162099; }
.unsaved-changes-dialog h2 { margin: 0; padding: 26px; background: #4183f4; color: #fff; font-size: 24px; font-weight: 700; }
.unsaved-changes-dialog p { margin: 0; padding: 28px 26px; font-size: 18px; line-height: 1.5; }
.unsaved-changes-dialog form { display: flex; justify-content: flex-end; gap: 14px; padding: 18px 26px; background: #f8f9fb; }
.unsaved-changes-dialog button { min-height: 48px; padding: 10px 24px; border: 1px solid #b9bdc5; border-radius: 5px; background: #fff; color: #303039; font: inherit; cursor: pointer; }
.unsaved-changes-dialog .unsaved-leave { border-color: #ff585f; background: #ff585f; color: #fff; }
.unsaved-changes-dialog button:focus-visible { outline: 3px solid #143b78; outline-offset: 3px; }
.map-load-error { padding: 24px; text-align: center; }