.demo-canvas-backdrop{z-index:1;background:radial-gradient(circle at 20% 15%, #5b52f538, transparent 45%), radial-gradient(circle at 85% 90%, #5b52f529, transparent 40%), var(--text,#1f2a44);justify-content:safe center;align-items:safe center;display:flex;position:fixed;inset:0;overflow:auto}.demo-canvas-scaler{flex:none;margin:auto;position:relative}.demo-canvas-frame{transform-origin:0 0;background:var(--bg,#f3f5f9);border-radius:24px;width:554px;height:1200px;position:absolute;inset:0 auto auto 0;overflow:hidden;box-shadow:0 40px 100px #00000073}@media (width<=577px){.demo-canvas-backdrop{box-sizing:border-box;align-items:flex-start;padding:12px}.demo-canvas-scaler{margin-block:0}}.demo-app-iframe{background:var(--bg,#f3f5f9);border:none;width:100%;height:100%;display:block}