/* 旅行明信片：屏幕预览使用与导出相同的画布构图。 */
.postcard-stage {
  display: flex;
  justify-content: center;
  padding: 8px 0 4px;
}

.postcard-paper {
  width: min(430px, 100%);
  padding: 10px;
  border-radius: 16px;
  background: #FFFDF6;
  box-shadow: 0 20px 52px rgba(104, 92, 66, .18), 0 1px 0 #FFF inset;
  transform: rotate(-1.1deg);
}

.postcard-paper canvas {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 9px;
  background: #F7F1E5;
}

.postcard-paper.is-landing {
  animation: postcard-land .78s cubic-bezier(.2, .8, .3, 1) both;
}

@keyframes postcard-land {
  from { opacity: 0; transform: translateY(22px) rotate(-2.4deg) scale(.965); }
  to { opacity: 1; transform: translateY(0) rotate(-1.1deg) scale(1); }
}

@media (max-width: 620px) {
  .postcard-stage { padding-top: 2px; }
  .postcard-paper { width: min(356px, 100%); padding: 7px; border-radius: 13px; }
}

@media (prefers-reduced-motion: reduce) {
  .postcard-paper,
  .postcard-paper.is-landing { transform: none; animation: none; }
}
body.reduce-motion .postcard-paper,
body.reduce-motion .postcard-paper.is-landing { transform: none; animation: none; }