.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;flex-direction:row;padding:6px 12px;display:flex}.mention-dropdown__item--active,.mention-dropdown__item:hover{background:var(--bg-action-surface--hover)}.mention-dropdown__hint{font-size:var(--font-size-xs);color:var(--text-subtle);flex-shrink:0;margin-left:auto}
.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);background-clip:padding-box}@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);max-height:var(--comment-editor-max-height,none);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-composer-identity{margin-bottom:var(--spacing-sm)}.comment-composer-identity__row{justify-content:space-between;align-items:center;gap:var(--spacing-sm);align-items:flex-end;display:flex}.comment-composer-identity__user{flex:auto;min-width:0}.comment-composer-identity__caption{color:var(--text-subtle);font-size:var(--font-size-xs)}.comment-composer-identity__switch{flex-shrink:0}
.comment-tools-row{align-items:center;gap:var(--spacing-sm);flex-direction:row;min-width:0;display:flex}.comment-tools-row .image-attach-control{flex:auto;min-width:0}.comment-tools-row .comment-spoiler-toggle{flex-shrink:0;margin-left:auto}.composer-footer-tools{align-items:center;gap:var(--spacing-md);flex-direction:row;display:flex}.comment-composer-footer{gap:var(--spacing-md);flex-direction:column;width:100%;min-width:0;display:flex}.comment-composer-footer--inline{justify-content:space-between;align-items:flex-start;gap:var(--spacing-sm);flex-direction:row}.comment-composer-footer--inline .comment-tools-row{flex:auto;min-width:0}.comment-composer-footer--inline .comment-composer-footer__actions{flex:none;justify-content:flex-end;margin-left:auto}.comment-composer-footer--inline:not(:has(.comment-tools-row)){justify-content:flex-end}.comment-composer-footer--inline:not(:has(.comment-tools-row)) .comment-composer-footer__actions{margin-left:0}.comment-composer-footer__actions{justify-content:flex-end;gap:var(--spacing-sm);flex-wrap:wrap;display:flex}@media (max-width:767px){.comment-composer-footer__actions{width:100%}.comment-composer-footer__actions>*{flex:1 1 0;min-width:0}.comment-composer-footer--inline{flex-direction:column;align-items:stretch}.comment-composer-footer--inline .comment-composer-footer__actions{width:100%;margin-left:0}.comment-composer-footer--inline:not(:has(.comment-tools-row)){justify-content:flex-start}}