/* Phone navigation keeps the existing controls in one expandable menu. */
.xf3-mobile-library{display:none}
@media(max-width:900px){
 body:has(.lab-header.xf3-mobile-ready[data-mobile-panel="all"]) .xf3-feedback-widget,
 body:has(.lab-header.xf3-mobile-ready[data-mobile-panel="all"]) .xf3-chat-launch{
  visibility:hidden!important;pointer-events:none!important
 }
 html.xform3-themed body .lab-page[data-store-finish] .lab-header.xf3-mobile-ready{
  grid-template-areas:"brand" "controls" "pages" "account" "library" "preferences"!important;
  row-gap:0!important;padding:8px 0 4px!important
 }
 html.xform3-themed body .lab-page[data-store-finish] .lab-header.xf3-mobile-ready .lab-realm-store-brand{
  width:min(72vw,260px)!important;aspect-ratio:360/148;margin:0 auto 6px!important
 }
 html.xform3-themed body .lab-page[data-store-finish] .lab-header.xf3-mobile-ready>.xf3-mobile-controls{
  grid-area:controls;grid-template-columns:minmax(0,1fr)!important
 }
 html.xform3-themed body .lab-page[data-store-finish] .xf3-mobile-controls>button{
  min-height:44px!important;padding:9px 14px!important;background:#f2f9fb!important
 }
 html.xform3-themed body .lab-page[data-store-finish] .lab-header.xf3-mobile-ready>.lab-main-nav,
 html.xform3-themed body .lab-page[data-store-finish] .lab-header.xf3-mobile-ready>.lab-preferences,
 html.xform3-themed body .lab-page[data-store-finish] .lab-header.xf3-mobile-ready>.lab-tab-actions,
 html.xform3-themed body .lab-page[data-store-finish] .lab-header.xf3-mobile-ready>.xf3-mobile-library{
  display:none!important;min-width:0!important;width:100%!important;box-sizing:border-box!important
 }
 html.xform3-themed body .lab-page[data-store-finish] .lab-header.xf3-mobile-ready[data-mobile-panel="all"]>.lab-main-nav{
  grid-area:pages;display:block!important;margin:9px 0 0!important;padding:0!important
 }
 html.xform3-themed body .lab-page[data-store-finish] .lab-header.xf3-mobile-ready[data-mobile-panel="all"]>.lab-tab-actions{
  grid-area:account;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:7px!important;align-items:stretch!important;margin:0!important;padding:9px 10px 0!important;
  background:#f6fbfc!important;border-inline:1px solid #a8c0cb!important
 }
 html.xform3-themed body .lab-page[data-store-finish] .lab-header.xf3-mobile-ready[data-mobile-panel="all"]>.xf3-mobile-library{
  grid-area:library;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;
  padding:7px 10px 0;background:#f6fbfc;border-inline:1px solid #a8c0cb
 }
 html.xform3-themed body .lab-page[data-store-finish] .lab-header.xf3-mobile-ready[data-mobile-panel="all"]>.lab-preferences{
  grid-area:preferences;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:9px!important;margin:0!important;padding:10px!important;border-radius:0 0 10px 10px!important;
  border-top:0!important
 }
 html.xform3-themed body .lab-page[data-store-finish] .lab-header.xf3-mobile-ready>.lab-main-nav>.menu{
  border-radius:10px 10px 0 0!important;border-bottom:0!important;gap:3px!important;padding:8px 9px!important
 }
 html.xform3-themed body .lab-page[data-store-finish] .lab-header.xf3-mobile-ready>.lab-tab-actions
 :is(.lab-account-link,.lab-my-account-menu,.xf3-chat-tab,.lab-cart-tab-host,.lab-order-tab--cart),
 html.xform3-themed body .lab-page[data-store-finish] .xf3-mobile-library>button{
  width:100%!important;min-width:0!important;box-sizing:border-box!important;margin:0!important
 }
 html.xform3-themed body .lab-page[data-store-finish] .xf3-mobile-library>button{
  min-height:44px;padding:8px 10px;border:1px solid #a8c0cb;border-radius:7px;
  background:#fff;color:#193e50;font:600 15px/1.25 var(--store-body,Arial,sans-serif)
 }
 html.xform3-themed body .lab-page[data-store-finish] .lab-header.xf3-mobile-ready>.lab-tab-actions
 :is([data-saved-orders-shortcut],[data-saved-shelves-menu]){display:none!important}
 html.xform3-themed body .lab-page[data-store-finish] .lab-header.xf3-mobile-ready .lab-my-account-menu{
  grid-column:1 / -1;order:0!important
 }
 html.xform3-themed body .lab-page[data-store-finish] .lab-header.xf3-mobile-ready>.lab-tab-actions>.xf3-chat-tab,
 html.xform3-themed body .lab-page[data-store-finish] .lab-header.xf3-mobile-ready>.lab-tab-actions>.lab-cart-tab-host{
  order:1!important
 }
 html.xform3-themed body .lab-page[data-store-finish] .lab-header.xf3-mobile-ready .lab-my-account-dropdown{
  position:static!important;inset:auto!important;width:100%!important;max-width:100%!important
 }
 html.xform3-themed body .lab-page[data-store-finish] .lab-header.xf3-mobile-ready>.lab-preferences>label:has([data-lab-language]),
 html.xform3-themed body .lab-page[data-store-finish] .lab-header.xf3-mobile-ready>.lab-preferences>.lab-appearance,
 html.xform3-themed body .lab-page[data-store-finish] .lab-header.xf3-mobile-ready>.lab-preferences>.xf3-animation-toggle{
  grid-column:1 / -1!important;width:100%!important;max-width:100%!important
 }
 html.xform3-themed body .lab-page[data-store-finish] .lab-header.xf3-mobile-ready>.lab-preferences>label{
  width:auto!important;min-width:0!important
 }
 html.xform3-themed body .lab-page[data-store-finish] .lab-header.xf3-mobile-ready>.lab-preferences select{
  width:100%!important;min-width:0!important;max-width:100%!important
 }
 html.xform3-themed body .lab-page[data-store-finish] .lab-sticky-top{margin-bottom:12px!important}
 html.xform3-themed body .lab-page[data-store-finish] .lab-order-tabs{
  margin:0 0 9px!important;padding:0!important;gap:0!important
 }
 html.xform3-themed body .lab-page[data-store-finish] .lab-order-tabs-main{
  display:flex!important;flex-wrap:nowrap!important;align-items:stretch!important;gap:7px!important;
  min-width:0!important;width:100%!important
 }
 html.xform3-themed body .lab-page[data-store-finish] .lab-order-tabs-main>[data-new-shelf]{
  flex:0 0 auto!important;min-height:44px!important
 }
 html.xform3-themed body .lab-page[data-store-finish] [data-shelf-tabs]{
  display:flex!important;flex-wrap:nowrap!important;min-width:0!important;overflow-x:auto!important;
  overflow-y:hidden!important;overscroll-behavior-inline:contain;scrollbar-width:auto;
  scroll-snap-type:x proximity;touch-action:pan-x;padding:0 2px 5px!important
 }
 html.xform3-themed body .lab-page[data-store-finish] [data-shelf-tabs]>.lab-order-tab{
  flex:0 0 auto!important;scroll-snap-align:start
 }
}
@media(max-width:600px){
 :root.xform3-themed body .lab-page[data-store-finish] .lab-viewer-shell.lab-viewer-shell{
  display:grid!important;grid-template-columns:minmax(0,1fr)!important;
  grid-template-rows:auto auto minmax(0,1fr) auto auto!important;gap:8px!important;padding:10px!important
 }
 :root.xform3-themed body .lab-page[data-store-finish] .lab-viewer-shell.lab-viewer-shell .lab-preview-material.lab-preview-material.lab-preview-material.lab-preview-material .lab-material-kind,
 :root.xform3-themed body .lab-page[data-store-finish] .lab-viewer-shell.lab-viewer-shell .lab-preview-material.lab-preview-material.lab-preview-material.lab-preview-material .lab-material-specs{
  display:none!important
 }
 :root.xform3-themed body .lab-page[data-store-finish] .lab-viewer-shell.lab-viewer-shell .lab-viewer-toolbar{
  grid-row:1!important;grid-column:1!important;display:flex!important;flex-wrap:wrap!important;
  width:100%!important;margin:0!important;gap:6px!important
 }
 :root.xform3-themed body .lab-page[data-store-finish] .lab-viewer-shell.lab-viewer-shell .lab-viewer-toolbar .lab-view-modes{
  flex-wrap:nowrap!important;min-width:0!important;gap:5px!important
 }
 :root.xform3-themed body .lab-page[data-store-finish] .lab-viewer-shell.lab-viewer-shell .lab-viewer-toolbar :is(button,.lab-show-dimensions){
  min-height:40px!important;white-space:nowrap!important;
  padding:7px 5px!important;font:600 11px/1.2 var(--store-body,Arial,sans-serif)!important
 }
 :root.xform3-themed body .lab-page[data-store-finish] .lab-viewer-shell.lab-viewer-shell .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:start!important;
  display:flex!important;flex-wrap:wrap!important;margin:0!important;gap:7px!important;
  width:100%!important;box-sizing:border-box!important;padding:7px 9px!important;
  border:1px solid #aac8d4!important;border-radius:8px!important;background:#edf8fb!important
 }
 :root.xform3-themed body .lab-page[data-store-finish] .lab-viewer-shell.lab-viewer-shell .lab-viewer{
  grid-row:3!important;grid-column:1!important;height:clamp(280px,82vw,380px)!important;
  min-width:0!important;touch-action:pan-y pinch-zoom!important
 }
 :root.xform3-themed body .lab-page[data-store-finish] .lab-viewer-shell.lab-viewer-shell .lab-viewer canvas{
  touch-action:pan-y pinch-zoom!important
 }
 :root.xform3-themed body .lab-page[data-store-finish] .lab-viewer-shell.lab-viewer-shell .xf3-wall-options{
  grid-row:5!important;grid-column:1!important;min-width:0!important;
  display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:7px!important;
  box-sizing:border-box!important;padding:8px!important;border:1px solid #aac8d4!important;
  border-radius:8px!important;background:#edf8fb!important;color:#163d50!important
 }
 :root.xform3-themed body .lab-page[data-store-finish] .lab-viewer-shell.lab-viewer-shell .xf3-wall-options .xf3-viewer-gesture-hint{
  flex:1 1 100%!important;justify-content:flex-start!important;min-width:0!important;
  margin:0!important;padding:0!important
 }
 :root.xform3-themed body .lab-page[data-store-finish] .lab-viewer-shell.lab-viewer-shell .xf3-viewer-save-anchor{
  grid-row:4!important;grid-column:1!important;justify-self:end!important
 }
}