#blog-editor-modal .modal-body { padding: 24px; }
#blog-editor-modal fieldset { min-width: 0; }
#blog-editor-modal .vditor { border-color: #cbdce5; border-radius: 10px; overflow: visible; }
#blog-editor-modal .vditor-toolbar { border-radius: 10px 10px 0 0; padding-left: 8px !important; }
#blog-editor-modal .vditor-reset { font-family: 'Manrope', Arial, sans-serif; font-size: 16px; }
#blog-editor-modal .vditor-reset h1, #blog-editor-modal .vditor-reset h2, #blog-editor-modal .vditor-reset h3 { font-family: 'Fraunces', Georgia, serif; color: #08577a; }
#blog-visual-editor[hidden], #blog-markdown[hidden] { display: none !important; }
.blog-editor-details { padding: 18px; border: 1px solid #dce8ed; border-radius: 12px; }
.blog-editor-details summary { cursor: pointer; }
.blog-search-preview { border-left: 3px solid #0a98bd; background: #f6fafb; padding: 16px; overflow-wrap: anywhere; }
#blog-search-title { color: #08577a; font-size: 1.2rem; margin: 4px 0; }
#blog-preview-frame { width: 100%; height: 650px; border: 1px solid #dce8ed; border-radius: 12px; background: #fff; }
#blog-posts td:first-child { overflow-wrap: anywhere; }
@media (max-width: 600px) { #blog-editor-modal .modal-body { padding: 16px; } #blog-preview-frame { height: 500px; } }

.blog-upload-panel { padding: 16px; background: #f6fafb; border: 1px solid #dce8ed; border-radius: 12px; }
#blog-featured-preview { max-width: 100%; max-height: 180px; object-fit: contain; border-radius: 8px; }
#blog-editor-modal input[type="file"] { min-width: 0; }