.custom-editor-toolbar {
    display: flex; flex-wrap: wrap; gap: 4px; padding: 10px 12px;
    background: rgba(0,0,0,0.03); border: 1px solid var(--border-color);
    border-radius: 10px; margin-top: 16px;
    align-items: center;
}
.dark-mode .custom-editor-toolbar { background: rgba(255,255,255,0.03); }
.custom-editor-toolbar button,
.custom-editor-toolbar select {
    background: transparent; border: 1px solid transparent; border-radius: 6px;
    color: var(--text-secondary); padding: 6px; cursor: pointer;
    display: flex; align-items: center; justify-content: center; transition: all 0.2s;
}
.custom-editor-toolbar button:hover { background: rgba(0,0,0,0.07); color: var(--primary-color); }
.custom-editor-toolbar select { padding: 4px 8px; outline: none; font-size: 0.9rem; }
.custom-editor-toolbar .toolbar-divider { width: 1px; height: 24px; background: var(--border-color); margin: 0 4px; }

.custom-editor-content {
    padding: 20px 2px;
    font-size: 1.05rem; color: var(--text-primary); line-height: 1.7;
    outline: none; min-height: 45vh;
    word-wrap: break-word; overflow-wrap: anywhere;
}
.custom-editor-content:empty:before {
    content: attr(placeholder); color: var(--text-muted); pointer-events: none; display: block;
}
.custom-editor-content img { max-width: 100%; height: auto; border-radius: 8px; margin: 10px 0; }
.custom-editor-content ul,
.custom-editor-content ol { margin-left: 20px; margin-bottom: 10px; }
.custom-editor-content table { max-width: 100%; }
.custom-editor-content pre { white-space: pre-wrap; }