/* Bio generator (tools.d/bio-generator.cjs). Every rule under #visu-tools.vt-bio-generator. */
#visu-tools.vt-bio-generator .vt-in { display: grid; gap: 14px; }
#visu-tools.vt-bio-generator .vt-out { position: static; }
#visu-tools.vt-bio-generator .vt-bio-top { display: flex; justify-content: flex-end; }
#visu-tools.vt-bio-generator .vt-bio-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; align-items: start; }
#visu-tools.vt-bio-generator .vt-bio-ideas, #visu-tools.vt-bio-generator .vt-bio-presets { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 0; }
#visu-tools.vt-bio-generator .vt-bio-chip { min-height: 34px; padding: 5px 12px; border-radius: 999px; border: 1px solid var(--vt-line-2); background: #fff; color: var(--vt-ink); font: 500 13.5px/1.3 inherit; cursor: pointer; }
#visu-tools.vt-bio-generator .vt-bio-chip:hover { border-color: var(--vt-ink); }
#visu-tools.vt-bio-generator .vt-bio-chip:focus-visible { outline: 2px solid var(--vt-accent-text); outline-offset: 2px; }
#visu-tools.vt-bio-generator .vt-bio-seg { margin-top: 4px !important; }
/* The shared field style of tools.css does not cover type=number: same look, written here. */
#visu-tools.vt-bio-generator #vt-bio-limit { width: 100%; min-height: 46px; padding: 10px 14px; border-radius: 12px; border: 1px solid var(--vt-line-2); background: #fff; color: var(--vt-ink); font: inherit; font-size: 16px; line-height: 1.4; box-shadow: none; margin: 0; }
#visu-tools.vt-bio-generator .vt-bio-privacy { padding-top: 12px; border-top: 1px solid var(--vt-line); }
#visu-tools.vt-bio-generator .vt-bio-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 12px; }
#visu-tools.vt-bio-generator .vt-bio-list:empty { display: none; }
#visu-tools.vt-bio-generator .vt-bio-card { margin: 0; padding: 14px; border: 1px solid var(--vt-line); border-radius: 14px; background: var(--vt-bg); display: grid; gap: 8px; }
#visu-tools.vt-bio-generator .vt-bio-head { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; }
#visu-tools.vt-bio-generator .vt-bio-name { font-size: 12.5px; font-weight: 650; color: var(--vt-muted); letter-spacing: .03em; text-transform: uppercase; }
#visu-tools.vt-bio-generator .vt-bio-count { font-size: 12.5px; color: var(--vt-muted); font-variant-numeric: tabular-nums; white-space: nowrap; }
#visu-tools.vt-bio-generator .vt-bio-text { margin: 0; white-space: pre-wrap; overflow-wrap: anywhere; color: var(--vt-ink); font-size: 15.5px; line-height: 1.5; }
#visu-tools.vt-bio-generator .vt-bio-dropped { margin: 0; font-size: 12.5px; color: var(--vt-warn); }
#visu-tools.vt-bio-generator .vt-bio-copy { justify-self: start; min-height: 38px; padding: 7px 16px; font-size: 14.5px; }
#visu-tools.vt-bio-generator .vt-bio-noai { padding: 12px 14px; border-radius: 12px; border: 1px solid var(--vt-line); background: #fff; }
#visu-tools.vt-bio-generator .vt-visu-box .vt-btn { justify-self: start; }
#visu-tools.vt-bio-generator .vt-bio-tm { font-size: 12.5px; }
@media (max-width: 860px) {
  #visu-tools.vt-bio-generator .vt-bio-grid { grid-template-columns: 1fr; }
  #visu-tools.vt-bio-generator .vt-seg-items { flex-wrap: wrap; overflow-x: visible; margin: 0; padding: 0; }
  #visu-tools.vt-bio-generator .vt-actions .vt-btn, #visu-tools.vt-bio-generator .vt-bio-copy { flex: 0 1 auto; }
}