*{box-sizing:border-box}body,html{height:100%;margin:0}.demo-shell,body{overflow:hidden}.demo-shell{display:grid;grid-template-rows:auto minmax(0,1fr);height:100dvh}.demo-mode-bar{min-height:44px;background:#222222;color:#ffffff;font-family:Inter,sans-serif}.demo-mode-bar__inner{display:grid;grid-template-columns:minmax(210px,1fr) auto minmax(120px,1fr);width:100%;min-height:44px;align-items:center;gap:16px;padding:4px 16px}.demo-mode-bar__message{display:flex;min-width:0;align-items:center;gap:8px;font-size:13px;font-weight:400;line-height:1.3}.demo-mode-bar__logo{width:24px;height:24px;flex:0 0 auto;object-fit:contain}.demo-mode-bar__switcher{display:flex;align-items:center;justify-content:center;gap:5px}.demo-mode-bar__view{min-height:28px;border:1px solid #ffffff;border-radius:7px;background:transparent;color:#ffffff;cursor:pointer;font:inherit;font-size:11px;font-weight:500;line-height:1;padding:6px 9px;white-space:nowrap}.demo-mode-bar__view[aria-selected=true]{background:#ffffff;color:#222222}.demo-mode-bar__view:focus-visible{outline:2px solid #dd6b3d;outline-offset:2px}.demo-mode-bar__cta{display:inline-flex;min-height:32px;align-items:center;flex:0 0 auto;border-radius:7px;background:#dd6b3d;color:#ffffff;font-size:12px;font-weight:600;line-height:1;padding:8px 12px;text-decoration:none;white-space:nowrap;justify-self:end}.demo-mode-bar__cta:focus-visible{outline:2px solid #ffffff;outline-offset:2px}.demo-content,.demo-screen{display:block;width:100%;height:100%;min-height:0}.demo-content{position:relative;overflow:hidden}.demo-screen{border:0}.demo-apps[hidden],.demo-screen[hidden]{display:none}.demo-apps{display:grid;width:100%;height:100%;min-height:0;place-items:center;overflow:auto;background:#e9e9e9;color:#222222;font-family:Inter,sans-serif;padding:24px}.demo-apps__card{display:flex;width:min(100%,620px);align-items:center;gap:28px;border-radius:16px;background:#ffffff;box-shadow:0 12px 36px rgb(0 0 0/10%);padding:28px}.demo-apps__qr-link{display:block;flex:0 0 auto;border-radius:12px;color:inherit}.demo-apps__qr-link:focus-visible{outline:3px solid #dd6b3d;outline-offset:3px}.demo-apps__qr,.demo-apps__qr-placeholder{display:block;width:220px;height:220px;border-radius:8px;background:#ffffff}.demo-apps__qr-placeholder{border:1px solid #d1d5db}.demo-apps__copy{min-width:0}.demo-apps__copy h1{margin:0 0 10px;font-size:24px;line-height:1.15}.demo-apps__copy p{margin:0 0 14px;font-size:15px;line-height:1.55}.demo-apps__copy a{color:#222222;font-size:14px;font-weight:600;text-underline-offset:3px}@media (max-width:720px){.demo-mode-bar__inner{grid-template-columns:1fr auto;gap:8px;padding:5px 8px 6px}.demo-mode-bar__message{gap:6px;font-size:12px}.demo-mode-bar__logo{width:22px;height:22px}.demo-mode-bar__switcher{grid-column:1/-1;grid-row:2}.demo-mode-bar__view{flex:1 1 0}.demo-mode-bar__cta{padding-inline:10px}.demo-apps{padding:16px}.demo-apps__card{flex-direction:column;gap:18px;padding:22px;text-align:center}.demo-apps__qr,.demo-apps__qr-placeholder{width:min(220px,64vw);height:min(220px,64vw)}}@media (max-width:390px){.demo-mode-bar__message{font-size:11px}.demo-mode-bar__view{padding-inline:6px}.demo-mode-bar__cta{min-height:28px;font-size:11px;padding:7px 8px}}.demo-screen--pending{position:absolute;inset:0;opacity:0;pointer-events:none}.demo-load-error{position:absolute;bottom:16px;left:16px;right:16px;padding:16px;background:#222222;color:#ffffff;font-family:Inter,sans-serif}