/* Container: intended to sit in an 80vh bottom sheet */
.vbia { box-sizing: border-box; padding: 16px; display: grid; gap: 16px; max-height: 100vh; overflow: auto; }
.vbia__head { display:flex; flex-direction:column; gap:6px; }
.vbia__title { margin:0; font-size: 1.25rem; }
.vbia__subtitle { margin:0; color:#666; }
.vbia__section { display:grid; gap:10px; }
.vbia__row { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.vbia__row-actions { display:flex; gap:8px; }
.vbia__section-title { margin-bottom:10px; font-size: 0.95rem; color:#333; }
.vbia__chips { display:flex; flex-wrap:wrap; gap:8px; }
.vbia__chip { display:inline-flex; align-items:center; gap:8px; padding:8px 12px; border-radius:20px; background:#f0f2f5; cursor:pointer; user-select:none; border:1px solid transparent; transition: transform .08s ease; }
.vbia__chip:hover { transform: translateY(-1px); }
.vbia__chip-emoji { font-size: 1rem; }
.vbia__chip-label { font-size: .9rem; }
.vbia__chip.selected { background:#e7f3ff; border-color:#b6dcff; }
.vbia__actions { display:flex; align-items:center; gap:10px; }
.vbia__btn { padding:10px 14px; border-radius:12px; border:1px solid #111; background:#111; color:#fff; cursor:pointer; }
.vbia__btn--ghost { background:transparent; color:#111; border-color:#ddd; }
.vbia__hint { color:#666; font-size:.85rem; }
.vbia__grid-2 { display:grid; grid-template-columns: 1fr; gap:16px; }
@media (min-width: 780px){ .vbia__grid-2{ grid-template-columns: 1fr 1fr; } }

/* Words & Quotes */
.vbia__pillwrap { display:flex; flex-wrap:wrap; gap:8px; }
.vbia__pill { padding:8px 12px; border-radius:16px; background:#f7f7f7; border:1px solid #eee; font-size:.9rem; display:inline-flex; align-items:center; gap:8px; }
.vbia__pill button { border:none; background:#111; color:#fff; border-radius:10px; padding:4px 8px; cursor:pointer; }

.vbia__quotes { list-style:none; padding:0; margin:0; display:grid; gap:8px; }
.vbia__quote { border:1px solid #eee; border-radius:12px; padding:10px; background:#fafafa; display:flex; justify-content:space-between; align-items:flex-start; gap:8px; }
.vbia__quote-text { font-size:.95rem; }
.vbia__quote button { border:none; background:#111; color:#fff; border-radius:10px; padding:6px 10px; cursor:pointer; white-space:nowrap; }

/* Images */
.vbia__imggrid { display:grid; grid-template-columns: repeat(3, 1fr); gap:8px; }
@media (min-width: 980px){ .vbia__imggrid { grid-template-columns: repeat(5, 1fr); } }
.vbia__img { position:relative; overflow:hidden; border-radius:12px; background:#eee; aspect-ratio: 1/1; }
.vbia__img img { width:100%; height:100%; object-fit:cover; display:block; }
.vbia__img button { position:absolute; bottom:8px; right:8px; border:none; background:#111; color:#fff; border-radius:10px; padding:6px 10px; cursor:pointer; }
.vbia__center { display:flex; justify-content:center; }