/* Current preview flow overrides historical absolute/nth-child placement only
   for these existing controls. No canvas size or geometry changes. */
html body #studio-preview > * { order:30 !important; }
html body #studio-preview > .purchase-location-container-v355 { order:10 !important; }
html body #studio-preview > .purchase-type { order:20 !important; }
html body #studio-preview > #order-button {order:35 !important;}
html body #preview-device-summary {
  order:21 !important; position:static !important; transform:none !important; translate:none !important; rotate:none !important;
  margin:10px 0 4px !important; padding:0 !important; text-align:center; width:100%;
}
html body #studio-preview #preview-device-summary #device-name-display {
  position:static !important; inset:auto !important; transform:none !important; translate:none !important; rotate:none !important;
  display:inline-block !important; width:auto !important; max-width:100% !important;
  height:auto !important; margin:0 !important; white-space:normal !important;
  overflow-wrap:anywhere; font-size:clamp(13px,2vw,16px) !important; line-height:1.5 !important;
}
html body #studio-preview > .preview-header {
  order:22 !important; position:static !important; transform:none !important; translate:none !important; rotate:none !important;
  display:block !important; width:100% !important; height:auto !important; min-height:0 !important; max-height:none !important;
  margin:8px 0 !important; padding:0 !important; opacity:1 !important;
}
html body #studio-preview > .preview-header h1 {
  position:static !important; width:100% !important; min-width:0 !important; max-width:none !important; height:auto !important; clip-path:none !important; overflow:visible !important;
  margin:0 !important; padding:0 !important; transform:none !important; translate:none !important; rotate:none !important;
  display:block !important; opacity:1 !important; writing-mode:horizontal-tb !important;
  text-align:center !important; font-size:clamp(18px,3vw,24px) !important; line-height:1.4 !important;
}
html body #studio-preview .cs378-vertical-preview-heading { display:none !important; }
html body #studio-preview > .preview-stage { order:23 !important; row-gap:12px !important; }
html body #preview-guidance {
  grid-column:1 / -1 !important; grid-row:2 !important; position:static !important;
  width:100%; display:flex; flex-direction:column; gap:5px; align-items:center;
  padding:4px 8px; box-sizing:border-box; text-align:center;
}
html body #studio-preview #preview-guidance > :is(.nav-hint,.rotation-help) {
  position:static !important; display:block !important; inset:auto !important;
  transform:none !important; translate:none !important; rotate:none !important; width:auto !important; height:auto !important;
  margin:0 !important; padding:0 !important; max-width:100% !important;
  white-space:normal !important; font-size:clamp(12px,2vw,14px) !important; line-height:1.6 !important;
  opacity:1 !important; color:var(--text-secondary,#aebcd2) !important;
}
html body .preview-stage > .r08-mobile-preview-prices {grid-row:3 !important;}
html body #studio-preview .r08-mobile-preview-prices {
  grid-column:1 / -1; width:100%; box-sizing:border-box;
}
@media(min-width:701px){
  html body #studio-preview .r08-mobile-preview-prices {display:flex;justify-content:center;align-items:center;gap:14px;padding:0 8px 12px;}
  html body #studio-preview .r08-mobile-preview-prices :is(#preview-case-price-card,#preview-sticker-price-card,#sticker-size-toggle) {
    position:static !important;inset:auto !important;transform:none !important;translate:none !important;margin:0 !important;
  }
}
.preview-image-status {display:flex;flex-wrap:wrap;justify-content:center;gap:8px;font-size:13px;}
.preview-image-status button,.image-retry {font:inherit;color:inherit;background:var(--bg-card,#26344a);border:1px solid #8194b3;border-radius:8px;padding:8px;cursor:pointer;}
.product-image {position:relative;isolation:isolate;}
.product-image img[data-progressive-src] {transition:filter .2s ease,opacity .2s ease;}
.product-image img.image-soft {filter:blur(2px);}
.product-image.image-pending::after {content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(100deg,transparent 20%,rgba(145,162,190,.16) 50%,transparent 80%);background-size:200% 100%;animation:cs-image-shimmer 1.5s linear infinite;pointer-events:none;}
.product-image .image-retry {position:absolute;inset:auto 4px 4px;z-index:2;font-size:12px;}
@keyframes cs-image-shimmer {to{background-position:-200% 0;}}
@media(prefers-reduced-motion:reduce){.product-image.image-pending::after{animation:none;}.product-image img[data-progressive-src]{transition:none;}}

@media(max-width:700px){html body #studio-preview #preview-guidance > :is(.nav-hint,.rotation-help){font-size:16px !important;}html body #studio-preview .preview-header h1{font-size:24px !important;}html body #studio-preview #preview-device-summary #device-name-display{font-size:18px !important;}}