/* Desktop: title, introduction and board on the left; cover spans all three rows. */
@media(min-width:900px){
 #app .publish-hub .post-editor{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,34%);column-gap:24px;row-gap:16px;align-items:stretch}
 #app .publish-hub .post-editor>*{grid-column:1/-1;min-width:0}
 #app .publish-hub .post-editor>.title-input-wrapper{grid-column:1;grid-row:1}
 #app .publish-hub .post-editor>.introduction-input-wrapper{grid-column:1;grid-row:2}
 #app .publish-hub .post-editor>.section-select-wrapper{grid-column:1;grid-row:3}
 #app .publish-hub .post-editor>.cover-upload-wrapper{grid-column:2;grid-row:1/span 3;display:flex;flex-direction:column}
 #app .publish-hub .post-editor>:is(.title-input-wrapper,.introduction-input-wrapper,.section-select-wrapper,.cover-upload-wrapper){width:100%;max-width:none;margin:0;padding:0}
 #app .publish-hub .cover-upload-wrapper .cover-label{display:block;flex:none;margin:0 0 8px}
 #app .publish-hub .cover-upload-wrapper .cover-upload-area{flex:1;min-height:200px;padding:16px;text-align:center}
 #app .publish-hub .cover-upload-wrapper .upload-text{font-size:14px;line-height:1.6;margin:10px 0 6px}
 #app .publish-hub .cover-upload-wrapper .upload-hint{font-size:12px;line-height:1.7;margin:0}
 #app .publish-hub .cover-upload-wrapper .cover-previews{grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:8px}
 #app .publish-hub .cover-upload-wrapper .cover-preview-item{min-width:0}
 #app .publish-hub .cover-upload-wrapper .add-more-cover{min-height:90px}
}