.demo_wrap__SxRvJ{display:grid;justify-items:center;width:100%;margin-top:-120px}@media (max-width:700px){.demo_wrap__SxRvJ{margin-top:-64px}}.demo_fit__dE_da{width:100%;max-width:1280px;container-type:inline-size}.demo_desk__gBVRl{--u:calc(100cqw / 1280);position:relative;width:100%;aspect-ratio:1280/840;overflow:hidden;border-radius:calc(26 * var(--u));box-shadow:0 18px 50px -12px rgba(80,40,5,.3);isolation:isolate;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,system-ui,sans-serif;color:#1d1d1f}.demo_wall__dKEZ7{position:absolute;inset:0;width:100%;height:100%}.demo_app__ssWpd{position:absolute;left:calc(50 * var(--u));top:calc(46 * var(--u));width:calc(1180 * var(--u));height:calc(720 * var(--u));border-radius:calc(26 * var(--u));overflow:hidden;isolation:isolate;box-shadow:0 0 0 calc(.5 * var(--u)) rgba(60,20,0,.18),0 calc(22 * var(--u)) calc(44 * var(--u)) calc(-6 * var(--u)) rgba(60,20,0,.35),0 calc(2 * var(--u)) calc(6 * var(--u)) rgba(60,20,0,.16)}.demo_app__ssWpd>:not(.demo_shot__GUJ0_){z-index:3}.demo_shot__GUJ0_{position:absolute;inset:0;width:100%;height:100%;opacity:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:0}.demo_shot__GUJ0_[data-under]{opacity:1;z-index:1}.demo_shot__GUJ0_[data-on]{opacity:1;z-index:2}@media (prefers-reduced-motion:no-preference){.demo_shot__GUJ0_[data-on]{transition:opacity .5s ease-out}}.demo_app__ssWpd[data-instant] .demo_shot__GUJ0_{transition:none!important}@media (prefers-reduced-motion:no-preference){.demo_app__ssWpd[data-edit] .demo_shot__GUJ0_[data-on]{transition:opacity .18s ease-out}}.demo_cover__1xewh{position:absolute;height:calc(20 * var(--u));background:#fff}.demo_appCaret__Y4dgK{position:absolute;width:calc(2 * var(--u));height:calc(16 * var(--u));background:#f4ad33}@media (prefers-reduced-motion:no-preference){.demo_appCaret__Y4dgK{animation:demo_appBlink__laBbe 1.05s steps(1) infinite}}@keyframes demo_appBlink__laBbe{50%{opacity:0}}.demo_pill__XU_O8{position:absolute;pointer-events:none}.demo_pill__XU_O8[data-out]{opacity:0;transform:translateY(calc(6 * var(--u)))}@media (prefers-reduced-motion:no-preference){.demo_pill__XU_O8{animation:demo_pillIn__BbTPS .55s cubic-bezier(.2,.9,.3,1.3) both}.demo_pill__XU_O8[data-out]{animation:none;transition:opacity .2s ease-in,transform .2s ease-in}}@keyframes demo_pillIn__BbTPS{0%{opacity:0;transform:translateY(calc(26 * var(--u))) scale(.92)}}@media (prefers-reduced-motion:no-preference){.demo_app__ssWpd{transition:filter .5s ease-out}}.demo_app__ssWpd[data-dim]{filter:brightness(.96) saturate(.9)}.demo_chat__nU75R:after{content:"";position:absolute;inset:0;background:rgba(255,248,238,.3);opacity:0;pointer-events:none}.demo_chat__nU75R[data-dim]:after{opacity:1}.demo_chat__nU75R[data-dim]{transform:scale(.985)}@media (prefers-reduced-motion:no-preference){.demo_chat__nU75R:after{transition:opacity .5s ease-out}}.demo_chat__nU75R{position:absolute;top:calc(150 * var(--u));height:calc(360 * var(--u));border-radius:calc(16 * var(--u));overflow:hidden;display:grid;grid-template-rows:calc(40 * var(--u)) minmax(0,1fr) auto;background:#fff;box-shadow:0 0 0 calc(.5 * var(--u)) rgba(0,0,0,.22),0 calc(30 * var(--u)) calc(60 * var(--u)) calc(-12 * var(--u)) rgba(40,15,0,.5),0 calc(10 * var(--u)) calc(20 * var(--u)) calc(-8 * var(--u)) rgba(40,15,0,.28)}.demo_chat__nU75R,.demo_chat__nU75R[data-side=right]{left:calc(860 * var(--u));width:calc(400 * var(--u))}@property --follow{syntax:"<number>";inherits:true;initial-value:0}.demo_desk__gBVRl{--travel:178}.demo_desk__gBVRl[data-follow] .demo_chat__nU75R{translate:0 calc(var(--follow) * var(--travel) * var(--u))}@supports (animation-timeline:scroll()){:root[data-follow-css] .demo_desk__gBVRl[data-follow] .demo_chat__nU75R{animation:demo_chatFollow__TE585 linear both;animation-timeline:scroll(root block);animation-range:0 var(--follow-end,400px)}}@keyframes demo_chatFollow__TE585{0%{--follow:0}to{--follow:1}}.demo_chat__nU75R[data-away]{opacity:0;transform:scale(.96) translateY(calc(8 * var(--u)))}@media (prefers-reduced-motion:no-preference){.demo_chat__nU75R{transition:transform .5s cubic-bezier(.2,.9,.3,1.15),opacity .4s ease-out}.demo_chat__nU75R[data-away]{transition:transform .3s ease-in,opacity .25s ease-in}}.demo_chatBar___9ets{position:relative;display:flex;align-items:center;justify-content:center;font-size:calc(13 * var(--u));font-weight:600;color:#3a3a3c;box-shadow:inset 0 calc(-.5 * var(--u)) 0 rgba(0,0,0,.08)}.demo_chatTitle__psukQ{display:inline-flex;align-items:center;gap:calc(7 * var(--u))}.demo_chatTitle__psukQ svg{width:calc(16 * var(--u));height:calc(16 * var(--u));color:#0d0d0d}.demo_lights__abQ0f{position:absolute;left:calc(14 * var(--u));top:calc(14 * var(--u));display:flex;gap:calc(8 * var(--u))}.demo_lights__abQ0f i{width:calc(12 * var(--u));height:calc(12 * var(--u));border-radius:50%;background:#ff5f57;box-shadow:inset 0 0 0 calc(.5 * var(--u)) rgba(0,0,0,.12)}.demo_lights__abQ0f i:nth-child(2){background:#febc2e}.demo_lights__abQ0f i:nth-child(3){background:#28c840}.demo_msgs__z_EZ9{display:flex;flex-direction:column;gap:calc(12 * var(--u));padding:calc(16 * var(--u)) calc(18 * var(--u)) calc(4 * var(--u));min-height:0;overflow:hidden}.demo_msgs__z_EZ9>:first-child{margin-top:auto}.demo_msgs__z_EZ9[data-reset]>*{opacity:0}@media (prefers-reduced-motion:no-preference){.demo_msgs__z_EZ9>*{transition:opacity .9s ease-in}}.demo_pair__dKMdO{display:flex;flex-direction:column;gap:calc(12 * var(--u))}.demo_me__vWggf{align-self:flex-end;max-width:82%;padding:calc(9 * var(--u)) calc(14 * var(--u));border-radius:calc(18 * var(--u));background:#f1f1f1;font-size:calc(16 * var(--u));line-height:1.4}.demo_ai__9EMxc{align-self:flex-start;max-width:100%;display:grid;grid-gap:calc(6 * var(--u));gap:calc(6 * var(--u))}.demo_ai__9EMxc p{margin:0;font-size:calc(15.5 * var(--u));line-height:1.5}.demo_tool__iSMLk{justify-self:start;font-size:calc(12 * var(--u));color:#8e8e93}.demo_thinking__fW8wj .demo_tool__iSMLk{background:linear-gradient(90deg,#8e8e93 30%,#d1d1d6 50%,#8e8e93 70%) 0 0 /200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent}.demo_input__49vfG{margin:0 calc(12 * var(--u)) calc(12 * var(--u));min-height:calc(44 * var(--u));border-radius:calc(22 * var(--u));box-shadow:0 0 0 calc(1 * var(--u)) #e5e5ea,0 calc(2 * var(--u)) calc(8 * var(--u)) calc(-4 * var(--u)) rgba(0,0,0,.12);display:flex;align-items:center;padding:0 calc(6 * var(--u)) 0 calc(8 * var(--u));gap:calc(6 * var(--u));font-size:calc(17 * var(--u))}.demo_field__MdnXD{flex:1 1;min-width:0;display:block;overflow:hidden;white-space:nowrap}.demo_field__MdnXD em{font-style:normal;color:#aeaeb2}.demo_plus__jlveg{width:calc(30 * var(--u));height:calc(30 * var(--u));display:grid;place-items:center;font-size:calc(20 * var(--u));font-weight:400;color:#636366}.demo_send__Qz8Ns{width:calc(32 * var(--u));height:calc(32 * var(--u));border-radius:50%;background:#1d1d1f;color:#fff;display:grid;place-items:center;font-size:calc(15 * var(--u))}.demo_caret__zEBfy{display:inline-block;width:calc(2 * var(--u));height:calc(20 * var(--u));margin:0 calc(1 * var(--u));vertical-align:calc(-4 * var(--u));background:#1d1d1f}@media (prefers-reduced-motion:no-preference){.demo_ai__9EMxc,.demo_me__vWggf{animation:demo_pop__V0D3e .32s cubic-bezier(.2,.9,.3,1.1) both}.demo_pair__dKMdO .demo_ai__9EMxc,.demo_pair__dKMdO .demo_me__vWggf{animation:none}.demo_thinking__fW8wj .demo_tool__iSMLk{animation:demo_shimmer___LS6p 1.2s linear infinite}.demo_caret__zEBfy[data-idle]{animation:demo_blink___1FFE 1s steps(2) infinite}}@keyframes demo_pop__V0D3e{0%{opacity:0;transform:translateY(calc(6 * var(--u))) scale(.98)}}@keyframes demo_shimmer___LS6p{to{background-position:-200% 0}}@keyframes demo_blink___1FFE{50%{opacity:0}}.demo_story__bBCFE{position:absolute;left:50%;bottom:calc(37 * var(--u));transform:translate(-50%,50%);z-index:4;display:flex;gap:10px;width:min(280px,60%);filter:drop-shadow(0 1px 2px rgba(80,35,0,.35))}.demo_seg__BkcqN{flex:1 1;min-height:24px;padding:0;border:0;background:none;cursor:pointer;display:grid;align-content:center;grid-gap:5px;gap:5px;border-radius:8px;font:inherit}.demo_seg__BkcqN i{position:relative;display:block;height:5px;border-radius:99px;overflow:hidden;background:rgba(255,255,255,.3)}.demo_seg__BkcqN i:after{content:"";position:absolute;inset:0;background:#fff;transform-origin:0 50%;transform:scaleX(var(--p,0))}.demo_seg__BkcqN[data-state=done] i{background:rgba(255,255,255,.9)}.demo_seg__BkcqN[data-state=done] i:after{transform:scaleX(0)}.demo_segLabel__VJZYQ{font-size:12px;font-weight:600;line-height:1;color:rgba(255,255,255,.55);white-space:nowrap}.demo_seg__BkcqN[data-state=now] .demo_segLabel__VJZYQ{color:#fff}@media (prefers-reduced-motion:no-preference){.demo_segLabel__VJZYQ{transition:color .3s ease-out}}.demo_seg__BkcqN:focus-visible{outline:2px solid #fff;outline-offset:2px}@media (hover:hover){.demo_seg__BkcqN:hover i{background:rgba(255,255,255,.5)}.demo_seg__BkcqN[data-state=done]:hover i{background:#fff}.demo_seg__BkcqN:hover .demo_segLabel__VJZYQ{color:#fff}}@media (max-width:700px){.demo_story__bBCFE{gap:8px}.demo_seg__BkcqN{gap:3px}.demo_seg__BkcqN i{height:3px}.demo_segLabel__VJZYQ{font-size:10px}}.demo_live__Du0om{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}