#mobilePanelGrip,#mobileParametersPanel,#mobileWorkspaceMenus,#mobileProductionBar,.mobilePartIcon{display:none}
@media(max-width:760px),(max-width:1000px) and (pointer:coarse){
 body.mobileWorkspace{height:100dvh;min-height:0;overflow:hidden;display:flex;flex-direction:column}
 body.mobileWorkspace>header{flex:0 0 auto;min-height:52px;height:auto!important;flex-wrap:nowrap;padding:6px!important;gap:4px;box-sizing:border-box}
 body.mobileWorkspace>header .brand{width:auto;flex:0 0 auto;gap:0}
 body.mobileWorkspace>header .letrixLogo{width:112px;height:auto;max-height:32px}
 body.mobileWorkspace #tagline{display:none!important}
 body.mobileWorkspace>header .toptools{width:auto;flex:1;flex-wrap:nowrap;justify-content:flex-end;gap:3px}
 body.mobileWorkspace>header .toptools :is(#commercialPlanBtn,.languageControl,.currencyControl){width:38px!important;min-width:38px!important;height:32px!important;min-height:32px!important;padding:0!important;font-size:10px}
 body.mobileWorkspace>header :is(#accountBtn,#settingsBtn){width:30px!important;height:32px!important;min-width:30px!important;padding:4px!important}
 body.mobileWorkspace>header :is(#ownerPanelBtn,#adminPanelBtn){font-size:9px;min-width:0;padding:4px}
 body.mobileWorkspace main{display:flex!important;flex:1;flex-direction:column;height:auto!important;min-height:0;overflow:hidden}
 body.mobileWorkspace main>aside{flex:0 0 auto;width:100%!important;padding:0!important;max-height:none;overflow:visible;background:var(--panel);position:relative;z-index:35}
 body.mobileWorkspace #stepCards{display:flex!important;flex-wrap:nowrap;overflow-x:auto;gap:5px;padding:5px 7px;margin:0;width:100%;box-sizing:border-box;scrollbar-width:thin}
 body.mobileWorkspace #stepCards .step{min-height:35px;flex:0 0 auto;gap:5px;white-space:nowrap;padding:5px 8px;cursor:pointer}
 body.mobileWorkspace #stepCards svg{width:17px;height:17px}
 body.mobileWorkspace :is(#iconRail,#showRailEdge,.navcollapse){display:none!important}
 body.mobileWorkspace #mobileParametersPanel{display:none!important;position:absolute;left:0;right:0;top:100%;max-height:min(65dvh,calc(100dvh - 240px));overflow:auto;overscroll-behavior:contain;background:var(--panel);border-bottom:1px solid var(--line);box-shadow:0 12px 24px #0005}
 body.mobileWorkspace.mobileParametersOpen main>aside>#mobileParametersPanel{display:block!important}
 body.mobileWorkspace #mobileParametersPanel>.stagepanel:not(.hiddenStage){display:block!important;padding:9px 12px}
 body.mobileWorkspace #mobileParametersPanel>.hiddenStage{display:none!important}
 body.mobileWorkspace #legalLinks{display:none}
 body.mobileWorkspace.mobileParametersOpen #legalLinks{display:block}
 body.mobileWorkspace #mobilePanelGrip{display:block;width:100%;height:26px;border:0;border-top:1px solid var(--line);background:var(--panel);color:var(--muted);font:600 11px system-ui;touch-action:none;cursor:ns-resize;padding:4px}
 body.mobileWorkspace #viewport{flex:1;width:100%!important;min-height:120px!important;height:auto!important;overflow:hidden}
 body.mobileWorkspace #viewport .viewbar{left:6px!important;right:6px!important;top:6px!important;width:calc(100% - 12px)!important;padding:3px!important;box-sizing:border-box}
 body.mobileWorkspace #viewport .viewbar .viewrow{display:grid!important;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:2px;flex-wrap:nowrap!important}
 body.mobileWorkspace #viewport .viewbar button{display:flex;justify-content:center;align-items:center;width:100%;height:30px;min-height:30px;min-width:0;margin:0;padding:2px!important;border-radius:5px;font-size:0!important;box-sizing:border-box}
 body.mobileWorkspace #viewport .viewbar button svg{display:block;width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.4}
 body.mobileWorkspace #viewport .viewbar button span{display:none}
 body.mobileWorkspace .mobilePartIcon,body.mobileWorkspace .mobileMenuButton{display:block}
 body.mobileWorkspace #viewport .explode{left:6px!important;right:6px!important;top:48px!important;width:calc(100% - 12px)!important;max-width:none!important;display:flex;gap:8px;align-items:center;box-sizing:border-box;padding:5px 8px!important}
 body.mobileWorkspace .explode b{display:none}body.mobileWorkspace #explode{flex:1;min-width:0}body.mobileWorkspace #explodeValue{font-size:10px;white-space:nowrap}
 body.mobileWorkspace .gridToggleWrap{display:none!important}
 body.mobileWorkspace #orcaCubeWrap{display:block!important;left:auto!important;right:8px;top:96px;bottom:auto;transform:scale(.75);transform-origin:top right}
 body.mobileWorkspace #colorDock{display:none;top:95px;left:8px;z-index:25;max-height:calc(100% - 108px);overflow:auto}
 body.mobileWorkspace.mobileColorsOpen #colorDock{display:flex}
 body.mobileWorkspace #colorDock .colorDockGrip{display:flex;min-height:24px;touch-action:none}
 body.mobileWorkspace #productionRail{display:none!important;top:95px!important;right:8px!important;left:auto!important;height:auto!important;max-height:calc(100% - 108px);z-index:25}
 body.mobileWorkspace.mobileToolsOpen #productionRail{display:flex!important}
 body.mobileWorkspace #productionGrip{display:none}
 body.mobileWorkspace #sizeBadge{bottom:8px;top:auto!important;right:8px;left:auto;font-size:10px;max-width:65%;overflow:hidden}
 body.mobileWorkspace #perfHud{display:none}
 body.mobileWorkspace .quickColorPopover{max-width:calc(100vw - 20px);max-height:calc(100dvh - 20px);overflow:auto}
 body.mobileWorkspace #productionBeds{max-width:calc(100% - 16px);left:8px;bottom:40px;overflow:auto}
 body.mobileWorkspace #viewport .editHistory{bottom:8px;left:8px!important}
}

@media(max-width:760px),(max-width:1000px) and (pointer:coarse){body.mobileWorkspace #checkoutCurrency{width:100%!important;min-width:0!important;padding:0 10px 0 2px!important}body.mobileWorkspace .languageControl select{width:100%!important;min-width:0!important}}

@media(max-width:760px),(max-width:1000px) and (pointer:coarse){body.mobileWorkspace>header .toptools{min-width:0}body.mobileWorkspace>header .brand{min-width:0}body.mobileWorkspace>header .toptools #checkoutCurrency{width:38px!important;min-width:38px!important;max-width:38px!important;font-size:9px;padding:0 2px!important}body.mobileWorkspace>header .toptools #commercialPlanBtn{width:38px!important;min-width:38px!important;max-width:38px!important}body.mobileWorkspace>header .toptools .languageControl{width:38px!important;min-width:38px!important;max-width:38px!important}body.mobileWorkspace>header .toptools :is(#accountBtn,#settingsBtn){width:30px!important;min-width:30px!important;max-width:30px!important}body.mobileWorkspace>header .toptools #settingsBtn svg{width:22px;height:22px}body.mobileWorkspace>header .accountAvatar{width:28px!important;height:28px!important}body.mobileWorkspace>header .letrixBrand{width:112px;min-width:0}}

@media(max-width:760px),(max-width:1000px) and (pointer:coarse){body.mobileWorkspace .viewbar .mobileMenuButton{background:var(--panel);color:var(--ink);border:1px solid var(--line)}body.mobileWorkspace .viewbar .mobileMenuButton[aria-expanded=true]{background:var(--accent);color:#171b22}}

@media(max-width:360px){body.mobileWorkspace>header:has(#adminPanelBtn:not(.hidden)) .letrixBrand,body.mobileWorkspace>header:has(#adminPanelBtn:not(.hidden)) .letrixLogo{width:76px!important}}

@media(max-width:760px),(max-width:1000px) and (pointer:coarse){
 body.mobileWorkspace main>aside.productionEditing>#stepCards{display:flex!important}
 body.mobileWorkspace main>aside.productionEditing>#mobilePanelGrip{display:block!important}
 body.mobileWorkspace #mobilePanelGrip{min-height:32px;height:32px;position:relative;z-index:40}
 body.mobileWorkspace #mobileParametersPanel #legalLinks{position:static;margin:0;padding:8px}
 body.mobileWorkspace #mobileWorkspaceMenus{display:flex;position:absolute;left:8px;bottom:52px;gap:6px;z-index:32;max-width:calc(100% - 16px)}
 body.mobileWorkspace #mobileWorkspaceMenus button,body.mobileWorkspace #mobileProductionBar button{display:flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:6px 10px;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--ink);font:600 12px system-ui}
 body.mobileWorkspace #mobileWorkspaceMenus button[aria-expanded=true]{border-color:var(--accent);color:var(--accent)}
 body.mobileWorkspace #mobileWorkspaceMenus svg{width:19px;height:19px;stroke:currentColor;stroke-width:1.4;fill:none}
 body.mobileWorkspace #mobileProductionBar:not([hidden]){display:flex;position:absolute;top:94px;left:8px;right:8px;gap:6px;z-index:24;justify-content:flex-start}
 body.mobileWorkspace #mobileProductionBar [hidden]{display:none!important}
 body.mobileWorkspace #mobileProductionBar button{font-size:11px;min-height:34px}
 body.mobileWorkspace #productionPanel{display:none!important;position:absolute;left:8px!important;right:8px!important;top:136px!important;bottom:auto!important;width:calc(100% - 16px)!important;max-height:min(45dvh,calc(100% - 190px));overflow:hidden;border:1px solid var(--line);border-radius:12px;background:var(--panel);z-index:30}
 body.mobileWorkspace.mobileProductionSettingsOpen #productionPanel:not([hidden]){display:flex!important}
 body.mobileWorkspace #productionPanel>header{flex:0 0 auto;padding:8px;margin:0;min-height:44px}
 body.mobileWorkspace #productionPanel .productionLayout{min-height:0;overflow:auto;padding:8px}
 body.mobileWorkspace #productionClose,body.mobileWorkspace #colorDrawerClose{min-width:32px;min-height:32px}
 body.mobileWorkspace #colorDock{max-width:calc(100% - 16px);max-height:calc(100% - 162px);gap:6px;overflow:auto;align-items:flex-start}
 body.mobileWorkspace #colorDockMini,body.mobileWorkspace .colorDockMini{flex:0 0 59px}
 body.mobileWorkspace #colorDrawer{width:calc(100vw - 92px);min-width:0;max-width:340px;max-height:min(65dvh,calc(100dvh - 290px));box-sizing:border-box;overflow:auto;padding:9px;flex:1 1 auto}
 body.mobileWorkspace #colorDrawer .colorrow{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:6px}
 body.mobileWorkspace #colorDrawer :is(input,select){min-width:0;max-width:100%;box-sizing:border-box}
 body.mobileWorkspace #colorDrawer input[type=range]{width:100%}
 body.mobileWorkspace #colorDrawer .drawerMaterialGrid{grid-template-columns:38px minmax(0,1fr) 36px}
}

@media(max-width:760px),(max-width:1000px) and (pointer:coarse){
 body.mobileWorkspace main>aside>#mobilePanelGrip[hidden]{display:none!important}
 body.mobileWorkspace #mobileProductionBar:not([hidden]){display:flex!important;position:relative;top:auto;left:auto;right:auto;min-height:32px;height:32px;padding:0 7px;box-sizing:border-box;z-index:40;gap:4px;align-items:center}
 body.mobileWorkspace #mobileProductionBar button{min-height:28px;height:28px;padding:2px 10px}
 body.mobileWorkspace #mobileToolSettings{flex:1}
 body.mobileWorkspace #mobileFinishTool{margin-left:auto;width:32px;padding:0;font-size:23px}
 body.mobileWorkspace #productionPanel{top:94px!important;max-height:calc(100% - 150px)}
 body.mobileWorkspace #viewport .viewbar,body.mobileWorkspace #viewport .explode{left:6px!important;right:6px!important;width:calc(100% - 12px)!important;max-width:none!important;margin:0!important;transform:none!important}
 body.mobileWorkspace .productionOperationEditor{max-width:calc(100% - 12px);max-height:calc(100% - 12px);overflow:auto;box-sizing:border-box}
}