.mobile-panel-heading,.mobile-panel-done,#mobile-category{display:none}

/* A compact workspace reserves real space for one tray instead of covering the photo. */
@media(max-width:980px){
 body.in-studio #main{height:100dvh}
 body.in-studio .studio-layout,body.in-studio.focus-mode .studio-layout{
  display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);
  min-width:0;min-height:0;overflow:hidden;
 }
 body.in-studio.mobile-panel-open .studio-layout{grid-template-rows:minmax(0,1fr) min(40dvh,340px)}
 body.in-studio .workspace,body.in-studio.focus-mode .workspace{grid-column:1;grid-row:1;min-width:0;min-height:0}
 body.in-studio .catalog-panel,body.in-studio .inspector,body.in-studio .catalog-panel.open{
  position:relative;inset:auto;grid-column:1;grid-row:2;width:100%;height:100%;
  max-height:none;min-width:0;min-height:0;overflow:auto;overscroll-behavior:contain;
  padding:0 16px max(16px,env(safe-area-inset-bottom));border:0;border-top:1px solid #cbd3c3;
  border-radius:14px 14px 0 0;box-shadow:none;background:var(--white);z-index:40;
  -webkit-overflow-scrolling:touch;
 }
 body.in-studio.catalog-collapsed .catalog-panel,body.in-studio.inspector-collapsed .inspector,
 body.in-studio.focus-mode .catalog-panel,body.in-studio.focus-mode .inspector{display:none}
 body.in-studio.catalog-visible .catalog-panel,body.in-studio.inspector-visible .inspector{display:block;visibility:visible}
 body.in-studio .panel-heading,body.in-studio .mobile-panel-heading{
  display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:4;
  min-height:52px;background:var(--white);margin:0 -16px 12px;padding:4px 16px;border-bottom:1px solid var(--line);
 }
 body.in-studio .panel-heading h2,body.in-studio .mobile-panel-heading h2{font:500 16px var(--sans);margin:0}
 body.in-studio .mobile-panel-done{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:60px;font-size:14px;color:var(--sage);border-radius:6px}
 body.in-studio .catalog-panel>.caption{display:none}
 body.in-studio .catalog-filters{display:flex;gap:8px;margin-bottom:8px}
 body.in-studio .search-wrap{flex:1;min-width:0;margin:0;padding:8px 10px;min-height:44px}
 body.in-studio .search-wrap input{min-height:0}
 body.in-studio #mobile-category{display:block;max-width:145px;min-width:0;min-height:44px;border:1px solid var(--line);border-radius:6px;background:var(--paper);padding:5px;color:var(--text);font-size:16px}
 body.in-studio #category-tabs{display:none}
 body.in-studio .inspector input:not([type=range]):not([type=checkbox]),
 body.in-studio .inspector select,body.in-studio .inspector textarea{font-size:16px;min-height:44px}
 body.in-studio .category-tabs{flex-wrap:nowrap;overflow-x:auto;padding-bottom:5px;margin:8px 0;gap:6px}
 body.in-studio .category-tabs button{flex:none;font-size:12px;min-height:36px;padding:7px 12px}
 body.in-studio .search-wrap input{font-size:16px}
 body.in-studio .catalog-mode{gap:20px;margin-bottom:8px}
 body.in-studio .catalog-mode button{font-size:13px;min-height:40px}
 body.in-studio .catalog-grid{grid-template-columns:repeat(auto-fill,minmax(105px,1fr));gap:10px}
 body.in-studio .catalog-card strong{font-size:12px}
 body.in-studio .catalog-card span{font-size:10px}
 body.in-studio .catalog-card img{height:80px}
 body.in-studio .catalog-card .add-dot{width:26px;height:26px;font-size:20px}
 body.in-studio .inspector .selected-preview{display:none}
 body.in-studio .inspector #inspector-content>h2{display:none}
 body.in-studio .inspector h3{font-size:14px}
 body.in-studio .inspector .field,body.in-studio .inspector .two-col .field{font-size:13px}
 body.in-studio .inspector .item-type,body.in-studio .inspector .instruction{font-size:12px}
 body.in-studio .inspector .btn,body.in-studio .inspector .subtle,
 body.in-studio .inspector .design-actions button,body.in-studio .inspector .edit-actions button,
 body.in-studio .inspector .nudge-pad button{min-height:40px;font-size:12px}
 body.in-studio .inspector .nudge-pad button{min-width:44px}
 body.in-studio.mobile-panel-open .workspace{grid-template-rows:44px auto minmax(0,1fr) 24px}
 body.in-studio.mobile-panel-open .designs-bar{display:none}
 body.in-studio .designs-bar{padding-bottom:max(6px,env(safe-area-inset-bottom))}
 body.in-studio .canvas-toolbar{z-index:45}
 body.in-studio .workspace-toggle[aria-expanded=true]{background:#405c49;border-color:#405c49;color:white}
 body.in-studio #modal input:not([type=range]):not([type=checkbox]),body.in-studio #modal select,body.in-studio #modal textarea{font-size:16px}
}

/* Landscape keeps the image beside the tray when vertical space is scarce. */
@media(max-width:980px) and (min-width:600px) and (max-height:500px){
 body.in-studio.mobile-panel-open .studio-layout{grid-template-columns:minmax(0,1fr) min(40vw,320px);grid-template-rows:minmax(0,1fr)}
 body.in-studio .catalog-panel,body.in-studio .inspector,body.in-studio .catalog-panel.open{grid-column:2;grid-row:1;border-radius:0;border-top:0;border-left:1px solid var(--line)}
}

@media(max-width:380px){
 body.in-studio .studio-top{gap:5px;padding-inline:6px}
 body.in-studio .studio-actions{gap:3px}
 body.in-studio .studio-actions .btn{padding-inline:6px}
 body.in-studio .canvas-toolbar .row{gap:2px}
 body.in-studio .workspace-toggle{padding-inline:5px}
 body.in-studio .canvas-toolbar>.icon-btn{display:none}
 body.in-studio .photo-menu .command-popover{left:auto;right:0}
}

@media(max-width:980px){body.in-studio .start-design>h2{display:none}body.in-studio .start-design p{font-size:13px;margin-bottom:12px}body.in-studio .start-design-actions{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}body.in-studio .start-design-actions .btn{min-height:44px;font-size:13px;padding:10px 8px}body.in-studio .piece-picker-label{margin-bottom:0}body.in-studio .design-settings{margin-top:12px}body.in-studio .start-design .field select{width:100%}body.in-studio .design-settings>summary{min-height:44px;display:flex;align-items:center}body.in-studio .design-settings>summary:after{content:'⌄';margin-left:auto}}