dialog.unsaved-dialog {
  width: min(460px, calc(100vw - 32px));
  max-width: calc(100vw - 32px);
  max-height: 90dvh;
  box-sizing: border-box;
  padding: 24px;
  background: var(--surface, #fff);
  color: var(--ink, #242938);
}
.unsaved-dialog::backdrop { background: rgb(20 22 30 / 50%); }
.unsaved-dialog h2 { margin: 0 0 12px; }
.unsaved-dialog p { margin: 0 0 20px; line-height: 1.55; }
.unsaved-actions { display: flex; flex-direction: column; gap: 10px; }
.unsaved-actions .button { width: 100%; min-height: 44px; white-space: normal; }
.unsaved-actions .button:focus-visible { outline: 3px solid var(--accent, #7453d8); outline-offset: 3px; }
@media (max-width: 400px) { dialog.unsaved-dialog { padding: 20px; } }