/* Image resize handles (injected by JS inside contenteditable, outside CSS isolation scope) */
.he-sel { outline: 2px solid #4f46e5 !important; outline-offset: 2px; }
.he-wrap { display: inline-block; position: relative; line-height: 0; }
.he-h {
    position: absolute; width: 10px; height: 10px;
    background: #4f46e5; border: 2px solid #fff; border-radius: 2px;
    z-index: 10; box-shadow: 0 1px 3px rgba(0,0,0,0.3);
}
.he-h:hover { background: #3730a3; transform: scale(1.2); }
.he-h-nw { top:-5px; left:-5px; cursor:nw-resize; }
.he-h-n  { top:-5px; left:50%; margin-left:-5px; cursor:n-resize; }
.he-h-ne { top:-5px; right:-5px; cursor:ne-resize; }
.he-h-w  { top:50%; margin-top:-5px; left:-5px; cursor:w-resize; }
.he-h-e  { top:50%; margin-top:-5px; right:-5px; cursor:e-resize; }
.he-h-sw { bottom:-5px; left:-5px; cursor:sw-resize; }
.he-h-s  { bottom:-5px; left:50%; margin-left:-5px; cursor:s-resize; }
.he-h-se { bottom:-5px; right:-5px; cursor:se-resize; }
.he-tip {
    position: absolute; bottom:-24px; left:50%; transform:translateX(-50%);
    background: rgba(15,23,42,0.85); color:#fff; font-size:11px;
    font-family: 'Cascadia Code','Consolas',monospace;
    padding: 2px 8px; border-radius: 4px; white-space: nowrap;
    pointer-events: none; z-index: 11;
}

/* Image size exceeded error toast */
.he-size-error {
    padding: 8px 14px;
    background: #fef2f2;
    border: 1px solid #fecaca;
    border-radius: 6px;
    color: #991b1b;
    font-size: 13px;
    font-weight: 600;
    margin: 6px 10px;
    animation: heSizeIn 0.2s ease-out, heSizeOut 0.3s ease-in 3.5s forwards;
}

@keyframes heSizeIn {
    from { opacity: 0; transform: translateY(-6px); }
    to { opacity: 1; transform: translateY(0); }
}

@keyframes heSizeOut {
    to { opacity: 0; transform: translateY(-6px); }
}

/* ── HtmlEditor toolbar Font Awesome icons (global scope) ── */
.html-editor-toolbar .toolbar-btn i,
.html-editor-toolbar .toolbar-color-wrapper i,
.html-editor-toolbar .dialog-close-btn i {
    font-size: 13px;
    line-height: 1;
    color: inherit;
}

.html-editor .dialog-close-btn i {
    font-size: 14px;
}

.html-editor .dialog-upload-text i,
.html-editor .dialog-header i,
.html-editor .dialog-current-img-note i {
    font-size: 13px;
}