/* Printable makers (printable-kit.js): settings beside a preview of the pages. */
.pk-tool { display: grid; gap: 24px; grid-template-columns: 1fr; }
@media (min-width: 980px) { .pk-tool { grid-template-columns: minmax(300px, 380px) minmax(0, 1fr); align-items: start; } }
.pk-side, .pk-main { display: flex; flex-direction: column; gap: 14px; min-width: 0; }
.pk-side textarea { min-height: 180px; line-height: 1.5; }
.pk-checks { display: grid; gap: 8px; }
.pk-pages { display: grid; gap: 16px; max-height: 78vh; overflow: auto; padding: 16px; border-radius: 12px; background: #E9EDF3; }
.pk-page { margin: 0; }
.pk-page svg { display: block; width: 100%; height: auto; background: #fff; box-shadow: 0 6px 20px -10px rgb(15 29 58 / 0.45); }
.pk-number { display: flex; align-items: end; gap: 8px; }
.pk-number .field { flex: 1; }
.pk-warn { margin: 0; padding: 10px 12px; border-radius: 10px; background: #FFF7ED; color: #9A3412; font-size: 0.9rem; }
.pk-warn:empty { display: none; }
@media (min-width: 980px) { .pk-main { position: sticky; top: 16px; } }