.app-demo{width:var(--demo-width,340px);max-width:100%;margin:0}.app-demo-device{background:#202322;border:1px solid #656b67;border-radius:47px;padding:6px;box-shadow:0 18px 45px #15291d26,inset 0 0 0 2px #080a09}.app-demo-glass{aspect-ratio:402/874;background:var(--app-bg,#eef1ef);border-radius:40px;position:relative;overflow:hidden}.app-demo iframe{transform-origin:0 0;pointer-events:none;opacity:0;border:0;width:402px;height:874px;position:absolute;top:0;left:0}.app-demo[data-ready] iframe{opacity:1}.app-demo-summary .app-demo-device{background:var(--app-bg);border:1px solid var(--hair-2);box-shadow:var(--shadow-lg);border-radius:24px;padding:0}.app-demo-summary .app-demo-glass{aspect-ratio:402/380;border-radius:23px}.app-demo-strip{--demo-width:360px}.app-demo-strip .app-demo-device{background:var(--app-bg);border:1px solid var(--hair-2);box-shadow:var(--shadow-lg);border-radius:24px;padding:0}.app-demo-strip .app-demo-glass{aspect-ratio:402/680;border-radius:23px}.app-demo-controls{justify-content:center;gap:8px;margin-top:10px;display:flex}.app-demo-controls button{font:inherit;text-transform:none;letter-spacing:normal;color:var(--ink-2);border:1px solid var(--hair);cursor:pointer;background:0 0;border-radius:999px;min-height:36px;padding:6px 14px;font-size:13px;font-weight:400}.app-demo-controls button:disabled{visibility:hidden}.app-demo-controls button:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.app-demo .sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.app-shot-framed .app-demo-glass img{object-fit:cover;object-position:top;width:100%;height:100%;box-shadow:none;border:0;border-radius:0;position:absolute;inset:0}.app-demo [data-demo-canvas]{transform-origin:0 0;position:absolute;top:0;left:0}.app-demo .phone[data-demo-canvas]{aspect-ratio:402/874;width:340px;height:auto;box-shadow:none;border-radius:0}