.device-demo-root{overscroll-behavior:none;background:#000;justify-content:center;align-items:center;width:100vw;height:100dvh;display:flex;overflow:hidden}.device-demo-stage{aspect-ratio:1125/2436;touch-action:manipulation;-webkit-user-select:none;user-select:none;background:#000;flex:none;width:min(100vw,46.1823dvh);max-width:100vw;height:min(100dvh,216.533vw);max-height:100dvh;position:relative;overflow:hidden;container-type:inline-size}.device-demo-ui{object-fit:fill;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.device-demo-siri{transform-origin:50%;will-change:transform;width:56.6933%;height:16.1823%;transition:transform .76s cubic-bezier(.22,1,.36,1);position:absolute;top:29.023%;left:20.8889%;overflow:hidden;transform:translate(0,0)scale(1)}.device-demo-siri.has-speech{transform:translateY(10.6667cqw)scale(1.2)}.device-demo-siri canvas{transform-origin:50%;width:100%;height:100%;display:block;transform:scale(2)}.device-demo-remote-audio{display:none}.device-demo-prompt{box-sizing:border-box;opacity:1;z-index:2;width:64%;font-family:PingFang SC,-apple-system,BlinkMacSystemFont,Helvetica Neue,sans-serif;transition:opacity .64s cubic-bezier(.22,1,.36,1),transform .76s cubic-bezier(.22,1,.36,1),filter .68s cubic-bezier(.22,1,.36,1);position:absolute;top:55.0082%;left:9.5111%;transform:translate(0,0)}.device-demo-prompt.is-hidden{filter:blur(4px);opacity:0;pointer-events:none;transform:translateY(-10px)}.device-demo-prompt p{color:#fff;letter-spacing:-.025em;white-space:nowrap;margin:0;font-size:7.2cqw;font-weight:400;line-height:1.5}.device-demo-prompt p:first-child{color:#999;font-size:5.3333cqw;line-height:1.62}.device-demo-realtime-state{color:#ffffff75;text-align:center;z-index:2;justify-content:center;align-items:center;gap:.16em;width:72%;margin:0;font-family:PingFang SC,-apple-system,BlinkMacSystemFont,Helvetica Neue,sans-serif;font-size:2.6667cqw;line-height:1.45;display:flex;position:absolute;top:80.0493%;left:50%;transform:translate(-50%)}.device-demo-state-copy{animation:.38s cubic-bezier(.22,1,.36,1) both device-demo-state-in}.device-demo-realtime-state.is-active{color:#ffffff9e;animation:2.2s ease-in-out infinite device-demo-state-breathe}.device-demo-state-dots{align-items:center;gap:.14em;height:1em;display:inline-flex}.device-demo-state-dots i{opacity:.25;background:currentColor;border-radius:50%;width:.16em;height:.16em;animation:1.15s ease-in-out infinite device-demo-state-dot;display:block}.device-demo-state-dots i:nth-child(2){animation-delay:.14s}.device-demo-state-dots i:nth-child(3){animation-delay:.28s}.device-demo-hotspot{appearance:none;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;margin:0;padding:0;position:absolute}.device-demo-hotspot:focus-visible{outline-offset:3px;border-radius:999px;outline:2px solid #82c2ffeb}.device-demo-hotspot-mic{width:16%;height:7.3892%;top:86.9458%;left:18%}.device-demo-hotspot-end{width:16%;height:7.3892%;top:86.9458%;left:42%}.device-demo-toast{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:#ffffffdb;pointer-events:none;text-align:center;z-index:3;background:#191919d1;border:1px solid #ffffff1f;border-radius:999px;max-width:76%;margin:0;padding:9px 14px;font-family:PingFang SC,-apple-system,BlinkMacSystemFont,Helvetica Neue,sans-serif;font-size:3.2cqw;line-height:1.4;position:absolute;bottom:24.5%;left:50%;transform:translate(-50%)}@keyframes device-demo-state-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translate(0,0)}}@keyframes device-demo-state-breathe{0%,to{opacity:.72}50%{opacity:1}}@keyframes device-demo-state-dot{0%,to{opacity:.18;transform:translateY(1px)scale(.82)}45%{opacity:.82;transform:translateY(-1px)scale(1)}}@media (prefers-reduced-motion:reduce){.device-demo-stage{scroll-behavior:auto}.device-demo-prompt,.device-demo-siri,.device-demo-realtime-state,.device-demo-state-copy,.device-demo-state-dots i{transition:none;animation:none}}html,body{background:#000;min-height:100%;margin:0;padding:0;overflow:hidden}button,canvas{box-sizing:border-box}