@media (width<=820px){html,body{overscroll-behavior:none;-webkit-text-size-adjust:100%;width:100%;max-width:100vw;height:100dvh;overflow:hidden}#root,html body .app{width:100%;max-width:100vw;height:100dvh}html body .app{grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr)}html body .topbar{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;gap:6px;height:auto;min-height:48px;padding:6px 8px;overflow-x:auto}html body .topbar::-webkit-scrollbar{display:none}html body .topbar-group{flex:none}html body .topbar-title{display:none}html body .btn{white-space:nowrap;min-height:40px}html body .workspace{grid-template-rows:minmax(200px,42%) minmax(0,1fr);grid-template-columns:minmax(0,1fr)}html body .canvas-area{min-height:0}.stage,html body .stage *{touch-action:none}html body .sidepanel{border-left:0;border-top:1px solid var(--border);-webkit-overflow-scrolling:touch;overscroll-behavior:contain;width:100%;max-width:100vw}html body input[type=range]{min-height:32px}html body .statusbar{flex-wrap:wrap;gap:2px 10px;padding:4px 8px}}