.mention-input-wrap{position:relative}.mention-popover{z-index:20;background:#fff;border:1px solid #e5e5e5;border-radius:10px;min-width:200px;max-width:280px;max-height:220px;padding:4px;position:absolute;top:calc(100% + 4px);left:0;overflow-y:auto;box-shadow:0 8px 24px #00000026}.mention-option{text-align:left;cursor:pointer;width:100%;font:inherit;background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;padding:6px 8px;display:flex}.mention-option+.mention-option{margin-top:1px}.mention-claude-avatar{flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.mention-claude-avatar img{object-fit:contain;width:100%;height:100%;display:block}.mention-option--active{background:#f2f6ff}@media (hover:hover){.mention-option:hover{background:#f2f6ff}}.mention-option-name{color:#333;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.mention-token{color:#2563eb;font-weight:600}html[data-theme=dark] .mention-popover{background:#1a1f2e;border-color:#2a3346;box-shadow:0 8px 24px #0006}html[data-theme=dark] .mention-option--active{background:#1e2a42}@media (hover:hover){html[data-theme=dark] .mention-option:hover{background:#1e2a42}}html[data-theme=dark] .mention-option-name{color:#eee}html[data-theme=dark] .mention-token{color:#60a5fa}