/* Compact publishing workspace; retain normal document scrolling on small screens. */
#publishing #publishing-customer-internal { display:none !important; }
html:not(.home-workspace) #publishing .publishing-account-card { min-height:76px; padding:10px 12px; gap:8px 10px; grid-template-columns:auto minmax(0,1fr); align-content:center; align-items:center; }
#publishing .publishing-account-heading { grid-column:1; grid-row:1; }
#publishing .publishing-account-card > p { grid-column:2; grid-row:1; min-width:0; margin:0; font-size:13px; overflow-wrap:anywhere; }
#publishing .publishing-account-actions { grid-column:1/-1; }
#publishing .publishing-account-heading strong { font-size:17px; }
#publishing .publishing-account-actions button { min-height:32px; padding:6px 10px; }
#publishing .publishing-compose { gap:16px; margin-top:12px; align-items:stretch; }
html:not(.home-workspace) #publishing .publishing-settings,
html:not(.home-workspace) #publishing .publishing-preview-card { padding:16px; }
html:not(.home-workspace) #publishing .publishing-settings { gap:8px; }
html:not(.home-workspace) #publishing .publishing-settings > h3,
html:not(.home-workspace) #publishing .publishing-preview-card > h3 { margin:0 0 4px; min-height:36px; font-size:19px; }
#publishing .publishing-settings > label { gap:4px; font-size:13px; }
#publishing .publishing-settings input:not([type=checkbox]) { min-height:36px; height:36px; padding:7px 10px; }
#publishing .publishing-settings textarea { min-height:60px; height:60px; padding:8px 10px; }
#publishing .publishing-platforms { margin:0; padding:8px; gap:8px; grid-template-columns:repeat(4,minmax(0,1fr)); }
#publishing .publishing-platforms .publishing-platform-card { aspect-ratio:auto; min-height:68px; padding:8px 4px; gap:5px; }
#publishing .publishing-platform-card img { width:27px; height:27px; }
#publishing .publishing-platform-card input { width:16px; height:16px; top:5px; right:5px; }
#publishing #publishing-disabled-reason { margin:0; padding:8px 10px; font-size:12px; }
#publishing #publish-submit { min-height:38px; padding:8px 12px; }
#publishing .publishing-preview-card { display:flex; flex-direction:column; gap:8px; }
#publishing #publishing-asset-preview { width:100%; height:clamp(240px,calc(100dvh - 330px),380px); max-height:380px; min-height:0; object-fit:contain; margin:0; background:#100d18; }
@media(min-width:1101px) {
  html:not(.home-workspace) main > #publishing.active-page {
    display:grid !important;
    grid-template-columns:minmax(210px,.75fr) minmax(330px,1.4fr) minmax(240px,.95fr);
    align-items:stretch; gap:18px;
  }
  #publishing .publishing-accounts { grid-column:1; grid-row:1; align-self:start; }
  #publishing .publishing-account-grid { height:auto; grid-template-columns:minmax(0,1fr); grid-auto-rows:auto; align-content:start; gap:14px; }
  html:not(.home-workspace) #publishing .publishing-account-card { min-height:100px; padding:14px; }
  #publishing .publishing-compose { display:contents; }
  #publishing .publishing-settings {
    grid-column:2; grid-row:1; align-self:stretch; height:100%; box-sizing:border-box;
    grid-template-rows:auto auto minmax(84px,1fr) auto minmax(132px,1.2fr) auto auto;
    align-content:stretch;
  }
  #publishing .publishing-settings textarea { height:100%; min-height:84px; }
  #publishing .publishing-platforms { height:100%; min-height:132px; align-items:stretch; }
  #publishing .publishing-platforms .publishing-platform-card { height:100%; min-height:92px; }
  #publishing .publishing-preview-card { grid-column:3; grid-row:1; align-items:center; align-self:stretch; }
  #publishing .publishing-preview-card > h3 { width:100%; }
  #publishing #publishing-asset-preview {
    width:min(100%,calc((100dvh - 230px) * .5625));
    height:auto; max-height:none; aspect-ratio:9/16; object-fit:contain;
    align-self:center; border-radius:14px;
  }
  #publishing > :not(.publishing-accounts):not(.publishing-compose) { grid-column:1/-1; }
}
@media(max-height:760px) and (min-width:1101px) {
  #publishing .publishing-settings > label { font-size:12px; }
  html:not(.home-workspace) #publishing .publishing-settings { gap:6px; }
  #publishing .publishing-settings textarea { min-height:48px; height:48px; }
}