/* Stage 39.20 — accurate phone preview and live application grid. */
.design-preview.preview-mobile{width:390px;max-width:100%;height:780px;min-height:0!important;overflow-y:auto!important;border:8px solid #172536!important;border-radius:45px!important;box-shadow:0 0 0 2px #40536a,0 28px 70px #000b!important;scrollbar-width:none}
.design-preview.preview-mobile::-webkit-scrollbar{display:none}
.design-preview.preview-mobile:before{content:'';position:sticky;z-index:20;top:7px;display:block;width:92px;height:22px;margin:0 auto -22px;border-radius:0 0 15px 15px;background:#172536}
.design-preview.preview-mobile>header{padding-top:28px;height:86px;flex:none}
.design-preview.preview-mobile>main{flex:none;min-height:620px}
.design-preview.preview-mobile>footer{position:sticky;z-index:15;bottom:0;flex:none}
.design-preview.preview-mobile .preview-apps{grid-template-columns:repeat(var(--cols),minmax(0,1fr))!important}
.design-preview.preview-mobile .preview-apps article{min-width:0;padding:6px}
.design-preview.preview-mobile .preview-apps i{height:auto;aspect-ratio:1;overflow:hidden}
.design-preview.preview-mobile .preview-apps i img{width:100%;height:100%;object-fit:contain;background:#fff}
.design-preview.preview-mobile .preview-apps b{font-size:7px;text-align:center}