.ad-placement { display:flex; flex-direction:column; align-items:center; gap:8px; margin:24px auto; width:300px; max-width:100%; }
.ad-placement[hidden] { display:none; }
.ad-placement-live { min-height:273px; }
.ad-placement-label { color:#647084; font-size:11px; font-weight:600; text-transform:uppercase; letter-spacing:0; }
.ad-placement-preview { width:300px; max-width:100%; height:250px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:8px; border:1px solid #dce2e9; border-radius:2px; background:#f2f4f7; color:#647084; font-size:14px; }
.ad-placement-preview strong { font-weight:500; }
.ad-size-desktop { display:none; }
@media(min-width:761px) and (max-width:1399px) {
  .ad-layout > .ad-placement { position:relative; left:50px; }
}
@media(min-width:1400px) {
  .ad-placement-live { min-height:623px; }
  .ad-layout.has-ad-preview { display:grid; grid-template-columns:minmax(0,1fr) 177px; gap:8px; margin-left:100px; width:calc(100% - 100px); padding-right:32px; align-items:start; }
  body .ad-layout.has-ad-preview > .main-workspace { width:100%; min-width:0; margin:0; }
  .ad-layout.has-ad-preview > .ad-placement { width:177px; max-width:none; border-left:1px solid #e4e8ef; padding-left:16px; margin:124px 0 24px; }
  .ad-layout.has-ad-preview .ad-placement-preview { width:160px; height:600px; }
  .ad-size-desktop { display:inline; }
  .ad-size-inline { display:none; }
}
@media print {
  .ad-placement { display:none!important; }
  .ad-layout.has-ad-preview { display:block; margin:0; width:100%; padding:0; }
}