/* Phone layout after the compact viewer update. Keep one page scroll. */
@media (max-width:850px){
 html.xform3-themed body .lab-page .xf3v2__builder>.xf3v2__form{
  max-height:none!important;overflow:visible!important;scrollbar-gutter:auto!important
 }
}
@media (max-width:600px){
 html.xform3-themed body .lab-page[data-store-finish][data-compact-viewer] .lab-viewer-shell.lab-viewer-shell{
  display:grid!important;grid-template-columns:minmax(0,1fr)!important;
  grid-template-rows:auto auto auto auto auto!important;gap:9px!important;
  height:auto!important;min-height:0!important;padding:10px!important
 }
 html.xform3-themed body .lab-page[data-store-finish][data-compact-viewer] .lab-viewer-shell.lab-viewer-shell .lab-viewer-toolbar{
  grid-row:1!important;grid-column:1!important;align-self:start!important;
  width:100%!important;margin:0!important;flex-wrap:wrap!important
 }
 html.xform3-themed body .lab-page[data-store-finish][data-compact-viewer] .lab-viewer-shell.lab-viewer-shell .lab-preview-material.lab-preview-material.lab-preview-material.lab-preview-material.lab-preview-material .xf3-weight-metrics{
  grid-row:2!important;grid-column:1!important;justify-self:stretch!important;
  align-self:start!important;display:flex!important;flex-direction:column!important;
  align-items:flex-start!important;gap:5px!important;width:100%!important;
  max-width:100%!important;margin:0!important;padding:8px 10px!important;
  border:1px solid #aac8d4!important;border-radius:8px!important;
  background:rgb(237 248 251 / 92%)!important;box-sizing:border-box!important
 }
 html.xform3-themed body .lab-page[data-store-finish][data-compact-viewer] .lab-viewer-shell.lab-viewer-shell .lab-preview-material.lab-preview-material.lab-preview-material.lab-preview-material.lab-preview-material .xf3-weight-metrics :is([data-empty-shelf-weight],[data-shelf-capacity-jump]){
  display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;gap:6px!important;justify-content:stretch!important;
  text-align:left!important;width:100%!important;max-width:100%!important;
  white-space:normal!important
 }
 html.xform3-themed body .lab-page[data-store-finish][data-compact-viewer] .lab-viewer-shell.lab-viewer-shell .lab-preview-material.lab-preview-material.lab-preview-material.lab-preview-material.lab-preview-material .xf3-weight-metrics .xf3-metric-label{
  width:auto!important;max-width:none!important;text-align:left!important
 }
 html.xform3-themed body .lab-page[data-store-finish][data-compact-viewer] .lab-viewer-shell.lab-viewer-shell .xf3-viewer-save-anchor{
  grid-row:3!important;grid-column:1!important;justify-self:end!important;
  align-self:center!important;margin:0!important
 }
 html.xform3-themed body .lab-page[data-store-finish][data-compact-viewer] .lab-viewer-shell.lab-viewer-shell .lab-viewer{
  grid-row:4!important;grid-column:1!important;width:100%!important;
  height:clamp(270px,82vw,350px)!important;min-height:0!important
 }
 html.xform3-themed body .lab-page[data-store-finish][data-compact-viewer] .lab-viewer-shell.lab-viewer-shell .xf3-wall-options.xf3-wall-options{
  grid-row:5!important;grid-column:1!important;align-self:start!important;
  position:static!important;width:100%!important;height:auto!important;
  min-height:0!important;margin:0!important;transform:none!important;
  box-sizing:border-box!important;padding:8px!important;
  border:1px solid #aac8d4!important;border-radius:8px!important;
  background:rgb(237 248 251 / 92%)!important
 }
 html.xform3-themed body .lab-page[data-store-finish][data-compact-viewer] .lab-viewer-shell.lab-viewer-shell .xf3-wall-options .xf3-viewer-gesture-hint{
  flex:1 1 100%!important;justify-content:flex-start!important
 }
}
@media (max-width:380px){
 html.xform3-themed body .lab-page[data-store-finish] .lab-header.xf3-mobile-ready[data-mobile-panel="all"]>.lab-preferences{
  grid-template-columns:minmax(0,1fr)!important
 }
 html.xform3-themed body .lab-page[data-store-finish] .lab-common-sizes{
  grid-template-columns:minmax(0,1fr) auto!important;grid-template-rows:auto auto!important
 }
 html.xform3-themed body .lab-page[data-store-finish] .lab-common-sizes__label{
  grid-column:1!important;grid-row:1!important;align-self:center!important
 }
 html.xform3-themed body .lab-page[data-store-finish] .lab-common-sizes [data-reset-shelf]{
  grid-column:2!important;grid-row:1!important;width:auto!important;
  min-height:32px!important;padding:4px 8px!important
 }
 html.xform3-themed body .lab-page[data-store-finish] .lab-common-sizes .xf3v2__chips{
  grid-column:1/-1!important;grid-row:2!important;
  display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;
  grid-template-rows:repeat(3,minmax(30px,auto))!important;
  overflow:visible!important
 }
}