.comment-editor { margin: .4rem 0; font-size: .82rem; }
.comment-editor-tools { display: flex; flex-wrap: wrap; align-items: center; gap: .2rem; }
.comment-editor-tools button, .comment-editor-smileys summary { min-width: 1.7rem; min-height: 1.7rem; padding: .1rem .4rem; border: 1px solid #bdc7cc; border-radius: 2px; background: #f4f6f7; color: #263c49; font: inherit; line-height: 1.4; cursor: pointer; }
.comment-editor-tools button:hover, .comment-editor-smileys summary:hover { background: #e6edf1; }
.comment-editor-tools button:focus-visible, .comment-editor-smileys summary:focus-visible { outline: 2px solid #17679d; outline-offset: 2px; }
.comment-editor-tools button:disabled { opacity: .65; cursor: wait; }
.comment-editor-smileys { position: relative; }
.comment-editor-smileys summary { list-style: none; }
.comment-editor-smileys summary::-webkit-details-marker { display: none; }
.comment-editor-smiley-list { position: absolute; z-index: 5; top: 100%; left: 0; display: grid; grid-template-columns: repeat(6, 1.9rem); gap: .2rem; padding: .4rem; border: 1px solid #bdc7cc; background: white; box-shadow: 0 2px 5px #0002; }
.comment-editor-smiley-list button { padding: .2rem; }
.comment-editor-smiley-list img, .comment-smiley { display: inline; width: 18px; height: 18px; max-width: none; vertical-align: text-bottom; margin: 0 .08rem; }
.comment-editor-help, .comment-editor-status { margin: .25rem 0; color: #52626b; }
.comment-editor-status:empty { display: none; }
.comment-editor-preview { margin: .4rem 0; padding: .65rem; border: 1px dashed #aabac4; background: #fafcfd; white-space: pre-wrap; overflow-wrap: anywhere; color: #263c49; }
.comment-editor-preview[hidden] { display: none; }
.comment-body pre, .community-text pre, .comment-editor-preview pre { white-space: pre-wrap; overflow-wrap: anywhere; padding: .5rem; border: 1px solid #d5dde2; background: #f6f7f8; font-size: .9em; }
.comment-editor-preview blockquote { margin: .4rem 0; padding: .4rem .7rem; border-left: 3px solid #b8c7d1; background: #f0f4f6; }