:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*{font-family:sans}#root{text-align:center;flex-direction:column;height:100svh;margin:0 auto;display:flex}body{height:100vh;margin:0}h1{margin:0}.Editor{flex-direction:row;justify-content:center;height:100%;display:flex}.Editor .Toolbar{background-color:#2b2a33;flex-direction:column;gap:2px;max-width:300px;height:100%;display:flex}.Editor .Toolbar h2{margin:0}.Editor .Toolbar button{text-align:left;border:none;border-bottom:2px solid #2b2a33;width:100%;min-width:200px;padding:5px 20px;font-size:1rem;font-weight:700}.Editor .Toolbar button.active{background-color:#373541;border-bottom:2px solid #f80}.Editor .Toolbar button.add{text-align:center}.Editor .Tabbar{flex-direction:row;justify-content:space-between;display:flex}.Editor .Tabbar>div{flex-direction:row;justify-content:space-between;gap:5px;display:flex}.Editor .Tabbar button{text-align:left;border:none;border-bottom:2px solid #2b2a33;border-radius:10px 10px 0 0;max-width:200px;padding:5px;font-size:1rem}.Editor .Tabbar button.active{border-bottom:2px solid #f80}.Editor .Canvas{width:100%;height:100%}.Editor .Canvas canvas{width:100%;height:100%}.Editor>div,.Editor>main{flex-direction:column;display:flex}.Editor main{width:100%;height:100%}