Tag Input

Input that shows tags as pills.

.tag-wrap { display:flex; flex-wrap:wrap; gap:4px; padding:6px; background:#1c1c1f; border:1px solid #333; border-radius:8px; min-height:40px; align-items:center; }
.tag { display:inline-flex; align-items:center; gap:4px; background:#8b5cf620; color:#8b5cf6; padding:2px 8px; border-radius:4px; font-size:13px; }
.tag-input { border:none; background:transparent; color:white; outline:none; flex:1; min-width:60px; font-size:14px; }