:root{--nav-h: calc(70px + env(safe-area-inset-top, 0px)) ;--preview-pad: clamp(10px, 2vw, 18px)}html{scroll-behavior:smooth;overflow-x:hidden;height:100%}body{margin:0;min-height:100%;padding-top:var(--nav-h);display:flex;flex-direction:column;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:radial-gradient(980px 560px at 10% 8%,rgba(94,161,255,.2),transparent 62%),radial-gradient(760px 480px at 82% 12%,rgba(76,210,132,.16),transparent 58%),linear-gradient(170deg,#f5fbff,#eef6ff 52%,#f3fff8);color:#102347}.app-preview-section{flex:1;min-height:0;width:100%;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;padding:var(--preview-pad);padding-bottom:calc(var(--preview-pad) + env(safe-area-inset-bottom,0px))}.app-preview-frame{display:block;width:min(420px,calc(100vw - (2 * var(--preview-pad))));max-width:100%;height:max(420px,calc(100dvh - var(--nav-h) - (2 * var(--preview-pad))));min-height:max(420px,calc(100svh - var(--nav-h) - (2 * var(--preview-pad))));border:1px solid rgba(23,57,120,.22);border-radius:18px;background:radial-gradient(640px 420px at 18% 12%,rgba(94,161,255,.16),transparent 62%),radial-gradient(480px 320px at 82% 10%,rgba(76,210,132,.12),transparent 56%),#eef4ff;box-shadow:0 16px 32px #11275029,0 0 0 10px #ffffffa6}@media(max-width:768px){.app-preview-section{padding:0;padding-bottom:env(safe-area-inset-bottom,0px)}.app-preview-frame{width:100%;max-width:none;height:calc(100dvh - var(--nav-h));min-height:calc(100svh - var(--nav-h));border-radius:0;border-left:0;border-right:0;box-shadow:none}}