.demo-page{background:var(--pro-canvas)}.demo-head{display:flex;flex-direction:column;align-items:center;gap:14px;max-width:760px;margin:0 auto;padding:36px var(--pl-side) 28px;text-align:center}.demo-title{font-size:48px;text-wrap:balance}.demo-head .pl-hero-sub{width:auto}.demo-stage{display:flex;flex-direction:column;align-items:center;gap:16px;padding:0 var(--pl-side)}.demo-frame{width:100%;max-width:min(1120px,max(480px,calc((100svh - 390px) / .6195)));overflow:hidden;border:1px solid var(--pro-border);border-radius:var(--pro-radius-lg);background:var(--pro-surface);box-shadow:var(--pro-shadow-card)}.demo-embed{position:relative;height:0;padding-bottom:calc(61.95% + 25px)}.demo-iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.demo-stage .demo-fullscreen{display:none}.demo-final{margin-top:72px}@media (max-width: 768px){.demo-head{padding-top:28px}.demo-title{font-size:38px}.demo-stage .demo-fullscreen{display:inline-flex}.demo-final{margin-top:48px}}@media (max-width: 480px){.demo-title{font-size:34px}.demo-head .pl-hero-sub{font-size:17px}}