@import "https://rsms.me/inter/inter.css";*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;padding:0}body{background:#f0f0f0;padding:10px;font-family:inter}.container{grid-template:"main top"1fr"main middle"1fr"main bottom"1fr/1fr 300px;gap:10px;width:100%;height:100%;display:grid;position:relative}@media only screen and (width<=600px){.container{grid-template:"main main main"1fr"top middle bottom"200px/1fr 1fr 1fr}}.container>.panel{padding:20px;position:relative}.canvas{pointer-events:none;width:100vw;height:100vh;top:0;left:0;position:absolute!important}