.mobile-demo-frame{min-height:100dvh;background:#f5f5f4}@media (min-width:768px){.mobile-demo-frame{max-width:430px;margin:0 auto;border-left:1px solid #e7e5e4;border-right:1px solid #e7e5e4;box-shadow:0 0 0 1px rgba(124,58,237,.06),0 24px 64px -32px rgba(28,25,23,.28)}}.mobile-demo-content{padding:1rem 1rem calc(7.75rem + env(safe-area-inset-bottom, 0px))}.mobile-demo-stats-scroll{display:flex;gap:.75rem;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:.25rem;margin:0 -.25rem;padding-left:.25rem;padding-right:.25rem}.mobile-demo-stats-scroll>*{scroll-snap-align:start;flex:0 0 min(78vw,280px)}.mobile-demo-shell-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.97);backdrop-filter:blur(10px);border-bottom:1px solid rgba(124,58,237,.12)}.mobile-demo-tab-bar{position:fixed;bottom:0;left:0;right:0;z-index:50;background:rgba(255,255,255,.98);backdrop-filter:blur(12px);border-top:1px solid rgba(124,58,237,.12);padding-bottom:env(safe-area-inset-bottom,0)}@media (min-width:768px){.mobile-demo-tab-bar{left:50%;transform:translateX(-50%);max-width:430px}}.mobile-demo-drawer-backdrop{position:fixed;inset:0;z-index:60;background:rgba(28,25,23,.45)}.mobile-demo-drawer{position:fixed;inset:0 0 0 auto;z-index:70;width:min(88vw,320px);background:white;box-shadow:-12px 0 40px -16px rgba(28,25,23,.35);overflow-y:auto;padding-bottom:env(safe-area-inset-bottom,0)}@media (min-width:768px){.mobile-demo-drawer,.mobile-demo-drawer-backdrop{left:50%;right:auto;margin-left:calc(430px / 2 - min(88vw, 320px));width:min(88vw,320px)}.mobile-demo-drawer-backdrop{width:430px;margin-left:calc(-430px / 2)}}