html{-webkit-text-size-adjust:100%;overflow:hidden}html,body,.app{height:100dvh!important;min-height:0!important}body{overflow:hidden!important}.app{max-width:100%;overflow:hidden!important}button,a,input,select,textarea{touch-action:manipulation}
@media(max-width:760px){
  input,select,textarea{font-size:16px!important}.topbar{position:relative!important;padding:max(8px,env(safe-area-inset-top)) 10px 8px!important;display:block!important;max-height:38dvh;overflow:auto}.headerLeft,.userBlock{min-width:0!important;width:100%!important}.rowTop,.actionLeft{display:flex!important;overflow-x:auto;flex-wrap:nowrap!important;scrollbar-width:none}.rowTop>* ,.actionLeft>*{flex:0 0 auto;min-height:42px}.userBlock{margin-top:8px!important}.userEmail{overflow:hidden;text-overflow:ellipsis}.topnav{display:flex!important;overflow-x:auto;flex-wrap:nowrap!important;scrollbar-width:none;padding:6px 10px!important}.topnav>*{flex:0 0 auto;min-height:42px}
  .main{display:flex!important;flex-direction:column!important;min-height:0!important;overflow:auto!important}.left{width:100%!important;min-width:0!important;max-height:38dvh!important;border-right:0!important;border-bottom:1px solid var(--border,#2a3952);overflow:auto!important}.tabs{display:flex!important;overflow-x:auto;flex-wrap:nowrap!important;scrollbar-width:none}.tab{flex:0 0 auto;min-height:42px}.canvasWrap{min-height:62dvh!important;overflow:visible!important}.canvasTop,.designerSessionBar,.designerRealSelectionBar{grid-template-columns:1fr!important;display:grid!important;gap:8px!important}.canvasHost,.stage{min-height:420px!important}.realPreviewFrame{min-width:320px}
  .grid2{grid-template-columns:1fr!important}.modal,dialog{position:fixed!important;inset:max(6px,env(safe-area-inset-top)) 6px max(6px,env(safe-area-inset-bottom))!important;width:auto!important;max-width:none!important;max-height:none!important;margin:0!important;overflow:auto!important}
}