/* Rich editing is progressive enhancement: normal textarea is shown if JS fails. */
.comment-rich-enabled .comment-rich-editor__source,
.comment-rich-enabled .comment-emoticon-preview {
    display: none !important;
}
.comment-rich-editor {
    min-height: 110px;
    width: 100%;
    padding: 12px 14px;
    border: 1px solid #cbd5e1;
    border-radius: 8px;
    background: #fff;
    color: #111827;
    font-size: 14px;
    line-height: 1.75;
    overflow-wrap: anywhere;
    white-space: pre-wrap;
    outline: none;
    cursor: text;
}
.comment-rich-editor:focus { border-color: #6366f1; box-shadow: 0 0 0 2px rgb(99 102 241 / 15%); }
.comment-rich-editor:empty::before { content: attr(data-placeholder); color: #94a3b8; pointer-events: none; }
.comment-rich-editor--invalid { border-color: #dc2626; }
.comment-rich-editor__emoticon { display: inline-block; width: 44px; height: 44px; max-width: 100%; object-fit: contain; vertical-align: middle; margin: 0 2px; }
@media (max-width: 640px) { .comment-rich-editor { min-height: 94px; padding: 10px 12px; } .comment-rich-editor__emoticon { width: 40px; height: 40px; } }