/* Artifact kit (client/artifact-kit.js, views/_artifact.cjs). Owner: the artifact kit. The sections and items editor,
 * the page pager under the print kit's preview stage. Borders: 1px hairline. */
#visu-tools .vt-ak-editor { display: grid; gap: 14px; margin-top: 8px; }
#visu-tools .vt-ak-sec { display: grid; gap: 10px; padding: 14px; border: 1px solid var(--vt-line); border-radius: 14px; background: #fbfcfd; min-width: 0; }
#visu-tools .vt-ak-sec-head, #visu-tools .vt-ak-item-head { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
#visu-tools .vt-ak-sec-n { margin: 0; font-size: 13px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; color: var(--vt-muted); }
#visu-tools .vt-ak-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px 12px; min-width: 0; }
#visu-tools .vt-ak-fields .vt-wide { grid-column: 1 / -1; }
#visu-tools .vt-ak-items { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
#visu-tools .vt-ak-item { padding: 10px 12px 12px; border: 1px solid var(--vt-line); border-radius: 12px; background: #fff; display: grid; gap: 8px; min-width: 0; }
#visu-tools .vt-ak-n { display: inline-grid; place-items: center; min-width: 26px; height: 26px; padding: 0 6px; border-radius: 13px; border: 1px solid var(--vt-line-2); font-size: 13px; font-weight: 700; color: var(--vt-muted); }
#visu-tools .vt-ak-tools { display: inline-flex; gap: 4px; }
#visu-tools .vt-ak-tool { width: 34px; height: 34px; padding: 0; border-radius: 10px; border: 1px solid var(--vt-line-2); background: #fff; color: var(--vt-ink); font-size: 16px; line-height: 1; cursor: pointer; }
#visu-tools .vt-ak-tool:disabled { opacity: .35; cursor: default; }
#visu-tools .vt-ak-tool:not(:disabled):hover { border-color: var(--vt-ink); }
#visu-tools .vt-ak-add { justify-self: start; }
#visu-tools .vt-ak-add[aria-disabled="true"] { opacity: .5; }
#visu-tools .vt-ak-count { margin: 0; }
#visu-tools .vt-ak-tags { border: 0; padding: 0; margin: 0; min-width: 0; }
#visu-tools .vt-ak-tag-list { display: flex; flex-wrap: wrap; gap: 6px 14px; }
#visu-tools .vt-ak-photo-row { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; min-width: 0; }
#visu-tools .vt-ak-photo-row input[type=file] { font-size: 14px; max-width: 100%; min-width: 0; }
#visu-tools .vt-ak-thumb { width: 56px; height: 56px; object-fit: cover; border-radius: 8px; border: 1px solid var(--vt-line); background: #f3f5f8; }
#visu-tools .vt-ak-qr { display: grid; gap: 10px; }
#visu-tools .vt-ak-pager { display: flex; align-items: center; justify-content: center; gap: 12px; margin-top: 10px; }
#visu-tools .vt-ak-pg { min-width: 46px; padding-left: 0; padding-right: 0; }
#visu-tools .vt-ak-pageno { font-size: 14px; font-weight: 600; min-width: 9ch; text-align: center; }
#visu-tools .vt-ak-meta { margin: 10px 0 0; padding: 0; }
#visu-tools .vt-ak-warn, #visu-tools #vt-ak-error { margin: 10px 0 0; }
@media (max-width: 600px) {
  #visu-tools .vt-ak-fields { grid-template-columns: minmax(0, 1fr); }
  #visu-tools .vt-ak-sec { padding: 10px; }
  #visu-tools .vt-ak-item { padding: 8px 10px 10px; }
}