.blog-thumbnail{aspect-ratio:16/9;border:1px solid var(--line);background:var(--surface);border-radius:7px;width:100%;position:relative;overflow:hidden}.blog-thumbnail img{object-fit:cover}.blog-thumbnail-fallback{height:100%;color:var(--muted);background:var(--surface);flex-direction:column;justify-content:space-between;align-items:flex-start;padding:20px;display:flex}.blog-thumbnail-fallback svg{width:22%;height:45%;color:var(--quiet);align-self:center}.blog-thumbnail-fallback .mono{letter-spacing:.08em;font-size:9px}.blog-card:hover .blog-thumbnail{border-color:var(--quiet)}.blog-pagination{justify-content:space-between;align-items:center;gap:16px;margin:24px 0;display:flex}.blog-pagination p{color:var(--muted);font-size:13px}.article-page>.blog-thumbnail{margin-top:32px}.blog-article-actions{flex-wrap:wrap;align-items:center;gap:16px 24px;display:flex}.blog-article-actions>.text-link{min-height:44px}.blog-editor{gap:12px;min-width:0;display:grid}.blog-editor h3{color:var(--ink);margin:0;font-size:16px}.blog-editor .field-hint{font-size:12px;line-height:1.6}.blog-media-editor{border:1px solid var(--line);border-radius:7px;gap:12px;padding:16px;display:grid}.blog-media-editor .blog-thumbnail{max-width:420px}.blog-media-editor p{margin:0}#blog-upload-status{min-height:20px}.blog-editor-toolbar{justify-content:space-between;align-items:center;gap:12px;margin-top:12px;display:flex}.blog-editor textarea{width:100%;min-height:280px}.blog-editor-preview{border:1px solid var(--line);background:var(--surface);overflow-wrap:anywhere;border-radius:7px;padding:20px}.blog-editor-preview h2{font-size:26px;line-height:1.25}.blog-editor-preview .blog-reader{display:block}.blog-editor-preview .article-body{margin-bottom:0}.blog-editor-preview .article-toc{position:static}.admin-blog-name{align-items:center;gap:12px;display:flex}.admin-blog-name>.blog-thumbnail{flex-shrink:0;width:72px}.admin-blog-name .blog-thumbnail-fallback{padding:5px}.admin-blog-name .blog-thumbnail-fallback .mono{display:none}.admin-blog-name .blog-thumbnail-fallback svg{width:24px;height:24px;margin:auto}@media (max-width:600px){.blog-media-editor,.blog-editor-preview{padding:12px}.blog-thumbnail-fallback .mono{font-size:8px}}