.studio-articles .studio-article-row{display:flex;align-items:start;gap:16px;padding:20px 0;border-bottom:1px solid var(--st-edge)}.studio-article-row>img{width:100px;height:100px;object-fit:cover;border-radius:10px}.studio-article-row>div{min-width:0;flex:1}.studio-article-row h2{margin:0;overflow-wrap:anywhere}.studio-article-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.studio-article-actions form{display:flex;gap:8px;flex-wrap:wrap;margin:0}.studio-article-actions button{font:inherit;padding:8px 12px;border-radius:8px;border:1px solid var(--st-edge);background:var(--st-panel);color:var(--st-ink);cursor:pointer}.studio-article-actions button:disabled{opacity:.4;cursor:default}.studio-article-upload img{display:block;max-width:100%;max-height:360px;object-fit:contain}.studio-public-article{max-width:900px;margin:24px auto;padding:24px;color:var(--st-ink)}.studio-public-article>img{display:block;max-width:100%;height:auto;margin:20px auto}.studio-public-article p{overflow-wrap:anywhere}.studio-articles-public article+article{border-top:1px solid var(--st-edge);padding-top:12px}@media(max-width:600px){.studio-article-row>img{width:64px;height:64px}.studio-public-article{padding:16px;margin:12px auto}}

.studio-article-upload{max-width:480px;position:relative}.studio-article-upload .pro25-photo-drop{border:1px solid var(--st-edge);border-radius:12px;overflow:hidden}.studio-article-upload [data-photo-preview]{width:100%;height:240px;object-fit:cover}.studio-article-upload .pro25-placeholder{display:grid;place-items:center;min-height:180px;padding:20px;color:var(--st-muted)}.studio-article-upload .is-dragging{outline:2px dashed var(--st-accent)}.studio-article-upload .pro25-photo-drop:focus-within{outline:2px solid var(--st-accent);outline-offset:3px}
.studio-article-upload [hidden]{display:none!important}
/* Selectable cards and compact actions. */
.studio-article-cards{display:grid;gap:16px;margin-top:20px}.studio-article-card{min-width:0;padding:18px;border:1px solid var(--st-edge);border-radius:12px;background:var(--st-panel)}.studio-article-card.is-selected{border-color:var(--st-accent)}.studio-article-select{margin:0 0 14px}.studio-article-select label{display:flex;align-items:center;gap:8px;cursor:pointer}.studio-article-select input{width:16px;height:16px;accent-color:var(--st-accent)}.studio-article-select small{font-size:12px}.studio-article-thumb{width:100%;height:180px;object-fit:cover;border-radius:8px}.studio-article-card h2{font-size:1.15rem;overflow-wrap:anywhere;margin:12px 0 6px}.studio-article-actions{display:flex;flex-wrap:nowrap;gap:6px;margin-top:16px}.studio-article-actions form{display:flex;flex-wrap:nowrap;gap:6px;flex:0 0 auto}.studio-article-actions .article-action,.studio-article-actions button{display:inline-flex;align-items:center;justify-content:center;gap:5px;white-space:nowrap;padding:7px 9px;border:1px solid var(--st-edge);border-radius:7px;background:var(--st-panel);color:var(--st-ink);font-size:12px;text-decoration:none}.studio-article-actions svg{width:15px;height:15px;flex-shrink:0}.studio-article-actions .article-action-danger{background:#842b32;border-color:#b84850;color:#fff}.article-compose{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;align-items:start}.article-compose>form{min-width:0}.article-live-preview{min-width:0;position:sticky;top:20px;border-left:1px solid var(--st-edge);padding-left:24px;overflow-wrap:anywhere}.article-live-preview>img{display:block;width:100%;max-height:300px;object-fit:cover;margin:16px 0;border-radius:8px}.article-live-preview [hidden]{display:none!important}.article-live-preview h2{font-size:1.35rem}.article-live-preview>small{font-size:11px;color:var(--st-muted)}.article-preview-tabs{display:none}.article-compose .form-field small{font-size:11px}.studio-article-upload small{font-size:11px}
@media(max-width:899px){.article-compose{display:block}.article-live-preview{position:static;border-left:0;padding-left:0}.article-compose[data-mode=edit]>.article-live-preview,.article-compose[data-mode=preview]>form{display:none}.article-preview-tabs{display:flex;gap:8px;margin-bottom:18px}.article-preview-tabs button{display:inline-flex;align-items:center;gap:6px;padding:9px 12px;border:1px solid var(--st-edge);border-radius:8px;color:var(--st-ink);background:var(--st-panel)}.article-preview-tabs button[aria-pressed=true]{border-color:var(--st-accent)}.article-preview-tabs svg{width:16px;height:16px}}
@media(max-width:600px){.studio-article-card{padding:12px}.studio-article-actions .article-action,.studio-article-actions button{padding:8px;min-width:32px}.studio-article-actions span{display:none}}