/* Model Platform shared designer head-css — v3.9.238
   Used by comp-card.html and headshot.html. Edit here once; both designers get the change.
   Blocks keep their original order and ids (as comments) for traceability. */

/* ===== mp-v3860-designer-polish ===== */
/* v3.8.60 — designer parity, clearer sections, workflow choices, and R&O surfaces */
.sidebar .section-title{font-size:15.5px!important;line-height:1.25!important;font-weight:850!important;letter-spacing:.015em!important;text-transform:none!important;margin-bottom:7px!important;color:#20242B!important}
.sidebar .section-desc{font-size:12px!important;line-height:1.5!important;margin-bottom:13px!important}
.sidebar .layout-head.template-meta{margin-top:2px!important}
.sidebar .layout-head.template-meta strong{font-size:11px!important;letter-spacing:.06em!important;text-transform:uppercase!important;color:#6A717B!important}
.orientation-section,.template-section{padding-top:18px!important;margin-top:18px!important;border-top:1px solid #E1E4E8!important}
.workflow-options{grid-template-columns:1fr 1fr!important;gap:10px!important}
.workflow-choice{min-height:98px!important;padding:15px 42px 14px 14px!important;border:1px solid #CDD2D9!important;border-radius:13px!important;background:#fff!important;box-shadow:0 3px 10px rgba(30,38,50,.035)!important}
.workflow-choice strong{font-size:14px!important;line-height:1.2!important}
.workflow-choice span:not(.workflow-check){font-size:11px!important;line-height:1.45!important;margin-top:6px!important}
.workflow-choice.active{border-color:#5E2DC1!important;background:#F3F6FF!important;box-shadow:0 0 0 1px rgba(94,45,193,.08)!important}
.workflow-choice.active strong{color:#4A22A0!important}
.workflow-check{width:22px!important;height:22px!important;right:10px!important;top:10px!important;background:#5E2DC1!important}
.crop-control-block{margin-top:13px;padding:13px;border:1px solid #E0E4E9;border-radius:12px;background:#F7F8FA}
.crop-control-block .crop-title{font-size:13.5px!important;margin-bottom:4px!important}
.crop-control-block .section-desc{margin-bottom:10px!important}
.selected-photo-actions{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:10px}
.selected-photo-actions .btn{min-height:42px}
/* Review & Order: use one consistent light-gray surface language. */
.review-overlay .product-order-group,
.review-overlay .native-checkout-section,
.review-overlay .native-order-summary,
.review-overlay .proof-approval,
.review-overlay .review-upsell-inline,
.review-overlay .add-design-card{background:#F6F7F9!important;border:1px solid #E1E5EA!important;border-radius:13px!important;box-shadow:none!important}
.review-overlay .native-checkout-section,
.review-overlay .native-order-summary,
.review-overlay .proof-approval{padding:15px!important;margin-bottom:13px!important}

.review-overlay .review-upsell-inline{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:12px 16px!important;align-items:center!important;padding:16px!important;color:#20242B!important}
.review-overlay .review-upsell-inline .review-upsell-kicker{color:#5E2DC1!important;font-size:9.5px!important;font-weight:900!important;letter-spacing:.08em!important;text-transform:uppercase!important}
.review-overlay .review-upsell-inline strong{color:#20242B!important;font-size:14px!important;font-weight:850!important}
.review-overlay .review-upsell-inline span:not(.review-upsell-kicker):not(.neutral-switch-track):not(.neutral-switch-thumb){color:#626A75!important;font-size:10.5px!important;line-height:1.45!important}
.review-overlay .review-upsell-inline small{color:#626A75!important}
.review-overlay .review-addon-next{grid-column:1/-1!important;width:100%!important;min-height:44px!important;margin-top:0!important;background:#111!important;color:#fff!important;border-color:#111!important;font-size:12px!important;font-weight:850!important}
.review-overlay .review-addon-next:hover{background:#2B2B2B!important;border-color:#2B2B2B!important}
.review-order-inline-note.reapproval-notice{display:flex!important;gap:6px!important;flex-direction:column!important;margin:12px 0 14px!important;padding:11px 12px!important;border:1px solid #D9DEE6!important;border-radius:10px!important;background:#F7F8FA!important;color:#4A515B!important;font-size:10.5px!important;line-height:1.4!important}
.review-order-inline-note.reapproval-notice strong{color:#252B33!important;font-size:11px!important;font-weight:850!important}
.review-order-inline-note.reapproval-notice span{display:block!important}


@media(max-width:560px){
 
 
 .selected-photo-actions{grid-template-columns:1fr!important}
 .review-overlay .review-upsell-inline{grid-template-columns:1fr auto!important}
}

/* ===== mp-v3862-final-polish ===== */
/* v3.8.62 — final upload/R&O clarity polish */
.ready-artwork-panel .artwork-orientation{margin-bottom:22px!important;padding-bottom:2px!important}
.woo-checkout-error.is-preparing{
  border-color:#D8E0EA!important;
  background:#F5F7FA!important;
  color:#505A67!important;
}
.woo-checkout-error.is-preparing::before{content:'↻ ';font-weight:900;color:#5E2DC1}
.native-field .required-mark{color:#C83F38!important;font-weight:900!important}

/* ===== mp-v3916-shared-addon-system ===== */
/* v3.9.16 — shared conversion-focused Optional Add-On system
   Keep cross-sells relevant and clearly optional without competing with checkout. */
#inlineAddDesign.review-upsell-inline{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto !important;
  align-items:center !important;
  gap:12px 18px !important;
  margin-top:18px !important;
  padding:18px !important;
  background:#F7F9FF !important;
  border:1.5px solid #D4DDF4 !important;
  border-radius:14px !important;
  color:#20242B !important;
  box-shadow:none !important;
  transition:border-color .18s ease,background .18s ease,box-shadow .18s ease !important;
}
#inlineAddDesign .review-upsell-copy-wrap{
  min-width:0 !important;
  flex:none !important;
}
#inlineAddDesign .review-upsell-kicker{
  display:block !important;
  margin:0 0 6px !important;
  color:#5E2DC1 !important;
  font-size:9px !important;
  line-height:1.1 !important;
  font-weight:900 !important;
  letter-spacing:.08em !important;
  text-transform:uppercase !important;
}
#inlineAddDesign .review-upsell-copy-wrap > strong{
  display:block !important;
  color:#20242B !important;
  font-size:15px !important;
  line-height:1.25 !important;
  font-weight:900 !important;
}
#inlineAddDesign .review-upsell-copy-wrap > span:not(.review-upsell-kicker){
  display:block !important;
  margin-top:5px !important;
  color:#626A75 !important;
  font-size:11px !important;
  line-height:1.45 !important;
  font-weight:600 !important;
}
#inlineAddDesign .review-upsell-copy-wrap > small{
  display:block !important;
  margin-top:8px !important;
  color:#343B46 !important;
  font-size:10px !important;
  line-height:1.35 !important;
  font-weight:800 !important;
  letter-spacing:0 !important;
}
#inlineAddDesign .review-addon-switch{
  align-items:center !important;
  justify-content:center !important;
  margin:0 !important;
  cursor:pointer !important;
}
#inlineAddDesign .review-addon-switch .neutral-switch-track{
  width:60px !important;
  height:34px !important;
  padding:3px !important;
  border:1px solid #BFC7D3 !important;
  background:#DDE2E9 !important;
  box-shadow:none !important;
}
#inlineAddDesign .review-addon-switch .neutral-switch-thumb{
  width:26px !important;
  height:26px !important;
  background:#FFFFFF !important;
  box-shadow:0 1px 3px rgba(0,0,0,.18) !important;
}
#inlineAddDesign .review-addon-switch input:checked + .neutral-switch-track{
  background:#5E2DC1 !important;
  border-color:#5E2DC1 !important;
}
#inlineAddDesign .review-addon-switch input:checked + .neutral-switch-track .neutral-switch-thumb{
  transform:translateX(26px) !important;
}
#inlineAddDesign.addon-selected{
  grid-template-columns:minmax(0,1fr) auto !important;
  background:#F2F6FF !important;
  border-color:#5E2DC1 !important;
  box-shadow:0 0 0 2px rgba(94,45,193,.08) !important;
}
#inlineAddDesign.addon-selected .review-upsell-kicker,
#inlineAddDesign.addon-selected .review-addon-switch{
  display:inline-flex !important;
}
#inlineAddDesign.addon-selected .review-upsell-kicker{
  display:block !important;
  color:#5E2DC1 !important;
}
#inlineAddDesign .review-addon-next{
  grid-column:1/-1 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  text-decoration:none !important;
  box-sizing:border-box !important;
  width:100% !important;
  min-height:48px !important;
  margin-top:2px !important;
  background:#5E2DC1 !important;
  color:#FFFFFF !important;
  border:1px solid #5E2DC1 !important;
  border-radius:9px !important;
  box-shadow:none !important;
  font-size:13px !important;
  font-weight:850 !important;
}
#inlineAddDesign .review-addon-next:hover{
  background:#4A22A0 !important;
  border-color:#4A22A0 !important;
}
#inlineAddDesign .review-addon-next.hidden{display:none !important}
@media(max-width:560px){
  #inlineAddDesign.review-upsell-inline{
    grid-template-columns:minmax(0,1fr) auto !important;
    gap:11px 12px !important;
    padding:16px !important;
  }
  #inlineAddDesign .review-addon-next{min-height:48px !important}
}

/* ===== mp-v3917-responsive-cleanup ===== */
/* =========================================================
   v3.9.17 — Mobile / Responsive Cleanup
   Desktop (>820px) is intentionally unchanged.
   ========================================================= */
@media(max-width:820px){
  html,body{
    width:100%!important;
    max-width:100%!important;
    overflow-x:hidden!important;
  }
  

  header.topbar.unified-header{
    width:100%!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    column-gap:10px!important;
    row-gap:3px!important;
    padding:8px 12px 7px!important;
  }
  header.topbar.unified-header .brand{
    min-width:0!important;
    font-size:14px!important;
    line-height:1.1!important;
  }
  header.topbar.unified-header .brand small{
    margin-top:4px!important;
    font-size:10.5px!important;
    line-height:1.15!important;
  }
  .status.top-actions{
    min-width:0!important;
    gap:7px!important;
    flex-wrap:nowrap!important;
  }
  .status.top-actions .top-control,
  .status.top-actions .reset-top{
    min-height:40px!important;
  }
  .steps{
    width:100%!important;
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:4px!important;
    padding:5px 0 1px!important;
  }
  .step{
    width:100%!important;
    min-width:0!important;
    min-height:40px!important;
    padding:5px 4px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:5px!important;
    white-space:nowrap!important;
    font-size:11.5px!important;
  }
  .step b{
    width:22px!important;
    height:22px!important;
    flex:0 0 22px!important;
    margin:0!important;
    font-size:10px!important;
  }

  main,.main{width:100%!important;max-width:100%!important}
  .stage{
    width:100%!important;
    min-height:0!important;
    padding:14px 12px 18px!important;
  }
  .preview-shell,.workspace{
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    min-height:0!important;
  }
  .preview-topline{
    width:min(88vw,520px)!important;
    max-width:100%!important;
    margin:0 0 7px!important;
    gap:10px!important;
    line-height:1.2!important;
  }
  .preview-title{font-size:12px!important;white-space:nowrap!important}
  .preview-size{font-size:10.5px!important;white-space:nowrap!important}
  .preview-helper,.helper.preview-helper,.guide-note{
    width:min(94vw,600px)!important;
    max-width:100%!important;
    font-size:10.5px!important;
    line-height:1.4!important;
  }
  .preview-helper,.helper.preview-helper{margin:0 0 5px!important}
  .guide-note{margin:0 0 10px!important}

  .sidebar{
    width:100%!important;
    max-width:100%!important;
    padding:20px 16px 150px!important;
  }
  .sidebar h2{font-size:18px!important;line-height:1.2!important}
  .subtitle{font-size:11.5px!important;line-height:1.45!important}
  .section{margin-top:15px!important;padding-top:15px!important}
  .sidebar .section-title{font-size:15px!important}
  .sidebar .section-desc{font-size:11.5px!important;line-height:1.45!important}

  .btn,.input,.select,.textarea,
  .orientation-choice,.model-type,.detail-choice{
    min-height:44px!important;
  }
  .input,.select,.textarea{font-size:16px!important} /* prevent iOS focus zoom */
  .textarea{min-height:92px!important}
  .orientation-options{gap:8px!important}
  .orientation-choice{padding:10px 8px!important}
  .workflow-choice{min-height:90px!important}

  /* Template galleries become one predictable horizontal touch pattern. */
  .template-section .layout-strip[data-local-scroll="y"],
  .template-section .layouts[data-local-scroll="y"]{display:grid!important;grid-auto-flow:column!important;grid-auto-columns:minmax(112px,30vw)!important;max-height:none!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x proximity!important;overscroll-behavior-x:contain!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:thin!important;scrollbar-color:#C8CED8 #EEF0F3!important}
  .template-section .layout-strip[data-local-scroll="y"]::-webkit-scrollbar,
  .template-section .layouts[data-local-scroll="y"]::-webkit-scrollbar{height:6px!important}
  .template-section .layout-strip[data-local-scroll="y"]::-webkit-scrollbar-track,
  .template-section .layouts[data-local-scroll="y"]::-webkit-scrollbar-track{background:#EEF0F3!important;border-radius:999px!important}
  .template-section .layout-strip[data-local-scroll="y"]::-webkit-scrollbar-thumb,
  .template-section .layouts[data-local-scroll="y"]::-webkit-scrollbar-thumb{background:#C8CED8!important;border-radius:999px!important}
  .template-section .layout-choice{scroll-snap-align:start!important;min-width:0!important}

  /* Photo libraries use the same horizontal swipe pattern on both products. */
  .photo-tray{
    display:flex!important;
    grid-template-columns:none!important;
    gap:8px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    padding:2px 2px 7px!important;
    scroll-snap-type:x proximity!important;
    overscroll-behavior-x:contain!important;
    -webkit-overflow-scrolling:touch!important;
  }
  .photo-thumb{
    flex:0 0 72px!important;
    width:72px!important;
    min-width:72px!important;
    scroll-snap-align:start!important;
  }
  .photo-thumb .remove{width:28px!important;height:28px!important;line-height:28px!important}

  .artwork-status,.resume-status{
    grid-template-columns:42px minmax(0,1fr)!important;
    align-items:start!important;
  }
  .artwork-actions,.resume-file-actions{
    grid-column:1/-1!important;
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    width:100%!important;
    gap:7px!important;
  }
  .artwork-actions .btn,.resume-file-actions .btn{width:100%!important;min-height:42px!important}
  .pdf-page-control-row{grid-template-columns:1fr!important}
  .pdf-page-select{min-height:44px!important;font-size:14px!important}

  .color-popover{
    left:12px!important;
    right:12px!important;
    width:auto!important;
    max-width:none!important;
    max-height:calc(100dvh - 24px)!important;
    overflow:auto!important;
  }
  .color-square{height:min(44vw,190px)!important}

  /* Consistent bottom navigation with safe-area support. */
  
  .sidebar-nav-context{
    display:block!important;
    margin:0 0 7px!important;
  }
  .sidebar-nav-context strong{font-size:13px!important;line-height:1.15!important}
  .sidebar-nav-context span{margin-top:2px!important;font-size:9.5px!important;line-height:1.1!important}
  .sidebar-nav-actions{
    display:grid!important;
    grid-template-columns:auto minmax(0,1fr)!important;
    gap:8px!important;
  }
  
  .sidebar-prev.hidden + .sidebar-next{grid-column:1/-1!important}

  /* Review & Order stays full screen, but the proof is compact enough to keep checkout close. */
  .review-overlay{overflow:hidden!important}
  .order-review-card,.review-card.order-review-card{
    width:100vw!important;
    max-width:100vw!important;
    height:100dvh!important;
    max-height:100dvh!important;
  }
  .order-review-head,.review-head.order-review-head{
    flex:0 0 auto!important;
    padding:12px 14px!important;
  }
  .order-review-head h2,.review-head.order-review-head h2{font-size:18px!important}
  .order-review-head p,.review-head.order-review-head p{font-size:10.5px!important;line-height:1.35!important}
  .order-workspace,.order-workspace.checkout-active{
    min-height:0!important;
    flex:1 1 auto!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch!important;
  }
  .proof-panel{
    padding:13px 14px 15px!important;
    max-height:none!important;
  }
  .proof-head{gap:10px!important;margin-bottom:10px!important}
  .proof-head strong{font-size:14px!important}
  .proof-head span{font-size:10.5px!important}
  .review-edit-btn{min-height:42px!important;padding:0 12px!important;font-size:11.5px!important}
  .proof-grid,.saved-proof-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:9px!important;
    max-width:660px!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  .proof-grid.single,.saved-proof-grid.single{
    grid-template-columns:minmax(0,310px)!important;
    justify-content:center!important;
  }
  .proof-item>span{font-size:9.5px!important;margin-bottom:5px!important}
  .proof-panel .review-preview,.review-preview,.saved-proof-preview{padding:5px!important;border-radius:8px!important}
  .preflight-details{margin-top:11px!important}
  .order-panel{padding:14px!important}

  .product-order-group,
  .review-overlay .product-order-group,
  .review-overlay .native-checkout-section,
  .review-overlay .native-order-summary,
  .review-overlay .proof-approval,
  .review-overlay .review-upsell-inline{border-radius:12px!important}
  .purchase-card,.digital-card{min-height:52px!important}
  .neutral-switch{min-width:48px!important;min-height:44px!important;justify-content:center!important}
  .native-payment-wrap iframe{width:100%!important;max-width:100%!important}
}

@media(max-width:560px){
  header.topbar.unified-header{padding:8px 10px 6px!important}
  .status.top-actions .top-control{display:none!important}
  .status.top-actions .reset-top{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:40px!important;
    padding:0 11px!important;
    font-size:11.5px!important;
    white-space:nowrap!important;
  }
  .steps{gap:2px!important}
  .step{font-size:10.5px!important;gap:4px!important;padding-left:2px!important;padding-right:2px!important}
  .step b{width:21px!important;height:21px!important;flex-basis:21px!important}

  .stage{padding:12px 10px 15px!important}
  .preview-topline{width:min(92vw,360px)!important}
  .preview-helper,.helper.preview-helper,.guide-note{width:min(94vw,360px)!important;font-size:10px!important}
  .sidebar{padding:18px 14px 150px!important}
  .workflow-options{grid-template-columns:1fr!important}
  .workflow-choice{min-height:82px!important}
  .row2,.two-col{grid-template-columns:1fr!important}

  .template-section .layout-strip[data-local-scroll="y"],
  .template-section .layouts[data-local-scroll="y"]{
    grid-auto-columns:minmax(118px,42vw)!important;
  }

  .model-types{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important}
  .model-type{padding-left:5px!important;padding-right:5px!important;font-size:10.5px!important}
  .detail-layouts{gap:6px!important}

  .swatches{grid-template-columns:repeat(6,1fr)!important;gap:8px!important}
  .swatch{width:38px!important;height:38px!important}

  .proof-head{align-items:flex-start!important}
  .proof-head>div{min-width:0!important}
  .review-edit-btn{padding:0 10px!important}
  .order-panel{padding:12px!important}
  .review-overlay .product-order-group,
  .review-overlay .native-checkout-section,
  .review-overlay .native-order-summary,
  .review-overlay .proof-approval{padding:12px!important}
  .review-overlay .review-upsell-inline{padding:13px!important;gap:10px 12px!important}
  .digital-feature-head{align-items:flex-start!important}
  .discount-entry,.native-coupon-row{grid-template-columns:1fr!important}
  .discount-entry .btn,.native-coupon-row .btn{width:100%!important}
}

/* ===== mp-commerce-v3927-styles ===== */
.mp-quantity-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:7px;font-size:12px;color:#60646c}.mp-best-value{display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;background:#eef3ff;color:#5E2DC1;font-size:11px;line-height:1;font-weight:800;letter-spacing:.02em;white-space:nowrap}.mp-quantity-tier-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:9px}.mp-quantity-tier{appearance:none;border:1px solid #dfe3e8;background:#fff;border-radius:10px;padding:9px 8px;text-align:left;cursor:pointer;min-width:0;color:#20242a}.mp-quantity-tier:hover{border-color:#aeb7c4}.mp-quantity-tier.active{border-color:#5E2DC1;box-shadow:0 0 0 1px #5E2DC1;background:#f7f9ff}.mp-quantity-tier-top{display:flex;align-items:center;justify-content:space-between;gap:5px}.mp-quantity-tier-qty{font-size:12px;font-weight:800}.mp-quantity-tier-price{display:block;margin-top:5px;font-size:14px;font-weight:850}.mp-quantity-tier-each{display:block;margin-top:2px;font-size:10.5px;color:#70757e}.mp-quantity-tier .mp-best-value{font-size:9px;padding:3px 5px}.mp-finish-note{display:block;margin-top:7px;color:#6d737c;font-size:10.5px;line-height:1.35}.mp-digital-price-context{display:block;margin-top:3px;font-size:10px;line-height:1.25;font-weight:600;color:#737780;white-space:normal}.mp-bundle-offer{display:grid;gap:2px;margin-top:8px;padding:8px 10px;border-radius:9px;background:#f3f6ff;color:#1f2937}.mp-bundle-offer strong{font-size:12px;color:#5E2DC1}.mp-bundle-offer span{font-size:11px;line-height:1.35}.mp-bundle-status{display:grid;gap:3px;margin:10px 0 0;padding:11px 12px;border:1px solid #cfd9ff;border-radius:11px;background:#f7f9ff}.mp-bundle-status strong{font-size:12.5px;color:#5E2DC1}.mp-bundle-status span{font-size:11px;line-height:1.4;color:#525964}.mp-precheckout-shipping{margin-top:14px;padding:12px;border:1px solid #e2e5e9;border-radius:12px;background:#fafbfc}.mp-precheckout-shipping-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.mp-precheckout-shipping-title{display:grid;gap:2px}.mp-precheckout-shipping-title strong{font-size:12.5px}.mp-precheckout-shipping-title span{font-size:10.5px;line-height:1.35;color:#6f757e}.mp-precheckout-country{min-width:150px}.mp-precheckout-shipments{display:grid;gap:6px;margin-top:9px}.mp-precheckout-shipment{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:7px 9px;border-radius:8px;background:#fff;border:1px solid #edf0f3;font-size:11px}.mp-precheckout-shipment strong{font-size:11.5px}.mp-precheckout-shipping-note{display:block;margin-top:7px;font-size:10px;line-height:1.35;color:#737780}.mp-shipment-row{cursor:default}.mp-shipment-row span{font-weight:650}.mp-bundle-summary-line strong{color:#176b3a}.mp-country-note{font-size:11px;color:#737780;margin-top:5px}@media(max-width:520px){.mp-quantity-meta{align-items:flex-start;flex-direction:column;gap:5px}.mp-best-value{align-self:flex-start}.mp-quantity-tier-grid{grid-template-columns:1fr}.mp-precheckout-shipping-head{align-items:stretch;flex-direction:column}.mp-precheckout-country{width:100%}}

/* ===== mp-v3946-mobile-page-scroll ===== */
/* v3.9.46 — allow vertical page and horizontal template-gallery gestures. */
@media(max-width:820px){
  html{height:auto!important;overflow-x:clip!important;overflow-y:auto!important;touch-action:manipulation!important}
  body{
    height:auto!important;
    min-height:100vh!important;
    overflow:visible!important;
    position:static!important;
    overscroll-behavior-y:auto!important;
  }
  .app{
    height:auto!important;
    min-height:100vh!important;
    overflow:visible!important;
    position:relative!important;
    touch-action:manipulation!important;
  }
  main,.main,.stage,.sidebar,#frontPanel,#backPanel{height:auto!important;overflow:visible!important;touch-action:manipulation!important}
}

/* ===== mp-v3959-interface-refinements ===== */
/* v3.9.59 — compact orientation controls, visible selected template, wider desktop controls, and visual crop guidance. */
.template-orientation-row{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #E3E8EF;border-radius:11px}

.template-orientation-row .orientation-options{display:flex!important;gap:5px!important;margin:0!important}
.template-orientation-row .orientation-choice{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;gap:7px!important;border:1px solid #D5DBE4!important;border-radius:8px!important;background:#fff!important;color:#38404A!important;font-size:12px!important;font-weight:750!important;box-shadow:none!important}
.template-orientation-row .orientation-choice.active{border-color:#5E2DC1!important;background:#EEF3FF!important;color:#4A22A0!important;box-shadow:inset 0 0 0 1px rgba(94,45,193,.12)!important}
.template-orientation-row .orientation-icon{width:15px!important;height:19px!important;border-width:1.5px!important}
.template-orientation-row .landscape-icon{width:20px!important;height:14px!important}
.crop-tip-mount{margin:0 0 10px}
.mp-crop-tip-illustration{display:flex;align-items:center;justify-content:center;flex:0 0 76px;width:76px;height:48px;border-radius:8px;background:#fff}
.mp-crop-tip-illustration svg{display:block;width:72px;height:38px}
.crop-control-block .helper.mp-drag-tip,.crop-control-block .preview-helper.mp-drag-tip{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:10px!important;width:100%!important;max-width:none!important;margin:0 0 10px!important;padding:9px!important;border:1px solid #D7E2FA!important;border-radius:10px!important;background:#F0F5FF!important;color:#34496F!important;text-align:left!important;font-size:11px!important;line-height:1.4!important;font-weight:700!important;box-shadow:none!important}
.crop-control-block .helper:not(.mp-drag-tip),.crop-control-block .preview-helper:not(.mp-drag-tip){display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:10px!important;margin:0 0 10px!important;padding:9px!important;border:1px solid #E0E5ED!important;border-radius:10px!important;background:#fff!important;color:#535D6B!important;text-align:left!important;font-size:11px!important;line-height:1.4!important}
.preview-helper-mount .mp-crop-tip-illustration{display:none}
@media(min-width:1181px){main.main,.main{grid-template-columns:490px minmax(0,1fr)!important}}
@media(min-width:981px) and (max-width:1180px){main.main,.main{grid-template-columns:430px minmax(0,1fr)!important}}
@media(min-width:821px) and (max-width:980px){main.main,.main{grid-template-columns:390px minmax(0,1fr)!important}}
@media(max-width:520px){.template-orientation-row .orientation-choice{flex:1}}