.comment-text-editor{flex:1;min-width:100px;width:100%;min-height:44px;max-height:112px;overflow-y:auto;padding:10px 0 8px;color:var(--ludio-text);font-size:16px;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere;caret-color:var(--ludio-brand-strong)}.comment-text-editor[data-empty=true]:before{content:attr(data-placeholder);color:var(--ludio-muted);pointer-events:none}.comment-text-editor[aria-disabled=true]{opacity:.45}.comment-mention-capsule{display:inline;padding:2px 5px;border-radius:6px;color:var(--ludio-accent-text);background:color-mix(in srgb,var(--ludio-brand) 18%,transparent);box-decoration-break:clone;-webkit-box-decoration-break:clone;white-space:pre-wrap}.comment-mention-menu{position:fixed;z-index:1250;overflow-y:auto;overscroll-behavior:none;border:1px solid var(--ludio-line-strong);border-radius:14px;padding:5px;color:var(--ludio-text);background:var(--ludio-surface-raised);box-shadow:var(--ludio-shadow-soft);transform-origin:var(--mention-origin) bottom;animation:comment-mention-open .2s cubic-bezier(.2,.85,.3,1.14) both}.comment-mention-result{display:grid;grid-template-rows:1fr;opacity:1;transition:grid-template-rows .18s ease,opacity .14s ease}.comment-mention-result[data-visible=false]{grid-template-rows:0fr;opacity:0}.comment-mention-result-clip{min-height:0;overflow:hidden}.comment-mention-menu .comment-candidate{display:flex;align-items:center;gap:10px;width:100%;min-height:60px;padding:8px;border:0;border-radius:9px;color:inherit;background:transparent;text-align:start;cursor:pointer;font:inherit}.comment-mention-menu .comment-candidate[aria-selected=true]{background:var(--ludio-surface-soft)}.comment-candidate .character-avatar{flex:none;width:36px;height:36px;border-radius:50%;overflow:hidden}.comment-candidate .character-avatar img{display:block;width:100%;height:100%;object-fit:cover}.comment-candidate-text{display:flex;flex-direction:column;gap:2px;min-width:0}.comment-candidate-text bdi{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600}.comment-candidate-text small{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--ludio-muted);font-size:12px;line-height:1.5}.comment-candidate-text mark{color:var(--ludio-accent-text);background:transparent}.comment-mention-state{padding:12px 8px;color:var(--ludio-muted);font-size:13px;line-height:1.5}.comment-mention-state button{min-height:44px;padding:6px 12px;color:inherit;border:0;border-radius:8px;background:var(--ludio-surface-soft);font:inherit}:where([data-keyboard]) .comment-text-editor:focus-visible{outline:0;box-shadow:none}@keyframes comment-mention-open{0%{opacity:0;transform:translateY(7px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:359px){.comment-input-row .comment-text-editor{flex-basis:100%}}@media(prefers-reduced-motion:reduce){.comment-mention-menu{animation:none}.comment-mention-result{transition:none}}