/* Keep each multitrack tool's library, preview and inspector inside one row.
   The timeline remains a separate block, never behind the side panels. */
html body #mainContent .ve.acbs-edit-workspace{min-width:0;max-width:100%;overflow:visible;isolation:isolate}
html body #mainContent .ve.acbs-edit-workspace>.ve-workspace{position:relative!important;box-sizing:border-box;overflow:hidden!important;min-width:0!important;width:100%!important;align-items:stretch!important}
html body #mainContent .ve.acbs-edit-workspace>.ve-timeline{position:relative!important;inset:auto!important;clear:both!important;grid-column:auto!important;grid-row:auto!important;margin:0!important;flex:none!important;width:100%!important;max-width:100%!important;box-sizing:border-box;overflow:hidden!important;z-index:1}
html body #mainContent .ve .ve-timeline-scroll{min-height:0;min-width:0;max-width:100%;overflow:auto}
html body #mainContent .ve .ve-timeline-tools{position:relative!important;inset:auto!important;flex:none!important;flex-wrap:wrap!important}
html body #mainContent .ve .ve-viewer{display:flex!important;flex-direction:column!important;min-width:0!important;min-height:0!important;max-height:100%!important;overflow:hidden!important;position:relative!important}
html body #mainContent .ve .ve-viewer>.ab-host{display:flex!important;flex-direction:column!important;flex:1 1 0!important;min-height:0!important;max-height:100%!important;overflow:hidden!important}
html body #mainContent .ve .ve-viewer .ab-viewport{flex:1 1 0!important;min-height:0!important;max-height:100%!important}
html body #mainContent .ve .ve-transport{flex:none!important}
html body #mainContent .ve .ed-resize-preview{position:relative;display:block;height:12px;min-height:12px;flex:none;cursor:row-resize;touch-action:none;background:linear-gradient(180deg,transparent 5px,#8887 5px,#8887 7px,transparent 7px);border-block:1px solid var(--ve-line);margin:3px 0;z-index:2}
html body #mainContent .ve .ed-resize-preview:focus-visible{outline:2px solid var(--ve-accent);outline-offset:1px}
html body #mainContent .ve .ed-resize-preview:hover{background-color:#8882}
@media(min-width:1001px){
 html body #mainContent .ve.acbs-edit-workspace>.ve-workspace{display:grid!important;grid-template-columns:var(--ed-left,280px) minmax(0,1fr) var(--ed-right,280px)!important;gap:0!important;height:var(--ve-workspace-height,420px)!important;min-height:260px!important;max-height:none!important}
 html body #mainContent .ve .ve-workspace>.ve-library,html body #mainContent .ve .ve-workspace>.ve-inspector,html body #mainContent .ve .ve-workspace>.acbs-editor-right{box-sizing:border-box;position:relative!important;inset:auto!important;width:auto!important;min-width:0!important;max-width:none!important;height:100%!important;min-height:0!important;max-height:100%!important;align-self:stretch!important;resize:none!important;overflow:auto!important;grid-row:1!important;grid-column:auto!important}
 html body #mainContent .ve .ve-workspace>.ve-viewer{height:100%!important;grid-row:1!important;grid-column:auto!important}
 html body #mainContent .ve .acbs-editor-right>.ve-inspector{position:static!important;width:auto!important;max-width:none!important;height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important;resize:none!important}
 html body #mainContent .ve.acbs-edit-workspace.ed-hide-left>.ve-workspace{grid-template-columns:minmax(0,1fr) var(--ed-right,280px)!important}
 html body #mainContent .ve.acbs-edit-workspace.ed-hide-right>.ve-workspace{grid-template-columns:var(--ed-left,280px) minmax(0,1fr)!important}
 html body #mainContent .ve.acbs-edit-workspace.ed-hide-left.ed-hide-right>.ve-workspace{grid-template-columns:minmax(0,1fr)!important}
 html body #mainContent .ve.ed-hide-left .ve-library,html body #mainContent .ve.ed-hide-right .ve-inspector,html body #mainContent .ve.ed-hide-right .acbs-editor-right{display:none!important}
 html body #mainContent .ve .ed-resize{z-index:20!important;display:block!important}
}
@media(max-width:1000px){
 html body #mainContent .ve.acbs-edit-workspace>.ve-workspace{display:flex!important;flex-direction:column!important;height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important}
 html body #mainContent .ve .ve-workspace>.ve-viewer{order:-1!important;height:360px!important;min-height:240px!important;flex:none!important}
 html body #mainContent .ve .ve-workspace>.ve-library,html body #mainContent .ve .ve-workspace>.ve-inspector,html body #mainContent .ve .ve-workspace>.acbs-editor-right{position:relative!important;inset:auto!important;width:100%!important;min-width:0!important;max-width:none!important;height:auto!important;min-height:0!important;max-height:450px!important;resize:none!important;overflow:auto!important;flex:none!important}
 html body #mainContent .ve .acbs-editor-right>.ve-inspector{position:static!important;width:auto!important;height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important}
 html body #mainContent .ve .ed-resize-preview{display:none!important}
}
html body #mainContent .ve .ed-button{background:var(--ve-raised)!important;color:var(--ve-text)!important}
html body #mainContent .ve .ed-button[aria-pressed="true"]{background:var(--ve-accent)!important;color:var(--ve-bg)!important}
html body #mainContent .ve .ed-button span{color:inherit!important}
@media(min-width:1001px){
 html body #mainContent .ve .ve-workspace>.ed-resize-left{position:absolute!important;left:calc(var(--ed-left,280px) - 5px)!important;right:auto!important;top:0!important;bottom:0!important}
 html body #mainContent .ve .ve-workspace>.ed-resize-right{position:absolute!important;right:calc(var(--ed-right,280px) - 5px)!important;left:auto!important;top:0!important;bottom:0!important}
 html body #mainContent .ve.ed-hide-left .ed-resize-left,html body #mainContent .ve.ed-hide-right .ed-resize-right{display:none!important}
}
html body #mainContent .ve .ve-viewer,html body #mainContent .ve .ve-transport{background:var(--ve-panel)!important;color:var(--ve-text)!important}
html body #mainContent .ve .ab-toolbar{background:var(--ve-raised)!important;color:var(--ve-text)!important;border-color:var(--ve-line)!important}
html body #mainContent .ve .ab-toolbar .ab-action,html body #mainContent .ve .ab-toolbar .ab-percent{background:var(--ve-panel)!important;color:var(--ve-text)!important;border-color:var(--ve-line)!important}
html body #mainContent .ve .ab-toolbar .ab-action[aria-pressed="true"]{background:var(--ve-accent)!important;color:var(--ve-bg)!important}