/* One studio row: scrolling inspectors, a large central artboard, then the native timeline. */
@media(min-width:1001px){
#mainContent .ed-balanced{--ed-stage-height:clamp(480px,calc(100dvh - 250px),780px);--ed-left:240px;--ed-right:240px;min-width:0}
#mainContent .ed-balanced:not(.ve){display:grid!important;grid-template-columns:var(--ed-left) minmax(0,1fr) var(--ed-right)!important;grid-template-rows:auto var(--ed-stage-height) auto!important;gap:0!important;align-items:stretch!important;height:auto!important}
#mainContent .ed-balanced[data-ed-columns=left]:not(.ve){grid-template-columns:var(--ed-left) minmax(0,1fr)!important}
#mainContent .ed-balanced[data-ed-columns=right]:not(.ve){grid-template-columns:minmax(0,1fr) var(--ed-right)!important}
#mainContent .ed-balanced>.ed-workspace-bar{grid-column:1/-1!important;grid-row:1!important;min-height:40px}
#mainContent .ed-balanced :is(.ed-left-pane,.ed-right-pane):not(.ed-floating){height:var(--ed-stage-height)!important;max-height:var(--ed-stage-height)!important;min-height:0!important;overflow:auto!important;overscroll-behavior:contain;box-sizing:border-box;align-self:stretch!important;resize:none!important}
#mainContent .ed-balanced:not(.ve)>.ed-left-pane{grid-column:1!important;grid-row:2!important}
#mainContent .ed-balanced:not(.ve)>.ed-right-pane{grid-column:3!important;grid-row:2!important}
#mainContent .ed-balanced[data-ed-columns=right]>.ed-right-pane{grid-column:2!important}
#mainContent .ed-balanced .ed-center-pane{height:var(--ed-stage-height)!important;max-height:var(--ed-stage-height)!important;min-height:0!important;min-width:0!important;position:relative!important;top:auto!important;display:flex!important;flex-direction:column!important;box-sizing:border-box;overflow:auto!important;padding:10px!important}
#mainContent .ed-balanced:not(.ve)>.ed-center-pane{grid-column:2!important;grid-row:2!important}
#mainContent .ed-balanced[data-ed-columns=right]>.ed-center-pane{grid-column:1!important}
#mainContent .ed-balanced .ed-center-pane>:is(.ab-host,.fp-stage,.cc-stage,.mtn-stage,.ar-view,.ch-view,.ts-stage,.glass-canvas-wrap,.iphone-stage-wrap,.van-stage,.ms-viewport,.creative-screen,.ve-canvas-wrap,.agl-preview,.am-preview){flex:1 1 0!important;min-height:0!important;max-height:none!important;height:auto!important;aspect-ratio:auto!important;margin:0!important;overflow:hidden!important}
#mainContent .ed-balanced .ed-center-pane .ab-host{display:flex;flex-direction:column;min-height:0;max-height:none!important;flex:1 1 0}
#mainContent .ed-balanced .ed-center-pane .ab-viewport{flex:1 1 0!important;min-height:0!important;height:auto!important;max-height:none!important;aspect-ratio:auto!important}
#mainContent .ed-balanced .ed-center-pane .ab-surface{min-height:0!important;height:100%!important;padding:8px!important;box-sizing:border-box}
#mainContent .ed-balanced .ed-center-pane :is(canvas,video){min-height:0!important;max-height:100%!important;max-width:100%!important;object-fit:contain}
#mainContent .ed-balanced .ed-center-pane .ab-surface>canvas{width:auto!important;height:auto!important}
#mainContent .ed-balanced>.ed-timeline{grid-column:1/-1!important;grid-row:3!important;order:20!important;margin:0!important;min-width:0;max-height:260px;overflow:auto;box-sizing:border-box}
#mainContent .ed-balanced.ve .ve-workspace{height:var(--ed-stage-height)!important;min-height:0!important;grid-template-columns:var(--ed-left) minmax(0,1fr) var(--ed-right)!important}
#mainContent .ed-balanced.ve .acbs-editor-right:not(.ed-floating){height:var(--ed-stage-height)!important;max-height:var(--ed-stage-height)!important;overflow:auto}
#mainContent .ed-balanced.ve .acbs-editor-right .ve-inspector{height:auto!important;max-height:none!important}
#mainContent .ed-balanced .ed-center-pane>:is(.fp-help,.cc-note){margin:4px 0;font-size:11px}
#mainContent .ed-balanced .ed-center-pane>:is(.fp-result,.glass-result,#ccResult):empty{display:none}
#mainContent .ed-balanced.ed-hide-left:not(.ve),#mainContent .ed-balanced.ed-detached-left:not(.ve){grid-template-columns:minmax(0,1fr) var(--ed-right)!important}
#mainContent .ed-balanced:is(.ed-hide-left,.ed-detached-left)>.ed-center-pane{grid-column:1!important}
#mainContent .ed-balanced:is(.ed-hide-left,.ed-detached-left)>.ed-right-pane{grid-column:2!important}
#mainContent .ed-balanced.ed-hide-right:not(.ve),#mainContent .ed-balanced.ed-detached-right:not(.ve){grid-template-columns:var(--ed-left) minmax(0,1fr)!important}
#mainContent .ed-balanced:is(.ed-hide-left,.ed-detached-left):is(.ed-hide-right,.ed-detached-right):not(.ve){grid-template-columns:minmax(0,1fr)!important}
#mainContent .ed-balanced.ed-focus{--ed-stage-height:calc(100dvh - 230px)}
}
@media(max-width:1000px){
#mainContent .ed-balanced:not(.ve){display:flex!important;flex-direction:column!important;min-width:0}
#mainContent .ed-balanced>.ed-workspace-bar{order:-10!important}
#mainContent .ed-balanced>.ed-center-pane{order:0!important;width:100%;min-width:0}
#mainContent .ed-balanced>.ed-timeline{order:1!important;width:100%;box-sizing:border-box;max-height:300px;overflow:auto}
#mainContent .ed-balanced>.ed-left-pane{order:2!important;width:100%;max-height:none!important;height:auto!important;box-sizing:border-box}
#mainContent .ed-balanced>.ed-right-pane{order:3!important;width:100%;max-height:none!important;height:auto!important;box-sizing:border-box}
}

