body,html{height:100%}body{margin:0}.app{display:flex;flex-direction:column;min-height:100vh}[data-chrome=root]{flex:0 0 auto;padding:.5rem .9rem}[data-chrome=root] h1{margin:.1rem 0;font-size:1.3rem}[data-chrome=root] p{margin:.25rem 0}[data-chrome=root] section{margin:.35rem 0}[data-chrome=ticket-list]{margin:.25rem 0;padding-left:1.1rem;max-height:26vh;overflow:auto}.stage{display:flex}.canvas-frame,.stage{flex:1 1 auto;min-height:65vh}.canvas-frame{width:100%;height:100%;border:0;display:block}.app[data-layout=controls-bottom]{flex-direction:column-reverse}.app[data-layout=sidebar-left],.app[data-layout=sidebar-right]{flex-direction:row;align-items:stretch}.app[data-layout=sidebar-right]{flex-direction:row-reverse}.app[data-layout=sidebar-left] [data-chrome=root],.app[data-layout=sidebar-right] [data-chrome=root]{flex:0 0 22rem;max-width:42%;overflow:auto}.app[data-layout=sidebar-left] [data-chrome=ticket-list],.app[data-layout=sidebar-right] [data-chrome=ticket-list]{max-height:none}.app[data-layout=sidebar-left] .stage,.app[data-layout=sidebar-right] .stage{min-height:100vh}