.blog-editor{flex-direction:column;gap:12px;display:flex}.blog-editor-toolbar{z-index:10;border:1px solid var(--border);background:var(--bg);flex-wrap:wrap;gap:2px;padding:6px;display:flex;position:sticky;top:0}.blog-editor-toolbar button,.blog-editor-image-button{min-width:32px;height:32px;color:var(--text-2);font-family:var(--font-mono,monospace);cursor:pointer;background:0 0;border:none;border-radius:7px;justify-content:center;align-items:center;padding:0 8px;font-size:12px;font-weight:600;display:inline-flex}.blog-editor-image-button svg{fill:none;stroke:currentColor;stroke-width:1.4px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.blog-editor-image-button svg [data-fill]{fill:currentColor;stroke:none}.blog-editor-lang{height:32px;color:var(--text-2);font-family:var(--font-mono,monospace);cursor:pointer;background:0 0;border:none;border-radius:7px;padding:0 6px;font-size:12px}.blog-editor-lang:hover{background:var(--hover);color:var(--text)}.blog-editor-alt{background:var(--hover);min-width:120px;height:32px;color:var(--text);border:none;border-radius:7px;flex:160px;padding:0 10px;font-size:13px}.blog-editor-alt:focus{outline:2px solid var(--accent-soft)}.blog-editor-toolbar button:hover,.blog-editor-image-button:hover{background:var(--hover);color:var(--text)}.blog-editor-toolbar button[data-active]{background:var(--accent-soft);color:var(--accent)}.blog-editor .tiptap{outline:none;min-height:55vh}.blog-editor .tiptap p.is-editor-empty:first-child:before{content:attr(data-placeholder);float:left;height:0;color:var(--text-3);pointer-events:none}.blog-editor .tiptap img.ProseMirror-selectednode,.blog-editor .tiptap .embed.ProseMirror-selectednode{outline:2px solid var(--accent);outline-offset:2px}.blog-editor .tiptap .embed a,.blog-editor .tiptap .embed .embed-frame{pointer-events:none}