.mobile-app{margin:0;overscroll-behavior-y:none;background:#fffef9;-webkit-text-size-adjust:100%}
.mobile-app .studio{display:block;width:100%;height:100dvh;min-height:0;overflow:hidden}
.mobile-app .studio-side,.mobile-app .preview-caption,.mobile-app .preview-note,.mobile-app .status-bar,.mobile-app .home-indicator,.mobile-app .legacy-link{display:none!important}
.mobile-app .preview-area{display:block;width:100%;height:100%;padding:0;background:var(--page)}
.mobile-app .device{width:100%;height:100%;max-width:600px;min-height:0;margin:auto;border:0;border-radius:0;box-shadow:none}
.mobile-app .phone-screen{padding-top:env(safe-area-inset-top);height:100%;background:var(--header)}
.mobile-app .screen{background:var(--page)}
.mobile-app button,.mobile-app a{touch-action:manipulation}
.mobile-app .global-toast{bottom:max(22px,env(safe-area-inset-bottom));width:max-content;max-width:90vw;text-align:center;line-height:1.6}
.mobile-app .modal-sheet{padding-bottom:max(25px,env(safe-area-inset-bottom));overscroll-behavior:contain}
.mobile-app .onboard{padding-bottom:max(25px,env(safe-area-inset-bottom))}
.mobile-app .feedback-label{display:block;font-size:14px;line-height:1.6;margin-bottom:9px}
.mobile-app textarea{display:block;width:100%;resize:vertical;min-height:150px;font:16px/1.6 "PingFang SC",sans-serif;border:1px solid var(--ink);border-radius:12px;padding:12px;background:var(--page);color:var(--ink);margin-bottom:18px}
.mobile-app .export-preview{display:block;max-height:42dvh;width:100%;object-fit:contain;border-radius:12px;margin-bottom:15px;background:#111}
.mobile-app .export-preview~.wide{margin-top:12px}
@media(min-width:601px){.mobile-app .preview-area{background:#eceee6}.mobile-app .device{border-left:1px solid #ddddcf;border-right:1px solid #ddddcf}}