html,body,#root{background:#f2ede4;width:100%;height:100%;margin:0;overflow:hidden}body{overscroll-behavior:none}*{box-sizing:border-box}.h5-app{--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);width:100%;max-width:600px;margin:auto;height:100dvh!important}@media (width>=700px){body{background:#ded8ce}.h5-app{box-shadow:0 0 70px #211d1518}}.h5-app .mobile-carousel{touch-action:pan-y;scrollbar-width:none;position:relative;overflow:auto hidden}.h5-app .mobile-carousel::-webkit-scrollbar{display:none}.h5-app .mobile-carousel-content{width:max-content;min-width:100%;transform:translateX(var(--mobile-carousel-overdrag,0px));display:flex}.h5-app .mobile-carousel-scrollbar{display:none}@media (orientation:landscape) and (height<=520px){.h5-app{max-width:none}.h5-app.screen-edit,.h5-app.screen-view{--scene-top:105px;--scene-bottom:0px}.h5-app.screen-edit .scene-host,.h5-app.screen-view .scene-host,.h5-app.screen-edit .canvas-gestures,.h5-app.screen-view .canvas-gestures{right:310px}.h5-app .work-tools{border-left:1px solid var(--line);width:310px;min-height:0;padding:14px 18px 16px;inset:65px 0 0 auto;overflow-y:auto}.h5-app .steps{top:65px;right:330px}.h5-app .canvas-toolbar{right:326px}.h5-app .canvas-hint{bottom:12px;right:330px}.h5-app .work-header{right:320px}.h5-app .shape-card{height:82px}.h5-app .shape-card img{height:58px}.h5-app .tool-heading h3{font-size:18px}.h5-app .next-button{margin-top:10px}.h5-app .finished-panel{border-left:1px solid var(--line);flex-direction:column;justify-content:center;width:310px;display:flex;inset:65px 0 0 auto}.h5-app.screen-home{--scene-top:0px;--scene-bottom:0px}.h5-app .home-header{top:20px}.h5-app .home-footer{width:245px;bottom:15px;left:auto;right:24px}.h5-app .home-primary{min-height:47px!important;font-size:18px!important}.h5-app .work-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.h5-app .confirm-panel,.h5-app .finish-dialog{max-width:390px;padding:15px 22px}.h5-app .finish-dialog p{margin:8px 0}.h5-app .finish-dialog>.primary{margin-top:10px}.h5-app .finish-dialog h2{font-size:21px}.h5-app .overlay.export-overlay>section{max-width:330px;margin:auto}.h5-app .export-overlay img{max-height:44dvh}}