html,body{height:auto!important;min-height:0!important;overflow-anchor:none}
body{padding-bottom:24px!important}
#unified-layout{display:grid;grid-template-columns:minmax(0,1fr) 200px;gap:18px;padding-right:16px;align-items:start}
#unified-layout>.app{width:100%!important;max-width:none!important;margin:0!important;min-width:0}
.unified-ad{box-sizing:border-box;display:flex;align-items:center;justify-content:center;min-height:56px;margin:12px 0;padding:12px;border:1px dashed #475569;border-radius:12px;color:#94a3b8;background:#0b1425;font-size:13px;grid-column:1/-1}
#unified-side{grid-column:2;grid-row:1;align-self:start;position:sticky;top:16px;min-height:90px}
.viewer canvas{height:clamp(320px,52vw,650px)!important}
#webBlockPreview{height:clamp(360px,52vw,650px)!important;min-height:0!important}
#webBlockList{overscroll-behavior-y:auto!important;overscroll-behavior-x:contain!important}
body .page[data-page="path"] .playbar{position:relative!important;inset:auto!important;transform:none!important;width:100%!important;max-width:none!important;grid-column:1/-1!important;grid-row:auto!important;margin:14px 0!important;z-index:1!important}
.view-controls{margin-bottom:12px!important}
.unified-links{display:flex;gap:18px;margin-left:auto;padding:12px;flex-wrap:wrap}
.unified-links a{color:#7dd3fc;font-size:14px}
#home-intro{box-sizing:border-box;width:min(1120px,calc(100% - 32px));margin:32px auto 8px;padding:clamp(20px,4vw,42px);border:1px solid #334155;border-radius:16px;background:#0f172a;color:#e2e8f0;line-height:1.75}
#home-intro h2{margin-top:0;color:#f8fafc;font-size:clamp(1.55rem,3vw,2.2rem)}
#home-intro section{margin-top:28px}
#home-intro section h2{font-size:1.25rem;color:#bae6fd}
#home-intro a{color:#7dd3fc}
#home-intro li{margin:.45em 0}
@media(min-width:1400px){[data-unified-ad="path-execution"]{display:none}}
@media(max-width:1099px){#unified-layout{display:block;padding:0}#unified-side{display:none}}
/* Empty inventory is collapsed in production. Restore only when a usable ad
   integration is ready; original placement rules and slot IDs remain intact. */
#unified-layout{grid-template-columns:minmax(0,1fr);padding-right:0}
.unified-ad,#unified-side{display:none!important}
#appDownloadLink .app-download-copy{flex:0 1 160px}
#appDownloadLink .app-store-banner{display:block;flex:1 1 240px;width:240px;max-width:360px;height:auto;object-fit:contain;border-radius:10px}
@media(max-width:700px){#appDownloadLink .app-store-banner{flex:1 1 100%;width:100%;max-width:420px;margin-inline:auto}#appDownloadLink .app-download-badge{margin-inline:auto}}
