/* QR code sign and table tent maker. The preview stage and the paper controls come from css/_print-kit.css. Borders: 1px hairline. */
#visu-tools .vt-qr-table-tent .vt-qs-presets { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin-top: 18px; }
#visu-tools .vt-qr-table-tent .vt-qs-presets .vt-label { width: 100%; }
#visu-tools .vt-qr-table-tent .vt-qs-preset { min-height: 36px; padding: 6px 13px; border-radius: 999px; border: 1px solid var(--vt-line-2); background: var(--vt-tint);
  color: var(--vt-ink); font: 550 14px/1.2 inherit; cursor: pointer; }
#visu-tools .vt-qr-table-tent .vt-qs-preset:hover { border-color: var(--vt-ink); }
#visu-tools .vt-qr-table-tent .vt-qs-texts { display: grid; grid-template-columns: minmax(0, 1fr); gap: 14px; margin-top: 14px; }
#visu-tools .vt-qr-table-tent .vt-qs-texts .vt-check { min-height: 0; align-items: flex-start; }
#visu-tools .vt-qr-table-tent #vt-qs-warn { margin-top: 10px !important; }
#visu-tools .vt-qr-table-tent :is(.vt-qs-format, .vt-qs-look) { margin-top: 20px; padding-top: 16px; border-top: 1px solid var(--vt-line); }
#visu-tools .vt-qr-table-tent .vt-qs-format .vt-hint { margin-top: 10px !important; }
#visu-tools .vt-qr-table-tent #vt-qs-sticker-row { margin-top: 12px; max-width: 200px; }
#visu-tools .vt-qr-table-tent .vt-qs-look { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px 20px; align-items: start; }
#visu-tools .vt-qr-table-tent .vt-qs-look .vt-pk-logo { grid-column: 1 / -1; }
#visu-tools .vt-qr-table-tent .vt-qs-privacy { margin-top: 16px !important; }
#visu-tools .vt-qr-table-tent .vt-qs-dyn :is(p, ol) { max-width: 78ch; }
#visu-tools .vt-qr-table-tent .vt-qs-steps { padding-left: 22px !important; display: grid; gap: 6px; }
@media (max-width: 600px) {
  #visu-tools .vt-qr-table-tent .vt-qs-look { grid-template-columns: minmax(0, 1fr); }
}