*{box-sizing:border-box}html,body{min-height:100%}body{padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,sans-serif}.phone-preview{background:#f8f5ef;border-radius:28px;width:min(100%,430px);height:min(874px,100vh - 40px);min-height:640px;overflow:hidden;box-shadow:0 12px 40px #46362d2e}.phone-preview>div{height:100%}@media (width<=480px){body{padding:0}.phone-preview{width:100%;height:100vh;min-height:100vh;box-shadow:none;border-radius:0}}