/* Keep every motion-editor region inside the usable application viewport. */
.motion-editor-mode main{height:100dvh;min-height:0;overflow:hidden}
.motion-editor-mode main>header{box-sizing:border-box;flex:0 0 82px}
.motion-editor-mode #content{box-sizing:border-box;height:calc(100dvh - 82px)!important;max-height:calc(100dvh - 82px);min-height:0;display:flex;flex-direction:column;overflow:hidden!important;padding-bottom:16px!important}
.motion-editor-mode .motion-source-bar,.motion-editor-mode .motion-editor-top{flex:0 0 auto;box-sizing:border-box}
.motion-editor-mode .motion-workspace{flex:1 1 auto;height:auto!important;min-height:0!important;max-height:100%}
.motion-editor-mode .document-outline,.motion-editor-mode .motion-paper-area,.motion-editor-mode .drafting-tools{min-height:0!important;max-height:100%}
.motion-editor-mode .document-outline{overflow-y:auto!important;overflow-x:hidden!important}
.motion-editor-mode .document-outline footer{position:sticky;bottom:0;flex:0 0 57px;background:#fff;z-index:3}
.motion-editor-mode .motion-paper-area{grid-template-rows:52px 22px minmax(0,1fr) 37px!important}
.motion-editor-mode .motion-document{min-height:0!important;padding-bottom:70px!important;overscroll-behavior:contain}
.motion-editor-mode .drafting-tools{overflow-y:auto!important;overscroll-behavior:contain;padding-bottom:18px!important}
.motion-editor-mode .motion-statusbar{position:sticky!important;bottom:0;background:#fff}
@media(max-height:760px){.motion-editor-mode main>header{flex-basis:68px;height:68px;padding-top:12px}.motion-editor-mode #content{height:calc(100dvh - 68px)!important;max-height:calc(100dvh - 68px);padding-bottom:10px!important}.motion-editor-mode .motion-editor-top{height:68px}}