.lab-mobile-nav{display:none}@media (max-width:1100px){html:has(.lab-mobile-nav) body{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto minmax(0,1fr);grid-template-areas:"bar" "navigation" "panel";height:100dvh}.lab-mobile-nav{grid-area:navigation;display:flex;gap:4px;padding:6px;overflow-x:auto;border-bottom:1px solid var(--bd)}.lab-mobile-nav button{flex:1 1;min-height:36px}.lab-mobile-nav [aria-pressed=true]{color:var(--pri);border-color:var(--pri)}body:has(.lab-mobile-nav) #bar{gap:6px;padding:6px}body:has(.lab-mobile-nav) #bar label{flex-wrap:wrap;min-width:0;max-width:100%}body:has(.lab-mobile-nav) #bar input[type=file]{width:100%;max-width:190px}body:has(.lab-mobile-nav) #status{flex-basis:100%;text-align:left}body:has(.lab-mobile-nav) :is(#left,#right,#viewport,#lib,#curveDock){display:none;grid-area:panel;width:100%;min-width:0;max-height:none;overflow:auto}body:has(.lab-mobile-nav[data-panel=viewport]) #viewport{display:block;overflow:hidden}body:has(.lab-mobile-nav[data-panel=left]) #left,body:has(.lab-mobile-nav[data-panel=right]) #right{display:block}body:has(.lab-mobile-nav[data-panel=curveDock]) #curveDock,body:has(.lab-mobile-nav[data-panel=lib]) #lib{display:flex}body:has(.lab-mobile-nav) #curveDock{padding:6px}body:has(.lab-mobile-nav) #curveDock .polRow{flex-shrink:0}body:has(.lab-mobile-nav) #curveMain{min-height:180px}body:has(.lab-mobile-nav) #curveList{width:120px}body:has(.lab-mobile-nav) #curveGrip{display:none}}