@media(min-width:1001px){
#mainContent .ed-balanced .ab-hint{display:none}
#mainContent .ed-balanced .ed-center-pane .ab-viewport{padding:0!important}
#mainContent .ed-balanced .ed-center-pane .ab-surface{padding:0!important}
#mainContent .ed-balanced.ve{--ed-stage-height:var(--ve-workspace-height,480px)}
#mainContent .ed-balanced[data-ed-columns=left]:is(.ed-hide-left,.ed-detached-left){grid-template-columns:minmax(0,1fr)!important}
#mainContent .ed-balanced[data-ed-columns=right]:is(.ed-hide-right,.ed-detached-right){grid-template-columns:minmax(0,1fr)!important}
}
#mainContent .ed-balanced .ed-button span{color:inherit!important}

/* Keep deliberately hidden source workspaces and transport strips hidden. */
#mainContent .ed-balanced[hidden],#mainContent .ed-balanced [hidden]{display:none!important}
#mainContent .ed-balanced[style*="display: none"],#mainContent .ed-balanced[style*="display:none"]{display:none!important}
@media(min-width:1001px){
#mainContent .ed-balanced.ve:is(.ed-hide-left,.ed-detached-left) .ve-workspace{grid-template-columns:minmax(0,1fr) var(--ed-right)!important}
#mainContent .ed-balanced.ve:is(.ed-hide-right,.ed-detached-right) .ve-workspace{grid-template-columns:var(--ed-left) minmax(0,1fr)!important}
#mainContent .ed-balanced.ve:is(.ed-hide-left,.ed-detached-left):is(.ed-hide-right,.ed-detached-right) .ve-workspace{grid-template-columns:minmax(0,1fr)!important}
}

/* Retain the native mockup toolbar and its Assets / Properties controls. */
#mainContent .um-workspace>.ed-workspace-bar:not(.um-toolbar){display:none!important}
#mainContent .um-workspace>.um-timeline:not([open]){min-height:0!important;height:auto!important}
@media(min-width:1001px){
#mainContent .ed-balanced.um-hide-assets{grid-template-columns:minmax(0,1fr) var(--ed-right)!important}
#mainContent .ed-balanced.um-hide-assets>.ed-center-pane{grid-column:1!important}
#mainContent .ed-balanced.um-hide-assets>.ed-right-pane{grid-column:2!important}
#mainContent .ed-balanced.um-hide-inspector{grid-template-columns:var(--ed-left) minmax(0,1fr)!important}
#mainContent .ed-balanced.um-hide-assets.um-hide-inspector{grid-template-columns:minmax(0,1fr)!important}
}
/* Prevent intrinsic canvas sizes from widening the page beyond the viewport. */
#mainContent .page:has(.ed-balanced){min-width:0;max-width:100%;width:100%;box-sizing:border-box}
#mainContent .page:has(.ed-balanced)>.ms-shell{min-width:0;max-width:100%;width:100%;box-sizing:border-box}
#mainContent .ed-balanced{min-width:0;max-width:100%;width:100%;box-sizing:border-box}
#mainContent:has(.ed-balanced){min-width:0;max-width:100%;grid-template-columns:minmax(0,1fr)}