.post-editor-toolbar { display:flex; flex-wrap:wrap; gap:6px; padding:10px; margin:0 0 8px; border:1px solid #d9e3ef; border-radius:12px; background:#f5f8fc; }
.post-editor-toolbar button, .post-image-actions button { appearance:none; border:1px solid #ccd9e8; border-radius:8px; background:#fff; color:#17243a; padding:8px 11px; min-height:38px; font:600 14px/1.3 'Inter',sans-serif; cursor:pointer; }
.post-editor-toolbar button:hover, .post-image-actions button:hover { background:#eaf3ff; border-color:#1a73ff; }
.post-editor-toolbar button:focus-visible, .post-image-actions button:focus-visible { outline:3px solid #1a73ff; outline-offset:2px; }
.post-editor-toolbar .post-preview-toggle { margin-left:auto; color:#1765b7; }
.post-editor-help, .post-editor-status { font-size:13px; line-height:1.6; color:#5f6e82; margin:0 0 12px; }
.post-editor-status:empty { display:none; }
.post-editor-status { color:#b42318; }
.post-preview { padding:20px; margin:0 0 20px; border:1px solid #d9e3ef; border-radius:12px; background:#fff; overflow-wrap:anywhere; line-height:1.7; }
.post-preview[hidden] { display:none; }
.post-preview h2, .forum-content h2 { font-size:1.5rem; line-height:1.35; margin:24px 0 12px; }
.post-preview h3, .forum-content h3 { font-size:1.25rem; line-height:1.4; margin:22px 0 12px; }
.post-preview p, .forum-content p { margin:0 0 16px; }
.post-preview ul, .post-preview ol, .forum-content ul, .forum-content ol { margin:0 0 18px; padding-left:26px; }
.post-preview img, .forum-content img { max-width:100%; height:auto; border-radius:12px; }
.post-preview a, .forum-content a { color:#1765b7; }
.post-images-gallery { display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:12px; margin:0 0 18px; }
.post-image-card { padding:12px; border:1px solid #d9e3ef; border-radius:12px; background:#f8fafc; min-width:0; }
.post-image-card img { width:100%; height:110px; object-fit:contain; border-radius:8px; background:#eef2f7; }
.post-image-name { display:block; margin:8px 0; font-size:13px; overflow-wrap:anywhere; color:#536276; }
.post-image-actions { display:flex; flex-wrap:wrap; gap:6px; }
.post-image-actions button { font-size:12px; padding:7px 9px; }
.post-preview-empty { color:#788699; font-size:14px; }
@media(max-width:600px) { .post-editor-toolbar button { padding:8px 9px; } .post-editor-toolbar .post-preview-toggle { margin-left:0; } .post-preview { padding:14px; } }