/* The same product layout, with a low-memory canvas preview. */
[hidden]{display:none!important}
.face-preview canvas{width:100%;height:100%;min-width:0;min-height:0;object-fit:contain;cursor:default;touch-action:pan-y}
#detail-status{min-height:1.6em}
#retry-detail{padding-left:0}
@media(max-width:760px){
  .lite-app .segmented button,.lite-app .views button,.lite-app .text-button,.lite-app .reset{min-height:44px}
  .lite-app .zoom-control button{width:36px;height:44px}
  .lite-app .zoom-control input{height:44px}
  .lite-app .panel{padding-bottom:calc(24px + env(safe-area-inset-bottom,0px))}
}

.lite-app progress{display:block;width:100%;height:6px;margin:10px 0 0;accent-color:var(--accent)}
.lite-app .loading{width:300px;max-width:calc(100% - 40px);font-size:13px}