.tag-chip-picker{gap:var(--space-2);flex-direction:column;display:flex}.tag-chip-picker__chips{gap:var(--space-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.tag-chip{padding:2px var(--space-2);background:var(--bg-light);color:var(--text-primary);border-radius:var(--radius-3xl);border:1px solid var(--border-subtle);align-items:center;gap:4px;font-size:.78rem;font-weight:500;display:inline-flex}.tag-chip__name{white-space:nowrap}.tag-chip__remove{cursor:pointer;width:16px;height:16px;color:inherit;opacity:.7;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:opacity .15s,background .15s;display:inline-flex}.tag-chip__remove:hover{opacity:1;background:#00000026}.tag-chip__remove:focus-visible{outline:2px solid var(--color-primary);outline-offset:1px;opacity:1}.tag-chip-picker__input-wrap{position:relative}.tag-chip-picker__input{width:100%;padding:var(--space-2) var(--space-3);font-size:1rem;font-family:var(--font-sans);background:var(--bg-light);color:var(--text-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);transition:border-color .15s}.tag-chip-picker__input::placeholder{color:var(--text-muted)}.tag-chip-picker__input:focus{border-color:var(--color-primary);outline:none}.tag-chip-picker__suggestions{z-index:10;padding:var(--space-1);background:var(--bg-medium);border:1px solid var(--border-default);border-radius:var(--radius-md);box-shadow:-3px -3px 5px var(--shadow-light),5px 5px 8px var(--shadow-dark);max-height:240px;margin:0;list-style:none;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto}.tag-chip-picker__create,.tag-chip-picker__empty,.tag-chip-picker__suggestion{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);cursor:pointer;border-radius:var(--radius-md);color:var(--text-primary);font-size:.88rem;display:flex}.tag-chip-picker__create--active,.tag-chip-picker__create:hover,.tag-chip-picker__suggestion--active,.tag-chip-picker__suggestion:hover{background:var(--bg-light)}.tag-chip-picker__create{color:var(--color-primary-text);font-weight:500}.tag-chip-picker__empty{color:var(--text-muted);cursor:default;font-style:italic}.tag-chip-picker__empty:hover{background:0 0}.tag-chip-picker__suggestion-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}@media (prefers-reduced-motion:reduce){.tag-chip-picker__input,.tag-chip__remove{transition:none}}