.postcards-dialog {
  width: min(820px, calc(100vw - 40px));
  max-width: 820px;
  max-height: calc(100dvh - 40px);
  padding: 38px 48px 28px;
  overflow: auto;
  background: radial-gradient(ellipse at 15% 10%, #fffaf0, transparent 65%), #eee8d7;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  color: var(--ink);
  clip-path: polygon(1% 1.3%, 13% .8%, 28% 1.1%, 46% .3%, 63% .9%, 80% .4%, 98.6% 1%, 99.2% 18%, 98.8% 36%, 99.5% 55%, 99% 76%, 98.8% 98.7%, 82% 99.2%, 64% 98.6%, 45% 99.5%, 26% 98.9%, 1.1% 99.3%, .6% 79%, 1.1% 58%, .4% 39%, .9% 19%);
}
.postcards-dialog::backdrop { background: transparent; backdrop-filter: none; }
.postcards-dialog .close { top: 14px; right: 16px; }
.postcards-heading { padding-right: 20px; }
.postcards-heading .eyebrow { font-size: 9px; letter-spacing: 2.4px; margin: 0 0 12px; }
.postcards-dialog h2 { font: normal 34px/1.15 var(--serif); margin: 0 0 25px; letter-spacing: -.7px; }
.postcard-sheet {
  position: relative;
  margin: 0 6px;
  padding: 12px 12px 22px;
  background: #fffcf2;
  box-shadow: 0 3px 6px #54492e16, 0 12px 26px #54492e13;
  transform: rotate(-1deg);
}
.postcard-sheet::before {
  content: ''; position: absolute; z-index: 1; width: 85px; height: 25px;
  top: -12px; left: calc(50% - 42px); transform: rotate(3deg);
  background: #d5bd8573; border-inline: 1px dashed #baa77960;
}
.postcard-image { display: block; width: 100%; height: auto; aspect-ratio: 10 / 7; object-fit: contain; background: #e8e4d4; }
.postcard-sheet figcaption { padding: 18px 15px 0; text-align: center; }
.postcard-title { font: italic 25px/1.2 var(--serif); margin: 0 0 7px; }
.postcard-caption { font: 12px/1.6 var(--sans); color: #6a7567; margin: 0; }
.postcard-navigation { margin-top: 24px; }
.postcards-footer { border-top: 1px solid #827c602b; padding-top: 16px; margin-top: 12px; display: flex; justify-content: space-between; align-items: baseline; gap: 16px; }
.postcards-note { font: italic 14px/1.5 var(--serif); margin: 0; color: #74806d; }
.postcard-counter { white-space: nowrap; font: italic 13px var(--serif); color: #74806d; }
.postcard-status { margin: 30px 0; font: italic 17px/1.5 var(--serif); }
.postcard-retry { padding: 12px 0; text-decoration: underline; }
.postcards-dialog [hidden] { display: none !important; }
@media (max-width: 600px) {
  .postcards-dialog { width: calc(100vw - 24px); max-height: calc(100dvh - 24px); padding: 32px 18px 22px; }
  .postcards-dialog h2 { font-size: 29px; margin-bottom: 26px; }
  .postcard-sheet { margin: 0 2px; padding: 8px 8px 18px; }
  .postcard-sheet figcaption { padding: 16px 5px 0; }
  .postcard-title { font-size: 23px; }
  .postcard-navigation { gap: 0; margin-top: 17px; }
  .postcards-footer { gap: 10px; }
}