/* Paper kit (bundle 3A, 2026-10-16): graph paper, lined paper, name tracing, habit tracker. Form layout, the page pager
 * and the on-screen habit grid. Print rules come from css/_print-kit.css. Borders: 1px hairline. */
#visu-tools .vt-ppk-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px 18px; margin: 16px 0 0; align-items: start; }
#visu-tools .vt-ppk-grid .vt-wide { grid-column: 1 / -1; }
#visu-tools .vt-ppk-grid > .vt-seg { margin: 0; }
#visu-tools .vt-ppk-look { border: 0; border-top: 1px solid var(--vt-line); padding: 16px 0 0; margin: 18px 0 0; min-width: 0; display: grid; gap: 14px; }
#visu-tools .vt-ppk-look > legend { float: left; width: 100%; padding: 0; margin-bottom: 4px; }
#visu-tools .vt-ppk-look > legend + * { clear: both; }
#visu-tools .vt-ppk-row { display: flex; flex-wrap: wrap; gap: 14px 24px; align-items: end; }
#visu-tools .vt-ppk-pager { display: flex; gap: 12px; align-items: center; justify-content: center; margin-top: 10px; font-size: 14.5px; }
#visu-tools .vt-ppk-pager .vt-btn { min-width: 44px; padding-inline: 12px; font-size: 20px; line-height: 1; }
#visu-tools .vt-ppk-meta { margin-top: 12px; }
#visu-tools #vt-ppk-preview { margin-inline: auto; }
#visu-tools .vt-seg-items:has(input[name="vt-gpp-kind"]), #visu-tools .vt-seg-items:has(input[name="vt-ht-format"]) { flex-wrap: wrap; }
@media (max-width: 600px) {
  #visu-tools .vt-ppk-grid { grid-template-columns: minmax(0, 1fr); }
}
/* The shared field style of tools.css does not cover type=number: same look, written here. */
#visu-tools input.vt-ppk-num { width: 100% !important; min-height: 46px; padding: 10px 14px !important; border-radius: 12px !important; border: 1px solid var(--vt-line-2) !important;
  background: #fff !important; color: var(--vt-ink) !important; font: inherit !important; font-size: 16px !important; line-height: 1.4 !important; box-shadow: none !important; margin: 0 !important; }
#visu-tools .vt-ppk-row .vt-check { min-height: 0; align-self: start; }
#visu-tools .vt-ppk-stack { display: grid; gap: 4px; margin-top: 4px; }