.stream-demo{background:var(--page-background,#0f0c0c);color:#fff;min-height:566px;padding:0 5% 174px}.stream-demo-layout{grid-template-columns:537fr 638fr;align-items:center;gap:118px;max-width:1296px;margin:0 auto;display:grid}.stream-story{min-width:0}.stream-story h2{letter-spacing:0;margin:0 0 20px;font-size:40px;font-weight:700;line-height:1.1}.stream-description{color:#ffffffb3;margin:0 0 34px;font-size:16px;line-height:1.6}.stream-timeline{width:100%;height:146px;position:relative}.stream-frames{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;height:74px;display:grid;position:absolute;top:23px;left:0;right:0}.stream-frame{background:#fff3;min-width:0;position:relative;overflow:hidden}.stream-frame-reveal,.stream-frame img,.stream-unwatched{width:100%;height:100%;position:absolute;inset:0}.stream-frame img{object-fit:cover}.stream-unwatched{background:#0008}.stream-unknown{color:#0f0c0c;place-items:center;height:100%;font-size:40px;font-weight:700;line-height:1.1;display:grid}.stream-cursor{pointer-events:none;width:2px;height:82px;position:absolute;top:19px}.stream-watch{background:#9a9999}.stream-watch:before{content:"";background:#9a9999;width:6px;height:6px;position:absolute;top:-4px;left:-2px}.stream-generated{background:#f95801}.stream-watch-label,.stream-generated-label{white-space:nowrap;margin:0;font-size:11px;font-weight:600;line-height:1.4;position:absolute;transform:translate(-50%)}.stream-watch-label{color:#ffffffb3;top:-4px}.stream-generated-label{color:#f95801;top:109px}.stream-browser{background:#ffffff1a;border-radius:7.633px;padding-top:33.36px;position:relative;overflow:hidden;box-shadow:inset 0 0 5.722px #ffffff40;container-type:inline-size}.stream-browser:after{content:"";border-radius:inherit;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 5.722px #ffffff40}.stream-browser-bar{border-bottom:.636px solid #ffffff14;justify-content:space-between;align-items:center;gap:7.633px;height:33.36px;padding:5.089px 7.633px 5.089px 10.178px;display:flex;position:absolute;top:0;left:0;right:0}.stream-browser-bar>img{flex:none}.stream-url{letter-spacing:.1459px;color:#ffffff80;background:#ffffff14;border-radius:8.171px;justify-content:center;align-items:center;width:67.1%;height:16.343px;font-family:Roboto,Arial,sans-serif;font-size:8.171px;display:flex}.stream-screen{aspect-ratio:16/9;background:#000;margin:0;position:relative;overflow:hidden}.stream-screen>video{object-fit:cover;width:100%;height:100%;display:block}.stream-live{align-items:center;gap:3.639px;font-size:12.736px;font-weight:500;line-height:1.3;display:flex;position:absolute;top:2.4%;left:2.3%}.stream-input-overlay{align-items:center;gap:3.815px;width:278.973px;padding:7.629px 5.722px;display:flex;position:absolute;bottom:4.75px;left:50%;transform:translate(-50%)}.stream-mic{background:#ffffff1a;border-radius:50%;flex:none;place-items:center;width:22.888px;height:22.888px;display:grid;position:relative}.stream-mic-glow{filter:blur(3.815px);position:absolute}.stream-input-copy{background:#ffffff1a;border-radius:47.683px;flex:1;align-items:center;gap:1.907px;min-width:0;height:22.888px;padding:3.815px 5.722px 3.815px 7.629px;display:flex}.stream-input-copy span{color:#ffffffb3;flex:1;font-size:6.676px;font-weight:400;line-height:normal}.stream-input-copy img{flex:none}@media (width>=801px) and (width<=1200px){.stream-demo-layout{gap:6vw}.stream-story h2{font-size:clamp(26px,2.78vw,40px)}.stream-unknown{font-size:30px}.stream-watch-label,.stream-generated-label{font-size:9px}}@media (width<=800px){.stream-demo{min-height:0;padding:48px 6% 64px}.stream-demo-layout{grid-template-columns:1fr;gap:40px;max-width:638px}.stream-story{padding:0}.stream-story h2{margin-bottom:34px;font-size:32px}.stream-frames{aspect-ratio:537/74;height:auto}.stream-cursor{height:calc(12.1266vw + 8px);max-height:96px}.stream-generated-label{font-size:9px;top:auto;bottom:0}.stream-watch-label{font-size:10px}.stream-unknown{font-size:28px}.stream-timeline{height:calc(12.1266vw + 53px);max-height:141px}.stream-input-overlay{max-width:90%}}.stream-browser-tools{flex:none;justify-content:center;align-items:center;width:33.713px;height:8.269px;display:flex}.stream-browser-tools img{flex:none;transform:scale(.2584)}#model-stream-demo{scroll-margin-top:96px}.stream-generated:after{content:"";background:#f95801;width:6px;height:6px;position:absolute;bottom:-4px;left:-2px}.stream-mic,.stream-input-copy{-webkit-backdrop-filter:blur(7.152px);backdrop-filter:blur(7.152px)}.stream-generated-label{text-align:center}.stream-prompt-quote{color:#f95801;margin-top:2px;font-size:11px;font-weight:400;line-height:1.4;display:block}.stream-input-copy.is-typing span{color:#fff}.stream-typing-caret{vertical-align:baseline;background:#fff;width:1px;height:.9em;margin-left:1px;display:inline-block}.stream-input-copy.is-sending img{filter:brightness(1.8);transform:scale(1.12)}@media (width<=800px){.stream-generated-label{top:calc(12.1266vw + 35px);bottom:auto}.stream-timeline{margin-bottom:24px}.stream-prompt-quote{font-size:9px}}.stream-message-stack{pointer-events:none;width:267.529px;max-width:86%;height:72px;position:absolute;bottom:49px;left:50%;transform:translate(-50%)}.stream-sent-message{color:#fff;text-shadow:0 1px 4px #0009;will-change:transform,opacity;margin:0;font-size:11px;font-weight:400;line-height:1.4;position:absolute;bottom:0;left:0;right:0}