*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden}#root{width:100%;height:100%}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{margin:0;padding:0;text-align:center;width:100%;height:100%}.app{width:100vw;height:100vh;display:flex;flex-direction:column;background:#fff;overflow:hidden;position:relative}.canvas-container{flex:1;width:100%;height:100%;touch-action:none}.info{display:none}@media (max-width: 768px){.app{height:100vh;height:100dvh}}@media (max-width: 768px){[data-leva-root]{position:fixed!important;top:10px!important;right:10px!important;left:auto!important;width:auto!important;max-width:calc(100vw - 20px)!important;z-index:1000!important}[data-leva-root] button{min-height:44px!important;font-size:16px!important;padding:12px 16px!important}[data-leva-root] input{min-height:44px!important;font-size:16px!important}[data-leva-root] [data-leva-slider]{height:44px!important}}@media (max-height: 500px) and (orientation: landscape){[data-leva-root]{top:5px!important;right:5px!important;max-width:300px!important}}