.klyp-MentionPicker{z-index:var(--z-overlay);border:var(--bw-default,1px) solid var(--color-border-subtle);border-radius:var(--r-card,var(--radius-lg));background:color-mix(in oklab, var(--color-bg-surface) 92%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);width:360px;max-width:calc(100vw - 32px);color:var(--color-fg-primary);box-shadow:var(--shadow-panel,0 16px 40px -16px var(--alpha-black-60));position:absolute;left:0;overflow:hidden}.klyp-MentionPicker[data-side=top]{margin-bottom:var(--space-4);bottom:100%}.klyp-MentionPicker[data-side=bottom]{margin-top:var(--space-4);top:100%}.klyp-MentionPicker__search{border-bottom:var(--bw-default,1px) solid var(--color-border-subtle);padding:var(--space-4) var(--space-6)}.klyp-MentionPicker__searchRow{align-items:center;gap:var(--space-4);font-family:var(--font-sans);font-size:var(--font-size-12);color:var(--color-fg-subtle);display:flex}.klyp-MentionPicker__searchAt{color:var(--color-fg-muted)}.klyp-MentionPicker__searchInput{width:100%;font-family:var(--font-sans);font-size:var(--font-size-13,13px);color:var(--color-fg-primary);background:0 0;border:0;outline:none;padding:0}.klyp-MentionPicker__searchInput::placeholder{color:var(--color-fg-subtle)}.klyp-MentionPicker__list{max-height:18rem;padding:var(--space-2);overflow-y:auto}.klyp-MentionPicker__empty{padding:var(--space-12) var(--space-6);text-align:center;font-family:var(--font-sans);font-size:var(--font-size-12);color:var(--color-fg-subtle)}.klyp-MentionPicker__group{flex-direction:column;display:flex}.klyp-MentionPicker__groupHeader{align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-4) var(--space-2) var(--space-4);font-family:var(--font-sans);font-size:var(--font-size-12);font-weight:var(--font-weight-medium);color:var(--color-fg-subtle);display:flex}.klyp-MentionPicker__item{align-items:center;gap:var(--space-6);width:100%;padding:var(--space-4);border-radius:var(--radius-sm,6px);color:var(--color-fg-muted);text-align:left;font-family:var(--font-sans);cursor:pointer;transition:background-color var(--duration-fast) ease, color var(--duration-fast) ease;background:0 0;border:0;display:flex}.klyp-MentionPicker__item:hover{background:color-mix(in oklab, var(--color-bg-surface-solid,var(--color-bg-surface)) 60%, transparent);color:var(--color-fg-primary)}.klyp-MentionPicker__item[data-active=true]{background:var(--color-bg-surface-solid,var(--color-bg-surface));color:var(--color-fg-primary)}.klyp-MentionPicker__dot{width:var(--space-6);height:var(--space-6);border-radius:var(--radius-full);background:var(--color-fg-subtle);flex-shrink:0}.klyp-MentionPicker__item[data-kind=character] .klyp-MentionPicker__dot{background:var(--color-mention-character)}.klyp-MentionPicker__item[data-kind=location] .klyp-MentionPicker__dot{background:var(--color-mention-location)}.klyp-MentionPicker__item[data-kind=outfit] .klyp-MentionPicker__dot{background:var(--color-mention-outfit)}.klyp-MentionPicker__item[data-kind=vibe] .klyp-MentionPicker__dot{background:var(--color-mention-vibe)}.klyp-MentionPicker__item[data-kind=scene] .klyp-MentionPicker__dot{background:var(--color-mention-scene)}.klyp-MentionPicker__thumb{border-radius:var(--radius-sm,6px);background:color-mix(in oklab, var(--color-bg-surface-solid,var(--color-bg-surface)) 80%, transparent);flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex;overflow:hidden}.klyp-MentionPicker__thumb>img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.klyp-MentionPicker__text{gap:var(--space-2);flex-direction:column;flex:1;min-width:0;display:flex}.klyp-MentionPicker__name{text-overflow:ellipsis;white-space:nowrap;font-size:var(--font-size-13,13px);font-weight:var(--font-weight-medium);color:var(--color-fg-primary);overflow:hidden}.klyp-MentionPicker__hint{text-overflow:ellipsis;white-space:nowrap;font-size:var(--font-size-12);color:var(--color-fg-subtle);overflow:hidden}.klyp-MentionPicker__usage{font-family:var(--font-sans);font-size:var(--font-size-12);font-variant-numeric:tabular-nums;color:var(--color-fg-subtle);flex-shrink:0}.klyp-MentionPicker__footer{justify-content:space-between;align-items:center;gap:var(--space-4);border-top:var(--bw-default,1px) solid var(--color-border-subtle);padding:var(--space-4) var(--space-6);display:flex}.klyp-MentionPicker__browseAll{align-items:center;gap:var(--space-6);font-family:var(--font-sans);font-size:var(--font-size-12);color:var(--color-fg-muted);cursor:pointer;transition:color var(--duration-fast) ease;background:0 0;border:0;padding:0;display:inline-flex}.klyp-MentionPicker__browseAll:hover{color:var(--color-fg-primary)}.klyp-MentionPicker__browseAll:disabled{opacity:.5;cursor:not-allowed}.klyp-MentionPicker__browseAll:disabled:hover{color:var(--color-fg-muted)}.klyp-MentionPicker__browseAll:focus-visible{box-shadow:0 0 0 1px var(--color-border-default,var(--color-border-subtle));outline:none}.klyp-MentionPicker__hints{align-items:center;gap:var(--space-6);font-family:var(--font-sans);font-size:var(--font-size-12);color:var(--color-fg-muted);display:flex}.klyp-MentionPicker__hint-item{align-items:center;gap:var(--space-6);display:inline-flex}.klyp-MentionPicker__keycap{height:var(--icon-size-md);min-width:var(--icon-size-md);border:var(--bw-default,1px) solid var(--color-border-subtle);border-radius:var(--radius-sm,6px);background:color-mix(in oklab, var(--color-bg-surface-solid,var(--color-bg-surface)) 50%, transparent);padding:0 var(--space-2);font-family:var(--font-sans);font-size:var(--font-size-12);font-weight:var(--font-weight-medium);color:var(--color-fg-muted);justify-content:center;align-items:center;display:inline-flex}