[data-fragment=BlogEditor]{background:var(--bg-primary);font-family:var(--font-sans);color:var(--text-primary);flex-direction:column;gap:18px;padding:24px;display:flex}[data-fragment=BlogEditor]>:is(h1,h2,h3):first-child{letter-spacing:-.4px;text-wrap:balance;margin:0;font-size:22px;font-weight:700}[data-fragment=BlogEditor] .editor-blocks{flex-direction:column;gap:10px;display:flex}[data-fragment=BlogEditor] .editor-block{background:var(--bg-secondary);border:1px solid var(--ui-line);border-radius:var(--radius-md);flex-direction:column;gap:6px;padding:12px;display:flex}[data-fragment=BlogEditor] .editor-block-header{text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary,var(--text-secondary));align-items:center;gap:8px;font-size:11px;font-weight:700;display:flex}[data-fragment=BlogEditor] .editor-block-header>*{font-size:11px}[data-fragment=BlogEditor] .editor-block-header button{border:1px solid var(--ui-line);background:var(--bg-primary);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;padding:3px 8px;font-family:inherit;font-size:10.5px}[data-fragment=BlogEditor] .editor-block-header button:hover{border-color:var(--brand);color:var(--brand)}[data-fragment=BlogEditor] .editor-block-header button:focus-visible{outline:2px solid var(--brand);outline-offset:2px}[data-fragment=BlogEditor] .editor-block-header select{border:1px solid var(--ui-line);border-radius:var(--radius-sm);background:var(--bg-primary);color:var(--text-primary);cursor:pointer;padding:3px 6px;font-family:inherit;font-size:11px}[data-fragment=BlogEditor] .editor-block-header select:focus-visible{outline:2px solid var(--brand);outline-offset:2px}[data-fragment=BlogEditor] .editor-block input,[data-fragment=BlogEditor] .editor-block textarea{background:var(--bg-primary);border:1px solid var(--ui-line);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);padding:8px 10px;font-family:inherit;font-size:13.5px}[data-fragment=BlogEditor] .editor-block textarea{resize:vertical;min-height:60px;line-height:1.5}[data-fragment=BlogEditor] .editor-block input:focus,[data-fragment=BlogEditor] .editor-block textarea:focus{border-color:var(--brand);box-shadow:0 0 0 2px rgba(var(--brand-rgb), .12);outline:none}[data-fragment=BlogEditor] .editor-block input:focus-visible,[data-fragment=BlogEditor] .editor-block textarea:focus-visible{outline:2px solid var(--brand);outline-offset:2px}[data-fragment=BlogEditor] .editor-list-item{align-items:center;gap:6px;display:flex}[data-fragment=BlogEditor] .editor-toolbar{background:var(--bg-secondary);border:1px dashed var(--ui-line);border-radius:var(--radius-md);flex-wrap:wrap;gap:6px;padding:10px;display:flex}[data-fragment=BlogEditor] .editor-toolbar button{border:1px solid var(--ui-line);background:var(--bg-primary);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;padding:6px 12px;font-family:inherit;font-size:12px;font-weight:600}[data-fragment=BlogEditor] .editor-toolbar button:hover{border-color:var(--brand);color:var(--brand)}[data-fragment=BlogEditor] .editor-toolbar button:focus-visible{outline:2px solid var(--brand);outline-offset:2px}[data-fragment=BlogEditor] .editor-actions{border-top:1px solid var(--ui-line);justify-content:flex-end;gap:8px;padding-top:6px;display:flex}[data-fragment=BlogEditor] .editor-actions button{border:1px solid var(--ui-line);background:var(--bg-primary);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;padding:9px 16px;font-family:inherit;font-size:13px;font-weight:600}[data-fragment=BlogEditor] .editor-actions button:last-child{background:var(--brand);border-color:var(--brand);min-height:44px;color:var(--ink-text-on-brand)}[data-fragment=BlogEditor] .editor-actions button:focus-visible{outline:2px solid var(--brand);outline-offset:2px}[data-fragment=BlogEditor] .editor-actions button:disabled{opacity:.5;cursor:not-allowed}[data-fragment=BlogEditor] .editor-preview{background:var(--bg-secondary);border:1px solid var(--ui-line);border-radius:var(--radius-md);flex-direction:column;gap:12px;padding:18px 20px;display:flex}[data-fragment=BlogEditor] .editor-preview :is(h1,h2,h3):first-child{text-transform:uppercase;letter-spacing:.06em;color:var(--text-tertiary,var(--text-secondary));text-wrap:balance;margin:0;font-size:11px;font-weight:700}[data-fragment=BlogEditor] .editor-json{flex-direction:column;gap:8px;display:flex}[data-fragment=BlogEditor] .editor-json :is(h1,h2,h3){text-transform:uppercase;letter-spacing:.06em;color:var(--text-tertiary,var(--text-secondary));text-wrap:balance;margin:0;font-size:11px;font-weight:700}[data-fragment=BlogEditor] .editor-json pre{background:var(--bg-secondary);border-radius:var(--radius-sm);font-family:var(--font-mono);color:var(--text-secondary);max-height:240px;margin:0;padding:12px 14px;font-size:11px;line-height:1.5;overflow:auto}