.mention-dropdown{z-index:200;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);min-width:220px;max-width:320px;max-height:200px;box-shadow:var(--shadow-md);margin:0;padding:4px 0;list-style:none;position:absolute;top:0;left:0;overflow-y:auto}.mention-dropdown__item{align-items:center;gap:var(--spacing-sm);cursor:pointer;-webkit-user-select:none;user-select:none;padding:6px 12px;display:flex}.mention-dropdown__item--active,.mention-dropdown__item:hover{background:var(--bg-action-surface--hover)}
.comment-editor{min-width:0;max-width:100%}.comment-editor .ProseMirror{border:1px solid var(--border-default);border-radius:var(--radius-md);width:100%;padding:10px var(--spacing-md);font-size:var(--font-size-sm);line-height:var(--line-height-normal);color:var(--text-emphasis);background:var(--bg-surface);transition:border-color var(--transition-base)}@media (max-width:767px){.comment-editor .ProseMirror{font-size:16px}}.comment-editor .ProseMirror::placeholder{color:var(--text-subtle)}.comment-editor .ProseMirror:hover:not(:focus):not(:disabled){border-color:var(--border-strong)}.comment-editor .ProseMirror:focus{border-color:var(--text-emphasis);outline:none}.comment-editor .ProseMirror:focus-visible{outline:1px solid var(--color-brand-600);outline-offset:2px}.comment-editor .ProseMirror:disabled{color:var(--text-subtle);background:var(--bg-2);cursor:not-allowed}.comment-editor .ProseMirror{min-height:var(--comment-editor-min-height,80px);box-sizing:border-box;resize:none;cursor:text;overflow-wrap:anywhere;word-break:break-word;outline:none;max-width:100%;overflow-y:auto}.comment-editor .ProseMirror p{min-width:0;overflow-wrap:inherit;margin:0}.comment-editor .ProseMirror p+p{margin-top:.25em}.comment-editor .ProseMirror p.is-editor-empty:first-child:before{content:attr(data-placeholder);color:var(--text-subtle);pointer-events:none;float:left;height:0}.comment-editor__mention{color:var(--text-brand);font-weight:var(--font-weight-medium);margin-right:var(--spacing-xs);cursor:default;-webkit-user-select:all;user-select:all;white-space:nowrap;border-radius:3px;padding:0 2px;display:inline-flex}
.comment-compose{gap:var(--spacing-sm);flex-direction:column;display:flex}.comment-compose__replying-to{font-size:var(--font-size-sm);color:var(--text-subtle);margin:0}.comment-compose__textarea-wrap{min-width:0;max-width:100%;position:relative}.comment-compose__footer{gap:var(--spacing-sm);flex-direction:column;display:flex}.comment-compose__footer--inline{justify-content:space-between;align-items:flex-start;gap:var(--spacing-sm);flex-direction:row}.comment-compose__footer--inline .comment-gif-control{flex:auto;min-width:0}.comment-compose__footer--inline .comment-compose__actions{flex:none;justify-content:flex-end;margin-left:auto}.comment-compose__footer--inline:not(:has(.comment-gif-control)){justify-content:flex-end}.comment-compose__footer--inline:not(:has(.comment-gif-control)) .comment-compose__actions{margin-left:0}.comment-compose__actions{justify-content:flex-start;gap:var(--spacing-sm);display:flex}