/* Outil · Print et papier (Print & paper), id print : seulement ce qui lui est propre (le reste vient de app/kit.css).
   Préfixe des classes : pt-
   À gauche : la page à l'échelle dans une zone fixe (fonds perdus, coupe, zone de sécurité), 6 lignes fixes (dimensions,
   en pouces, pixels au dpi, avec fonds perdus, ta photo au plus, ta photo sur ce format), la distance de vue nette, Copier
   et le lien vers Résolution. À droite : la famille, le format, le sens, le dpi, les fonds perdus, ta photo. */
.pt .outil-fixe { align-items: stretch; }
.pt-zone { border-radius: 16px; background: rgba(0, 0, 0, .22); box-shadow: inset 0 0 0 1px var(--filet-doux); }
.pt-page { display: block; width: 100%; height: auto; aspect-ratio: 300 / 134; }   /* bien plus large que haut : la colonne tient sur un écran de 720 px */
.pt-fp { fill: rgba(255, 140, 90, .22); stroke: rgba(255, 140, 90, .55); stroke-width: 1; }
.pt-feuille { fill: #efe9df; }
.pt-secu { fill: none; stroke: rgba(30, 26, 23, .45); stroke-width: 1; stroke-dasharray: 3 3; }
.pt-page text { font: 600 13px var(--display); fill: rgba(30, 26, 23, .7); text-anchor: middle; }
.pt-carte { display: flex; flex-direction: column; border-radius: 16px; box-shadow: inset 0 0 0 1px var(--filet-doux); padding: 2px 18px; }
.pt-rangee { cursor: default; height: 38px; align-items: center; }
.pt-rangee:last-child { border-bottom: 0; }
.pt-rangee:hover .nom { color: var(--papier); }
.pt-rangee .val { font-variant-numeric: tabular-nums; }
.pt-rangee:nth-child(3) .val { color: var(--peche); }
.pt-rangee .val[data-etat="faible"] { color: var(--peche); }
.pt-info { flex: none; height: 2lh; margin: 0; overflow: hidden; }
.pt-actions { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; }
.pt-actions .pastille { cursor: pointer; }
.pt-actions .pastille:hover { translate: none; }

.pt-formats { display: flex; flex-wrap: wrap; gap: 8px; height: 136px; align-content: flex-start; }   /* 3 rangées : la plus longue famille */
.pt-formats .puce { cursor: pointer; }
.pt-deux { display: grid; grid-template-columns: 1fr 1.6fr; gap: 12px; }
.pt-dpi button { padding-inline: 4px; }
@media (max-width: 559px) { .pt-deux { grid-template-columns: 1fr; } }