/* Link in bio page preview (views/link-in-bio-preview.cjs). Borders are 1px hairlines. */
#visu-tools.vt-link-in-bio-preview .vt-in > * + * { margin-top: 16px; }
#visu-tools.vt-link-in-bio-preview .vt-lb-top { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
#visu-tools.vt-link-in-bio-preview .vt-lb-links { margin-top: 20px !important; padding-top: 18px !important; border-top: 1px solid var(--vt-line) !important; }
#visu-tools.vt-link-in-bio-preview .vt-lb-links > legend { float: left; width: 100%; margin-bottom: 4px; font-size: 15px; font-weight: 680; }
#visu-tools.vt-link-in-bio-preview .vt-lb-links > legend + * { clear: both; }
#visu-tools.vt-link-in-bio-preview .vt-lb-row { display: grid; grid-template-columns: 22px minmax(0, 1fr) minmax(0, 1fr); gap: 10px; align-items: center; margin-top: 10px; }
#visu-tools.vt-link-in-bio-preview .vt-lb-row[hidden] { display: none; }
#visu-tools.vt-link-in-bio-preview .vt-lb-head { margin-top: 14px; }
#visu-tools.vt-link-in-bio-preview .vt-lb-head .vt-label { font-size: 13px; color: var(--vt-muted); }
#visu-tools.vt-link-in-bio-preview .vt-lb-n { font-size: 13px; font-weight: 650; color: var(--vt-muted); text-align: center; font-variant-numeric: tabular-nums; }
#visu-tools.vt-link-in-bio-preview #vt-lb-add { margin-top: 12px; }
#visu-tools.vt-link-in-bio-preview .vt-lb-opts { display: grid; gap: 16px; margin-top: 16px; }
#visu-tools.vt-link-in-bio-preview .vt-lb-opts .vt-seg-item span { min-height: 36px; padding: 6px 14px; font-size: 14px; }
#visu-tools.vt-link-in-bio-preview .vt-lb-accent .vt-color-row { align-items: center; gap: 14px; }
#visu-tools.vt-link-in-bio-preview .vt-lb-photo-on { display: flex; flex-wrap: wrap; gap: 6px 14px; align-items: center; }
#visu-tools.vt-link-in-bio-preview .vt-lb-stage { display: grid; place-items: center; padding: 14px; border-radius: 16px; background: var(--vt-bg); border: 1px solid var(--vt-line); }
#visu-tools.vt-link-in-bio-preview .vt-lb-stage canvas { display: block; width: 100%; max-width: 300px; height: auto; border-radius: 14px; box-shadow: 0 8px 28px rgba(10, 19, 36, .14); }
#visu-tools.vt-link-in-bio-preview .vt-lb-pub { display: grid; gap: 10px; justify-items: start; }
@media (max-width: 600px) {
  #visu-tools.vt-link-in-bio-preview .vt-lb-row { grid-template-columns: 18px minmax(0, 1fr) minmax(0, 1fr); gap: 8px; }
  #visu-tools.vt-link-in-bio-preview .vt-lb-stage canvas { max-width: 250px; }
}
#visu-tools.vt-link-in-bio-preview .vt-lb-paths .vt-path-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
@media (max-width: 860px) { #visu-tools.vt-link-in-bio-preview .vt-lb-paths .vt-path-list { grid-template-columns: minmax(0, 1fr); } }
#visu-tools.vt-link-in-bio-preview .vt-seg { min-width: 0; max-width: 100%; }
/* Few options: on a phone they wrap, so every choice is in sight (the shared rule scrolls them sideways). */
@media (max-width: 600px) { #visu-tools.vt-link-in-bio-preview .vt-seg-items { flex-wrap: wrap; overflow-x: visible; margin: 0; padding: 0; } }