/* Mobile amendments to the original v63 editor. Desktop controls stay in place. */
.preview-tool-rail,.preview-tool-heading,.artwork-mobile-dock:empty{display:none}
@media (max-width:900px){
  /* The viewer occupies the remaining height; only a selected tool scrolls. */
  .studio-v37 .compact-preview-v63{padding:6px;padding-top:max(6px,env(safe-area-inset-top));padding-bottom:max(6px,env(safe-area-inset-bottom))}
  .studio-v37 .compact-preview-v63 .studio-preview-dialog{height:calc(100dvh - max(6px,env(safe-area-inset-top)) - max(6px,env(safe-area-inset-bottom)));max-height:none;overflow:hidden!important;border-radius:14px}
  .compact-preview-v63 .studio-preview-dialog>.product-head,.compact-preview-v63 .studio-preview-dialog>.preview-heading{position:relative;flex:0 0 auto;padding:10px 14px;z-index:10;min-height:64px;box-sizing:border-box}
  .compact-preview-v63 .product-head h2,.compact-preview-v63 .preview-heading h2{font-size:19px;margin:3px 0}
  .compact-preview-v63 .studio-preview-body{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;overflow:hidden}
  .compact-preview-v63 .studio-preview-visual{position:sticky;top:0;flex:1 1 0;height:auto;min-height:100px;overflow:hidden}
  .compact-preview-v63 .studio-preview-visual .product-3d-viewer,.compact-preview-v63 .studio-preview-visual .lakar-product-viewer{flex:1 1 0;min-height:0!important}
  .compact-preview-v63 .studio-view-hint{padding:5px 8px;font-size:10px;flex:none}
  .compact-preview-v63 .studio-preview-settings{display:flex;flex-direction:column;flex:0 0 auto;overflow:visible;position:relative;padding:0 12px 8px;background:#1b1b1b;border-top:1px solid #414141}
  .compact-preview-v63 .studio-preview-settings .product-quick-controls,.compact-preview-v63 .studio-preview-settings .lakar-preview-controls,.compact-preview-v63 .pglab-preview-palettes{display:contents!important}
  .compact-preview-v63 .preview-tool-rail{display:flex;align-items:center;gap:2px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;padding:6px 0;flex:none;order:0}
  .compact-preview-v63 .preview-tool-button{display:grid;place-items:center;flex:1 0 40px;width:40px;height:44px;min-width:40px;min-height:44px;padding:8px;border-radius:10px;border:1px solid transparent;background:#242424;color:#f4f3ee;cursor:pointer}
  .preview-tool-button svg{width:23px;height:23px}
  .compact-preview-v63 .preview-tool-button[aria-expanded=true]{background:#ff5a1f;color:#111;border-color:#ff5a1f}
  .compact-preview-v63 .preview-tool-button:hover{border-color:#ff895a}
  .studio-v37 .compact-preview-v63 .studio-preview-settings .preview-tool-panel{display:none!important;position:absolute;left:8px;right:8px;bottom:calc(100% + 4px);z-index:20;max-height:min(36dvh,300px);overflow-y:auto;overscroll-behavior:contain;box-sizing:border-box;margin:0;padding:12px;border:1px solid #68645d;border-radius:13px;background:#242424;color:#f4f3ee;box-shadow:0 10px 30px #0007}
  .studio-v37 .compact-preview-v63 .studio-preview-settings .preview-tool-panel.is-open{display:block!important}
  .compact-preview-v63 .preview-tool-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;position:sticky;top:-12px;z-index:2;margin:-12px -12px 10px;padding:6px 8px 6px 12px;background:#242424;border-bottom:1px solid #454545;font-size:13px;font-weight:700}
  .compact-preview-v63 .preview-tool-heading button{display:grid;place-items:center;min-width:44px;min-height:44px;padding:0;border:0;border-radius:8px;background:#303030;color:#f4f3ee;font-size:24px}
  .compact-preview-v63 .preview-tool-panel>.product-quick-label,.compact-preview-v63 .preview-tool-panel>.lakar-quick-label,.compact-preview-v63 .preview-tool-panel>strong,.compact-preview-v63 .preview-tool-panel.layout-choice>span,.compact-preview-v63 .preview-family-label{display:none!important}
  .compact-preview-v63 .preview-tool-panel.layout-choice{font-size:13px}
  .compact-preview-v63 .preview-tool-panel select{width:100%;max-width:100%;min-height:44px;font-size:16px!important;background:#141414;color:#f4f3ee;border:1px solid #666;border-radius:8px;padding:8px}
  .compact-preview-v63 .preview-tool-panel small{display:block;margin-top:8px;font-size:12px;color:#c4c1b6;line-height:1.5}
  .compact-preview-v63 .preview-tool-panel .swatch-row{display:flex;flex-wrap:wrap;gap:2px;margin:0;padding:0}
  .compact-preview-v63 .preview-tool-panel .managed-swatch{width:44px;height:44px;min-width:44px;border:8px solid #242424;box-shadow:none;background-clip:padding-box;border-radius:50%;outline-offset:-7px}
  .compact-preview-v63 .preview-tool-panel .managed-swatch[aria-pressed=true]{outline:2px solid #ff895a}
  .compact-preview-v63 .studio-preview-settings .product-edit-back,.compact-preview-v63 .studio-preview-settings .lakar-edit-row{order:1;margin:0;padding:0 0 6px;border:0;background:transparent}
  .compact-preview-v63 .product-edit-back>div,.compact-preview-v63 .lakar-edit-row>div{display:none}
  .compact-preview-v63 .studio-preview-settings #editYourDesign,.compact-preview-v63 .studio-preview-settings #lakarEditDesign{margin:0;min-height:44px;font-size:13px;border-color:#666;color:#f4f3ee;background:#292929}
  .compact-preview-v63 .studio-preview-settings .product-preview-buy,.compact-preview-v63 .studio-preview-settings .lakar-price-bar{order:2;position:static;display:grid;grid-template-columns:minmax(0,1fr) minmax(135px,45%);align-items:center;gap:12px;padding:8px 0 0;margin:0;border-top:1px solid #414141;background:#1b1b1b}
  .compact-preview-v63 .product-preview-price strong,.compact-preview-v63 #lakarPreviewPrice{font-size:24px;color:#f4f3ee;line-height:1.15}
  .compact-preview-v63 .product-preview-price>span,.compact-preview-v63 .lakar-price-bar .lakar-quick-label{font-size:9px;margin:0;color:#c4c1b6}
  .compact-preview-v63 .product-preview-price small,.compact-preview-v63 #lakarPreviewPriceBreakdown{font-size:10px;color:#c4c1b6;line-height:1.3}
  .compact-preview-v63 .studio-preview-settings>.quiet{order:3;font-size:9px;margin:5px 0 0}
  /* Toolbar, canvas, then a single compact view/history row. */
  .pg-store #layoutEditor .pglab-mobile-artwork-shell{top:0;margin:0 0 10px;padding:0;background:#1b1b1b;border-color:#414141;border-radius:12px;scroll-margin-top:0;box-shadow:none}
  .pg-store .pglab-mobile-artwork-shell>.artwork-text-tools{position:sticky;top:0;left:auto;right:auto;width:100%;box-sizing:border-box;transform:none;z-index:30;margin:0;border-radius:12px 12px 0 0;padding:4px;min-height:48px;gap:3px;background:#242424}
  .pg-store #layoutEditor .pglab-stage-holder{padding:0;border-radius:0;background:#272727}
  .pg-store #layoutEditor .pglab-stage-holder>#a4StageWrap.has-artwork-viewport[data-external-tools]{height:clamp(240px,calc(100dvh - 245px),660px)!important;border-radius:0!important;background:#272727}
  .pg-store .artwork-mobile-dock{display:flex;align-items:center;justify-content:space-between;gap:2px;width:100%;padding:3px 2px;box-sizing:border-box;background:#242424;position:relative;z-index:15}
  .pg-store .artwork-mobile-dock>.artwork-view-tools{position:static;transform:none;left:auto;bottom:auto;min-width:0;gap:2px;padding:0;border:0;border-radius:0;box-shadow:none;background:transparent}
  .pg-store .artwork-mobile-dock>.pglab-stage-tools{position:static!important;display:flex!important;gap:1px;width:auto;padding:0;flex:none;background:transparent!important}
  .pg-store .artwork-mobile-dock button{display:grid;place-items:center;width:36px;height:44px;min-width:36px;min-height:44px;padding:0;border-radius:7px;font-size:11px;background:#292929;color:#f4f3ee;border:1px solid #515151;box-shadow:none}
  .pg-store .artwork-mobile-dock .artwork-view-tools output{min-width:36px;font-size:10px}
  .pg-store .artwork-mobile-dock .artwork-pan-buttons summary{display:grid;place-items:center;height:44px;min-width:36px;padding:0 3px;font-size:10px;box-sizing:border-box}
  .pg-store .artwork-mobile-dock .artwork-pan-buttons summary svg{width:19px;height:19px}
  .pg-store .artwork-mobile-dock .artwork-pan-buttons>div{bottom:50px}
  .pg-store #a4StageWrap[data-external-tools] .artwork-gesture-hint{bottom:4px;font-size:9px;padding:2px 5px}
  .pg-store .pglab-stage-fullscreen #a4StageWrap.has-artwork-viewport[data-external-tools]{height:calc(100dvh - 225px - env(safe-area-inset-top) - env(safe-area-inset-bottom))!important}
}
@media (max-width:360px){
  .pg-store .artwork-mobile-dock button{width:30px;min-width:30px}
  .pg-store .artwork-mobile-dock .artwork-pan-buttons summary{min-width:30px;padding:0}
  .pg-store .artwork-mobile-dock .artwork-view-tools output{min-width:32px}
}
@media (max-width:900px) and (max-height:500px){
  .compact-preview-v63 .studio-preview-dialog>.product-head,.compact-preview-v63 .studio-preview-dialog>.preview-heading{min-height:48px;padding:3px 12px}
  .compact-preview-v63 .studio-preview-dialog .eyebrow,.compact-preview-v63 .studio-view-hint{display:none}
  .compact-preview-v63 .studio-preview-settings{padding-bottom:3px}
  .studio-v37 .compact-preview-v63 .studio-preview-settings .preview-tool-panel{max-height:calc(100dvh - 230px)}
}
/* Remove the tablet stage margin too, so the toolbar remains flush at 801–900px. */
@media (max-width:900px){
 .pg-store #layoutEditor .pglab-stage-holder>#a4StageWrap.has-artwork-viewport[data-external-tools]{margin:0!important;top:auto!important}
 .pg-store .studio-preview-settings #editYourDesign,.pg-store .studio-preview-settings #lakarEditDesign{color:#111!important;background:#ff5a1f!important;border-color:#ff5a1f!important}
}
/* Landscape phones keep the product visible beside the scrolling tool panel. */
@media (min-width:600px) and (max-width:900px) and (max-height:500px){
 .compact-preview-v63 .studio-preview-body{display:grid;grid-template-columns:minmax(0,1fr) 45%;grid-template-rows:minmax(0,1fr)}
 .compact-preview-v63 .studio-preview-visual{height:100%;min-height:0}
 .compact-preview-v63 .studio-preview-settings{display:block;height:100%;overflow-y:auto;padding:0 10px 8px;border-top:0;border-left:1px solid #414141}
 .compact-preview-v63 .preview-tool-rail{position:sticky;top:0;z-index:25;background:#1b1b1b}
 .studio-v37 .compact-preview-v63 .studio-preview-settings .preview-tool-panel{position:relative;left:auto;right:auto;bottom:auto;width:100%;max-height:180px;margin:0 0 8px;box-shadow:none}
 .compact-preview-v63 .studio-preview-settings .product-edit-back,.compact-preview-v63 .studio-preview-settings .lakar-edit-row{margin-top:6px}
}
@media (max-width:900px){html.studio-document-v63{scroll-padding-top:0}}
@media (max-width:900px){body.artwork-in-view-v63 .pg-help{display:none}}