@page { size: A4 landscape; margin: 12mm; }
* { box-sizing: border-box; }
body { margin: 0; font-family: "Segoe UI", system-ui, sans-serif; color: #222; background: #eee; }
.toolbar { display: flex; gap: 8px; justify-content: center; padding: 12px; }
.toolbar button { font: inherit; font-weight: 700; padding: 8px 18px; border-radius: 999px; border: 2px solid #3d2c5e; background: #fff; cursor: pointer; }
.sheet {
  width: min(277mm, calc(100vw - 32px));
  margin: 0 auto 24px;
  background: #fff;
  padding: 10mm;
  box-shadow: 0 2px 12px rgba(0, 0, 0, .15);
  display: flex;
  flex-direction: column;
  gap: 6mm;
}
.sheet img { width: 100%; max-height: 160mm; object-fit: contain; }
.sheet footer { display: flex; justify-content: space-between; gap: 12px; font-size: 12pt; border-top: 1px dashed #999; padding-top: 4mm; flex-wrap: wrap; }
@media print {
  body { background: #fff; }
  .no-print { display: none; }
  .sheet { width: auto; margin: 0; padding: 0; box-shadow: none; }
}