.article-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px}.article-toolbar input{flex:1;min-width:180px}.article-layout{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(300px,1.5fr);gap:18px}.article-list{align-self:start}.article-row{display:flex;flex-direction:column;align-items:flex-start;width:100%;gap:8px;text-align:left;margin:10px 0;padding:14px;overflow-wrap:anywhere}.article-row strong{line-height:1.5}.article-form{display:grid;gap:16px}.article-form label{display:grid;gap:8px;font-weight:600}.article-form input,.article-form textarea{width:100%;min-width:0;box-sizing:border-box;font:inherit}.article-form textarea{resize:vertical;line-height:1.7;padding:12px;border-radius:12px;border:1px solid var(--line,#d4dfed);background:var(--card,#fff);color:inherit}.article-form p{white-space:pre-wrap}.article-preview{border:1px solid var(--line,#d4dfed);border-radius:16px;padding:16px;overflow-wrap:anywhere}.article-preview p{white-space:pre-wrap;line-height:1.7}.article-preview img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:12px}.article-preview small{color:var(--muted,#5b6d84)}@media(max-width:800px){.article-layout{grid-template-columns:minmax(0,1fr)}.article-editor{min-width:0}.article-toolbar>*{max-width:100%}}