/* X2: placemat. Scherm: bediening en voorbeeld (print-tools.css). Printen: alleen het liggende vel in .placemat-print. */
.placemat-print{display:none}
.placemat-tool .tool-controls input{width:100%;max-width:440px;font:inherit;border:2px solid #d9cdeb;border-radius:12px;padding:10px 12px;box-sizing:border-box}
.placemat-tool .tool-controls p{max-width:440px}
.placemat-preview{aspect-ratio:1414/1000}
.placemat-preview canvas{width:100%;height:auto}
@media print{
  @page{size:A4 landscape;margin:8mm}
  body.placemat-printing :not(:has(.placemat-print)):not(.placemat-print):not(.placemat-print *){display:none!important}
  /* Ouders van het printblok (hoofdinhoud, kader, marges) krijgen geen hoogte of ruimte: anders komt er een lege pagina achteraan. */
  body.placemat-printing main,body.placemat-printing .v2-main,body.placemat-printing .v2-wrap,body.placemat-printing .print-tool{margin:0!important;padding:0!important;min-height:0!important;height:auto!important;border:0!important}
  body.placemat-printing .placemat-print{display:block!important;margin:0;padding:0;height:auto}
  .placemat-sheet{overflow:hidden;margin:0;padding:0}
  .placemat-sheet img{display:block;width:100%;height:100%;object-fit:contain}
}
/* Telefoon: één kolom die de breedte van het scherm niet overschrijdt; de knoppen mogen onder elkaar. */
@media(max-width:680px){.placemat-tool .print-tool-grid{grid-template-columns:minmax(0,1fr)}.placemat-tool .tool-controls,.placemat-tool .placemat-preview{min-width:0}.placemat-tool .v2-actions{display:flex;flex-wrap:wrap;gap:8px}}
