.blog-media-library{margin-top:28px}.blog-media-tools{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-bottom:35px}.blog-media-tools>section{border:1px solid var(--line);border-radius:10px;padding:22px;min-width:0}.blog-media-tools h3{margin-top:0}.blog-media-tools textarea{min-height:120px}.blog-media-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:20px 0 30px}.blog-media-card{border:1px solid var(--line);border-radius:12px;overflow:hidden;min-width:0}.blog-media-card>a{display:block;background:#edf0df}.blog-media-card>a>img{width:100%;height:180px;object-fit:contain;display:block}.blog-media-card-body{padding:17px}.blog-media-card .actions{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.blog-media-card .actions form{margin:0}.blog-media-card summary{font-size:12px}.blog-media-card details p{overflow-wrap:anywhere}.blog-featured-preview{display:flex;align-items:center;gap:20px;margin:15px 0 25px}.blog-featured-preview img{width:220px;aspect-ratio:16/9;object-fit:cover;border-radius:10px}.blog-media-feedback{position:sticky;top:10px;z-index:5}.blog-featured-image{margin:25px 0 35px}.blog-featured-image img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:14px}.blog-featured-image figcaption{font-size:12px;color:var(--muted);margin-top:10px}.blog-card-image{display:block;margin:-28px -28px 22px;overflow:hidden;border-radius:12px 12px 0 0}.blog-card-image img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}
@media(max-width:1100px){.blog-media-grid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.blog-media-tools,.blog-media-grid{grid-template-columns:1fr}.blog-featured-preview{align-items:flex-start;flex-direction:column}.blog-featured-preview img{width:100%}.blog-media-tools>section{padding:17px}.blog-card-image{margin:-20px -20px 20px}}

.html-editor-preview{width:100%;height:480px;border:1px solid var(--line);border-radius:10px;margin:15px 0;background:white}.html-editor-preview[hidden]{display:none}

.blog-generation-progress{margin-top:18px;padding:15px;background:#edf0df;border:1px solid var(--line);border-radius:9px}.blog-generation-progress[hidden]{display:none}.blog-generation-progress>p{font-size:13px;margin:0 0 10px}.blog-generation-progress progress{display:block;width:100%;height:12px;accent-color:#21483c}.blog-generation-steps{list-style:none;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:12px 0 0;font-size:10px;color:var(--muted)}.blog-generation-steps li{border-top:2px solid #d1d8c5;padding-top:6px}.blog-generation-steps .is-complete{border-color:#527452;color:#21483c}.blog-generation-steps .is-current{font-weight:750}.blog-generation-progress[data-state=failed]{background:#fff1e9}.blog-generation-progress[data-state=succeeded]{background:#e7efcf}.blog-generation-progress [data-generation-resume]{margin-top:12px}