.autocomplete{width:100%;max-width:560px;margin:0 auto;position:relative}.autocomplete--wide{max-width:none;margin:0}.autocomplete__input-wrap{align-items:center;display:flex;position:relative}.autocomplete__icon{color:var(--text-muted);pointer-events:none;position:absolute;left:16px}.autocomplete__input{background:var(--bg-card);border:1px solid var(--border-light);width:100%;color:var(--text);border-radius:14px;outline:none;padding:16px 16px 16px 48px;font-size:16px;transition:border-color .2s,box-shadow .2s}.autocomplete__input::placeholder{color:var(--text-muted)}.autocomplete__input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow), 0 0 24px #00d68f1a}.autocomplete__spinner{border:2px solid var(--border-light);border-top-color:var(--accent);border-radius:50%;width:18px;height:18px;animation:.6s linear infinite spin;position:absolute;right:16px}@keyframes spin{to{transform:rotate(360deg)}}.autocomplete__dropdown{background:var(--bg-elevated);border:1px solid var(--border-light);z-index:100;border-radius:14px;max-height:360px;list-style:none;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto;box-shadow:0 16px 48px #00000080,0 0 32px #00d68f0d}.autocomplete__item{cursor:pointer;align-items:center;gap:12px;padding:10px 16px;transition:background .1s;display:flex}.autocomplete__item:first-child{border-radius:14px 14px 0 0}.autocomplete__item:last-child{border-radius:0 0 14px 14px}.autocomplete__item--active{background:var(--accent-glow)}.autocomplete__item-img{object-fit:cover;border-radius:4px;flex-shrink:0;width:40px;height:56px}.autocomplete__item-info{flex-direction:column;align-items:flex-start;min-width:0;display:flex}.autocomplete__item-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:14px;font-weight:500;overflow:hidden}.autocomplete__item-set{color:var(--text-muted);font-size:12px}