:root{--night:#1B2340;--night-deep:#151B33;--wall:#2A3354;--lamp:#F2B35B;--lamp-hot:#FFD992;--paper:#F4EFE4;--muted:#B5BBD0;--display:"Baloo 2","Trebuchet MS",system-ui,sans-serif;--body:Figtree,"Segoe UI",system-ui,sans-serif}body.demo-outer{margin:0;min-height:100vh;background:radial-gradient(120% 80% at 50% 0,var(--wall),var(--night) 55%,var(--night-deep));color:var(--paper);font-family:var(--body)}.demo-top{display:none}.demo-page{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:56px;min-height:100vh;box-sizing:border-box;padding:24px}.demo-slab{padding:12px;border-radius:48px;background:var(--night-deep);box-shadow:0 0 40px #f2b35b33}.demo-screen{position:relative;overflow:hidden;border-radius:36px;background:var(--night)}.demo-iframe{display:block;border:0;transform-origin:0 0;background:var(--night)}.demo-home{position:fixed;top:16px;left:20px;z-index:5;color:var(--paper);font:700 15px var(--display);text-decoration:none;padding:8px 14px;border-radius:999px;border:1.5px solid rgba(255,255,255,.3);background:#151b33b3}.demo-home:hover{border-color:var(--lamp);color:var(--lamp-hot)}.demo-back{margin:22px 0 0!important;font-size:16px!important}.demo-back a{color:var(--lamp-hot)}.demo-side{max-width:340px}.demo-side h1{font-family:var(--display);font-weight:800;font-size:44px;line-height:1.05;margin:0 0 10px;color:var(--lamp-hot)}.demo-side p{font-size:19px;line-height:1.45;margin:0 0 22px;color:var(--paper)}.demo-stores .badges{display:flex;flex-wrap:wrap;gap:10px}@media (max-width:499px){body.demo-outer{background:var(--night)}body.demo-outer .demo-top{display:flex;align-items:center;justify-content:space-between;height:36px;padding:0 14px;box-sizing:border-box;background:var(--night-deep);font:700 14px var(--display);color:var(--lamp-hot)}body.demo-outer .demo-top a{color:var(--paper);font:600 14px var(--body);text-decoration:underline}body.demo-outer .demo-page{display:block;min-height:0;padding:0}body.demo-outer .demo-slab{padding:0;border-radius:0;box-shadow:none;background:none}body.demo-outer .demo-screen{border-radius:0;width:100%!important;height:calc(100dvh - 36px)!important}body.demo-outer .demo-iframe{width:100%!important;height:100%!important;transform:none!important}body.demo-outer .demo-home,.demo-back{display:none}body.demo-outer .demo-side{max-width:none;padding:28px 20px 40px}}body.demo-embed{margin:0;overflow:hidden;background:transparent}body.demo-embed .demo-screen{border-radius:0}body.demo-inner{margin:0}.demo-shell{display:flex;flex-direction:column;height:100vh;height:100dvh;background:var(--night)}.demo-app{position:relative;flex:1;min-height:0;overflow:auto;transform:translateZ(0)}.demo-bar{flex:none;display:flex;align-items:center;gap:10px;min-height:56px;padding:6px 12px;box-sizing:border-box;background:var(--night-deep);border-bottom:1px solid rgba(255,255,255,.1);color:var(--paper);font-family:var(--body)}.demo-bar-text{flex:1;font:700 15px var(--display);color:var(--lamp-hot)}.demo-name-label{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0;font:600 11px var(--body);color:var(--muted)}.demo-name{width:100%;box-sizing:border-box;height:34px;padding:0 10px;border-radius:10px;border:1.5px solid var(--lamp);background:var(--night);color:var(--paper);font:800 18px var(--display)}.demo-name:focus{outline:2px solid var(--lamp-hot);outline-offset:1px}.demo-btn{min-height:44px;padding:0 16px;border-radius:14px;border:1.5px solid rgba(255,255,255,.3);background:transparent;color:var(--paper);font:700 14px var(--display);cursor:pointer}.demo-btn-gold{border-color:var(--lamp);background:var(--lamp);color:#3a3f58}.demo-btn:disabled{opacity:.5;cursor:default}.tester-banner{display:none!important}.demo-card{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9000;display:flex;align-items:center;justify-content:center;background:#151b33e0;padding:12px;box-sizing:border-box}.demo-card-box{display:flex;flex-direction:column;align-items:center;gap:10px;max-height:100%;width:100%;max-width:340px}.demo-card-img{display:block;max-width:100%;max-height:calc(100dvh - 150px);border-radius:14px;box-shadow:0 0 30px #f2b35b40}.demo-card-wait{width:240px;height:300px;display:flex;align-items:center;justify-content:center;text-align:center;color:var(--paper);font:700 16px var(--display)}.demo-card-row{display:flex;gap:10px}.demo-note{margin:0;min-height:18px;color:var(--lamp-hot);font:600 14px var(--body)}.demo-bubble{position:fixed;z-index:99999;display:flex;align-items:center;gap:8px;padding:9px 14px;border-radius:16px;background:var(--night-deep);border:1.5px solid var(--lamp);box-shadow:0 8px 24px #00000073;color:var(--paper);font:700 14px var(--display);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .35s}.demo-bubble.show{opacity:1;transition:opacity .12s}.demo-locked:not(canvas){opacity:.55!important;outline:1px solid rgba(255,255,255,.25);outline-offset:-1px;cursor:default}.demo-locked[data-demo-tile]:after{content:"";position:absolute;top:6px;right:6px;width:16px;height:16px;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23F2B35B' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M12 2v20M3.3 7l17.4 10M3.3 17L20.7 7'/%3E%3C/svg%3E") center/contain no-repeat}