html{box-sizing:border-box;height:100%}*,:after,:before{box-sizing:inherit}body{height:100%;margin:0;background-color:#04042e;font-family:system-ui,-apple-system,sans-serif;display:flex;flex-direction:column}.panel{flex:1;position:relative;height:90%;margin:10px;border:3px solid #ccd}.canvas-container{position:absolute;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.canvas-container canvas{position:absolute;max-width:100%;max-height:100%}#region-selector{opacity:.7}.toolbar{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.button{z-index:1;margin:10px;box-shadow:0 1px 3px #fdfdfd;border:none;border-radius:5px;padding:10px;background-color:#fff;color:#000;font-family:inherit;font-size:inherit;text-decoration:none}.button:not(:hover){opacity:.7}.button:active{background-color:#fff}@media (min-width:768px){body{flex-direction:row}.panel{height:unset}.panel:not(:first-child){margin-left:0}}