.button.rim-action{isolation:isolate;color:#eef4ff;touch-action:manipulation;transition:transform var(--motion-ui) var(--ease-out);background:0 0;border:0;border-radius:8px;flex-shrink:0;position:relative;overflow:visible}.rim-edge,.rim-face{pointer-events:none;transition:transform var(--motion-ui) var(--ease-out), opacity var(--motion-ui) ease;position:absolute}.rim-edge{z-index:-2;opacity:.85;background:#7baeff;border-radius:11px;inset:-3px;overflow:hidden}.rim-flow{background:conic-gradient(from 35deg,#4169c6,#b8ddff 12%,#659cf0 24%,#485cac 38%,#aac8ff 51%,#3b74cd 66%,#cedfff 79%,#6682d2 90%,#4169c6);animation:16s linear infinite paused rim-edge-drift;position:absolute;inset:-100%}.rim-face{z-index:-1;border-radius:inherit;background:#171b23;inset:0}.rim-label{position:relative}.rim-action:focus-visible{transform:scale(1.05)}.rim-action:focus-visible .rim-edge{opacity:1;transform:scaleX(1.0125)scaleY(1.025)}.rim-action:focus-visible .rim-face{transform:scaleX(.98)scaleY(.96)}.rim-action:focus-visible .rim-flow{animation-play-state:running}.rim-action:active{transform:scale(.97)}@keyframes rim-edge-drift{to{transform:rotate(1turn)}}@media (hover:hover) and (pointer:fine){.rim-action:hover:not(:active){transform:scale(1.05)}.rim-action:hover .rim-edge{opacity:1;transform:scaleX(1.0125)scaleY(1.025)}.rim-action:hover .rim-face{transform:scaleX(.98)scaleY(.96)}.rim-action:hover .rim-flow{animation-play-state:running}}.button.rim-action-compact{min-height:34px;padding-inline:13px;font-size:11px}@media (hover:none),(pointer:coarse){.button.rim-action{min-height:44px}}@media (prefers-reduced-motion:reduce){.rim-action,.rim-edge,.rim-face{transition:opacity .12s;transform:none!important}.rim-flow{animation:none}}.rim-action[data-motion-playing=true] .rim-flow{animation-play-state:running}.playground-invite{isolation:isolate;position:relative}.playground-invite:before{content:"";z-index:-1;pointer-events:none;background:repeating-linear-gradient(90deg,#0000 0 63px,#8abbff07 63px 64px);position:absolute;inset:0;mask-image:linear-gradient(90deg,#0000 15%,#000,#0000)}.format-strip span{animation:14s infinite paused format-signal}.format-strip span:nth-of-type(2){animation-delay:1.6s}.format-strip span:nth-of-type(3){animation-delay:3.2s}.format-strip span:nth-of-type(4){animation-delay:4.8s}.format-strip span:nth-of-type(5){animation-delay:6.4s}.format-strip span:nth-of-type(6){animation-delay:8s}.format-strip span:nth-of-type(7){animation-delay:9.6s}.format-strip[data-motion-playing=true] span{animation-play-state:running}@keyframes format-signal{0%,15%,to{opacity:.6}5%,10%{opacity:1}}.section-heading{position:relative}.section-heading:after{content:"";background:linear-gradient(90deg, var(--blue), #8abbff00);transform-origin:0;width:56px;height:2px;transition:transform .4s var(--ease-out);position:absolute;bottom:-10px;left:0;transform:scaleX(0)}.section-heading[data-motion-entered=true]:after{transform:scaleX(1)}.compact[data-state=complete]:before,.compact[data-state=complete]:after{animation:response-land .4s var(--ease-out) both}@keyframes response-land{0%{opacity:.8;transform:scale(1.25)}to{opacity:0;transform:scale(1)}}.editor-tabs button,.usage-entries button,.usage-code-head button,.lab-playback button{transition:transform var(--motion-press) var(--ease-out), color var(--motion-ui) ease;touch-action:manipulation}.editor-tabs button:active,.usage-entries button:active,.usage-code-head button:active,.lab-playback button:active{transform:translateY(1px)scale(.97)}@media (pointer:coarse){.usage-code-head button,.lab-playback button{min-height:44px}}@media (prefers-reduced-motion:reduce){.compact[data-state=complete]:before,.compact[data-state=complete]:after,.format-strip span{animation:none}.section-heading:after{transition:none;transform:scaleX(1)}.editor-tabs button:active,.usage-entries button:active,.usage-code-head button:active,.lab-playback button:active{transform:none}}.footer-project-links{border-left:1px solid #ffffff12;flex-wrap:wrap;align-items:center;gap:12px;margin-left:auto;padding-left:20px;display:flex}.footer-project-button{color:#9fa4ad;cursor:default;touch-action:manipulation;min-width:36px;min-height:44px;transition:color var(--motion-ui) ease, transform var(--motion-press) var(--ease-out);background:0 0;border:0;justify-content:center;align-items:center;gap:10px;padding:8px 2px;font-size:14px;font-weight:550;line-height:1;display:inline-flex;position:relative}.footer-project-button[href]{cursor:pointer}.footer-project-button[aria-disabled=true]{color:#747b88}.project-npm-mark{fill:currentColor;width:32px;height:17px;overflow:visible}.project-npm-mark path{transform-box:fill-box;transform-origin:50%;transition:transform var(--motion-ui) var(--ease-out)}.project-npm-mark path:nth-child(2){transition-delay:30ms}.project-npm-mark path:nth-child(3){transition-delay:60ms}.project-github-mark{fill:currentColor;width:21px;height:21px;transition:transform var(--motion-ui) var(--ease-out)}.footer-star-count{color:#7b8595;font-variant-numeric:tabular-nums;align-items:center;gap:5px;font-size:12px;display:inline-flex}.footer-star-count svg{fill:none;stroke:currentColor;stroke-width:1.2px;stroke-linejoin:round;width:13px;height:13px;transition:transform var(--motion-ui) var(--ease-out)}.project-link-flow{pointer-events:none;height:2px;position:absolute;bottom:3px;left:0;right:0;overflow:hidden}.project-link-flow i{background:var(--blue);opacity:0;transition:opacity var(--motion-ui) ease, transform var(--motion-ui) var(--ease-out);border-radius:1px;position:absolute;top:0;bottom:0;transform:translate(-35%)}.project-link-flow i:first-child{width:24%;left:0}.project-link-flow i:nth-child(2){width:34%;transition-delay:30ms;left:27%}.project-link-flow i:nth-child(3){width:36%;transition-delay:60ms;left:64%}.footer-project-button:focus-visible{color:#d8eaff}.footer-project-button:focus-visible .project-link-flow i{opacity:.9;transform:none}.footer-project-button:active{color:#d8eaff;transform:scale(.97)}.footer-project-links.header-project-links{flex-wrap:nowrap}@media (hover:hover) and (pointer:fine){.footer-project-button:hover{color:#c9e0ff}.footer-project-button:hover .project-link-flow i{opacity:1;transform:translate(0)}.footer-project-button:hover .project-npm-mark path:first-child{transform:translate(-20px,-10px)}.footer-project-button:hover .project-npm-mark path:nth-child(2){transform:translateY(-25px)}.footer-project-button:hover .project-npm-mark path:nth-child(3){transform:translate(20px,-10px)}.footer-project-button:hover .project-github-mark{transform:translateY(-2px)}.footer-project-button:hover .footer-star-count svg{transform:rotate(-16deg)}}@media (width<=720px){.site-header:has(.header-project-links){grid-template-columns:1fr auto;gap:4px 12px;height:auto;min-height:100px;padding-block:12px;display:grid}.site-header:has(.header-project-links) .header-project-links{grid-area:1/2}.site-header:has(.header-project-links) nav{grid-area:2/1/auto/-1;justify-content:center;gap:28px;font-size:12px}.site-header:has(.header-project-links) nav a{align-items:center;min-height:44px;display:inline-flex}}@media (width<=600px){.site-footer{flex-wrap:wrap;gap:18px;padding-block:24px}.site-footer .footer-project-links{gap:12px;margin-left:0}}@media (hover:none),(pointer:coarse){.footer-project-button{min-width:44px}.footer-project-button:active .project-link-flow i{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.footer-project-button,.project-npm-mark path,.project-github-mark,.footer-star-count svg,.project-link-flow i{transition:opacity .12s,color .12s;transform:none!important}}:root{color-scheme:dark;color:#ededef;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--muted:#85858c;--line:#29292d;--blue:#8abbff;--ease-out:cubic-bezier(.23, 1, .32, 1);--ease-in-out:cubic-bezier(.77, 0, .175, 1);--motion-press:.12s;--motion-ui:.18s;background:#111112;font-family:Manrope,Segoe UI,Arial,sans-serif}*{box-sizing:border-box}body{margin:0}html{scroll-behavior:smooth;scroll-padding-top:28px}[hidden]{display:none!important}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}button,a,select{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--blue);outline-offset:4px}button:disabled{cursor:default;opacity:.4}::selection{color:#fff;background:#355b84}.shell{width:min(1120px,100% - 64px);margin-inline:auto}.skip-link{z-index:5;background:#2774dc;border-radius:10px;padding:12px 18px;position:absolute;top:-60px;left:20px}.skip-link:focus{top:12px}.site-header{align-items:center;gap:42px;height:76px;display:flex}.wordmark{letter-spacing:-.6px;white-space:nowrap;align-items:center;gap:10px;font-size:15px;font-weight:650;display:inline-flex}.wordmark svg{fill:none;stroke:currentColor;stroke-width:3px;stroke-linecap:round;width:23px;height:23px}.site-header nav{color:#9b9ba1;align-items:center;gap:27px;font-size:12px;font-weight:550;display:flex}.site-header nav a,.site-footer a{transition:color .16s}.hero{text-align:center;padding-top:49px;padding-bottom:42px}.hero-badge{color:#acacb4;border:1px solid #2c2c31;border-radius:30px;align-items:center;gap:7px;width:fit-content;margin:0 auto 20px;padding:5px 10px;font-size:11px;display:flex}.hero-badge>span{background:#9dc4ff;border-radius:50%;width:5px;height:5px;box-shadow:0 0 8px #6a99ca50}h1,h2,h3,p,figure{margin:0}h1{letter-spacing:-.066em;font-size:clamp(42px,5.5vw,64px);font-weight:570;line-height:1.055}h1>span{color:#a7a7b0}.hero-description{color:#8f8f98;letter-spacing:-.2px;margin-top:21px;font-size:15px;line-height:1.7}.hero-actions{justify-content:center;gap:9px;margin-top:24px;display:flex}.button{min-height:37px;transition:background .16s ease, transform .16s var(--ease-out);border-radius:22px;justify-content:center;align-items:center;gap:16px;padding:0 16px;font-size:12px;font-weight:550;display:inline-flex}.button:active{transform:scale(.97)}.button-primary{color:#fff;background:#2477e5;box-shadow:inset 0 1px #fff2}.button-secondary{color:#d9d9dd;background:#27272b;box-shadow:inset 0 1px #ffffff0a}.format-strip{color:#66666f;flex-wrap:wrap;justify-content:center;align-items:center;gap:15px;margin-top:28px;font-size:11px;display:flex}.format-strip i{color:#42424a;font-style:normal}.playground-section{max-width:1000px}.stream-demo{border:1px solid var(--line);background:#151517;border-radius:16px;overflow:hidden}.scenario-tabs{border-bottom:1px solid var(--line);scrollbar-width:none;gap:3px;padding:10px;display:flex;position:relative;overflow-x:auto}.scenario-tabs button{z-index:1;color:#8b8b94;white-space:nowrap;min-height:33px;transition:background .14s ease, color .14s ease, transform var(--motion-press) var(--ease-out);background:0 0;border:0;border-radius:8px;padding:0 14px;font-size:11px;position:relative}.scenario-tabs button[aria-pressed=true]{color:#eeeef2;background:#2a2a2f;box-shadow:inset 0 1px #ffffff08}.demo-topbar{border-bottom:1px solid #232327;justify-content:space-between;align-items:center;height:48px;padding:0 22px;display:flex}.demo-model{color:#b2b2bc;align-items:center;gap:8px;font-size:11px;display:flex}.demo-model svg{fill:none;stroke:#aaaab7;stroke-width:1.3px;stroke-linecap:round;width:15px;height:15px}.stream-status{color:#71717c;align-items:center;gap:6px;font-size:11px;display:flex}.stream-status i{background:#52525c;border-radius:50%;width:5px;height:5px}[data-state=streaming] .stream-status{color:#9dc1ec}[data-state=streaming] .stream-status i{background:#8abaff}[data-state=complete] .stream-status i{background:#82a78e}.demo-panes{grid-template-columns:minmax(0,1fr);display:grid;position:relative}.wordmark .stream-logo{transition:color var(--motion-ui) ease}.wordmark:focus-visible .stream-logo{color:var(--blue)}@media (hover:hover) and (pointer:fine){.wordmark:hover .stream-logo{color:var(--blue)}}.playground-invite{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;margin-top:64px;padding:30px 0;display:flex}.playground-invite h2{letter-spacing:-.6px;font-size:24px}.playground-invite p{color:#a1aabd;margin-top:10px;font-size:14px}.package-guide-link{color:#92929f;margin-top:24px;font-size:12px;line-height:1.8}.package-guide-link a{color:var(--blue)}.is-comparing .demo-panes{grid-template-columns:repeat(2,minmax(0,1fr))}.response-pane{transform-origin:0 0;min-width:0}.comparison-pane{border-left:1px solid var(--line);background:#131315}.pane-label{color:#696976;border-bottom:1px solid #1c1c20;justify-content:space-between;align-items:center;height:32px;padding:0 23px;font-size:11px;display:flex}.pane-label>span{color:#4b4b57}.chat-scroll{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#33333b transparent;height:430px;padding:24px 32px 30px;overflow:auto}.featured:not(.is-comparing) .chat-scroll{padding-inline:max(32px,50% - 320px)}.user-prompt{color:#bdbdc6;background:#232327;border:1px solid #303035;border-radius:15px 15px 4px;width:fit-content;max-width:88%;margin:0 0 28px auto;padding:11px 15px;font-size:12px;line-height:1.6}.assistant-response{align-items:flex-start;gap:13px;display:flex}.assistant-avatar{color:#8cb6eb;background:#1b2433;border:1px solid #2a3241;border-radius:8px;flex:0 0 25px;place-items:center;width:25px;height:25px;margin-top:2px;font-size:16px;display:grid}.stream-document{color:#c1c9d6;overflow-wrap:anywhere;flex:1;min-width:0;font-size:15px;line-height:1.8}.stream-document:empty:after{content:"•••";color:#6f7785;letter-spacing:4px;font-size:17px}.stream-content{display:flow-root}.stream-content:empty:after{content:"•••";color:#6f7785;letter-spacing:4px;font-size:17px}.stream-document[data-motion=on]{transition:height .18s var(--ease-out);overflow:clip}.stream-document[data-motion=on] .height-surface{transition:height .18s var(--ease-out)}.stream-code-content{font:inherit;display:block}.markdown-channel{display:contents}.md-paragraph,.md-heading,.md-list,.md-quote,.md-code,.md-image,.stream-chart{margin-bottom:16px}.md-heading{color:#e2e2e9;letter-spacing:-.5px;font-size:17px;font-weight:600;line-height:1.45}.md-heading[data-level="3"]{margin-top:5px;font-size:14px}.stream-word{display:inline-block}.word-strong{color:#e3e3ec;font-weight:650}.word-code{color:#a7c8e8;background:#25252e;border-radius:4px;padding:0 3px;font-family:SFMono-Regular,Consolas,monospace;font-size:.9em}.md-list{padding-left:18px}.md-ordered-list{margin-bottom:16px;padding-left:21px}.md-ordered-list li{margin-bottom:4px;padding-left:3px}.md-ordered-list li::marker{color:#8598b1;font-variant-numeric:tabular-nums}.word-emphasis{color:#c9cbd5;font-style:italic}.word-strike{color:#7f8491;text-decoration:line-through}.stream-content a{color:#9fcaff;text-underline-offset:3px;text-decoration:underline;transition:color .14s}.md-list .is-task{margin-left:-18px;list-style:none}.is-task input{vertical-align:middle;accent-color:#92bfff;margin:0 7px 0 0}.md-table{border:1px solid #303641;border-radius:9px;margin-bottom:20px;overflow:hidden}.md-table table{border-collapse:collapse;table-layout:fixed;width:100%;font-size:11px;line-height:1.6}.md-table th,.md-table td{text-align:left;padding:9px 10px}.md-table th{color:#c3d4eb;background:#1c2330;font-weight:550}.md-table td{color:#939fb0;border-top:1px solid #2a303a}.md-table tbody tr:nth-child(2n){background:#171c24}.md-list li{margin-bottom:4px;padding-left:3px}.md-list li::marker{color:#727b89}.md-quote{color:#858d9b;border-left:2px solid #46566b;padding:7px 0 7px 13px}.md-code{color:#9fc9bf;white-space:pre;scrollbar-width:thin;background:#101216;border:1px solid #2b2e35;border-radius:9px;padding:13px 15px;font:10px/1.8 SFMono-Regular,Consolas,monospace;overflow:auto}.media-frame{aspect-ratio:16/9;background:#1c2028;border:1px solid #30343b;border-radius:9px;width:100%;position:relative;overflow:hidden}.media-placeholder{color:#5d697e;flex-direction:column;justify-content:center;align-items:center;gap:10px;font-size:11px;display:flex;position:absolute;inset:0}.media-placeholder svg{stroke:#55667f;stroke-width:1.2px;fill:none;width:30px;height:30px}.media-frame img{object-fit:cover;opacity:0;width:100%;height:100%;display:block;position:absolute;inset:0}.md-image[data-loaded=true] img{opacity:1}.md-image[data-loaded=true] .media-placeholder{visibility:hidden}.md-image figcaption{color:#5f6571;margin-top:6px;font-size:11px}.stream-chart{background:#14191f;border:1px solid #2a3039;border-radius:9px;padding:15px 16px 10px}.stream-chart figcaption{color:#a6b3c4;justify-content:space-between;align-items:center;gap:8px;font-size:11px;display:flex}.stream-chart figcaption strong{color:#d1e5ff;font-variant-numeric:tabular-nums;font-size:20px;font-weight:500}.stream-chart svg{width:100%;margin-top:3px;display:block;overflow:visible}.chart-gridline{stroke:#26303d;stroke-width:1px;stroke-dasharray:3 5}.chart-bar{fill:#709bc9;transform-box:fill-box;transform-origin:bottom}.chart-axis-label{fill:#67768b;text-anchor:middle;font:9px Segoe UI,sans-serif}.chart-note{color:#58677b;font-size:11px;line-height:1.5}.demo-footer{border-top:1px solid var(--line);background:#19191d;align-items:center;gap:12px;min-height:50px;padding:8px 18px;display:flex}.player-buttons{gap:3px;display:flex}.icon-button{color:#8a8a97;width:29px;height:29px;transition:background .14s ease, color .14s ease, transform .14s var(--ease-out);background:0 0;border:0;border-radius:7px;place-items:center;display:grid}.icon-button:active{transform:scale(.9)}.icon-button svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.chunk-counter{color:#60606e;font-variant-numeric:tabular-nums;font:9px SFMono-Regular,Consolas,monospace}.player-settings{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:22px;margin-left:auto;display:flex}.speed-label{color:#636371;align-items:center;gap:8px;font-size:11px;display:flex}.speed-label select{color:#a1a1af;cursor:pointer;transition:background .14s ease, color .14s ease, transform var(--motion-press) var(--ease-out);background:#23232a;border:0;border-radius:5px;padding:4px 6px;font-size:11px}.compare-toggle{color:#9999a7;cursor:pointer;align-items:center;gap:7px;font-size:11px;display:flex;position:relative}.compare-toggle input{opacity:0;width:25px;height:16px;margin:0;position:absolute}.switch-track{background:#383841;border-radius:15px;width:25px;height:15px;padding:3px;transition:background .15s}.switch-track:after{content:"";width:9px;height:9px;transition:transform .18s var(--ease-out), background .15s ease;background:#9999a7;border-radius:50%;display:block}.compare-toggle input:checked+.switch-track{background:#2a5d9a}.compare-toggle input:checked+.switch-track:after{background:#bbd9ff;transform:translate(10px)}.compare-toggle input:focus-visible+.switch-track{outline:2px solid var(--blue);outline-offset:4px}.playground-note{color:#5d5d68;text-align:center;max-width:600px;margin:19px auto 0;font-size:11px;line-height:1.7}.examples-section{padding-top:110px;padding-bottom:95px}.section-heading{justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:30px;display:flex}.eyebrow{color:#5c5c69;margin-bottom:12px;font-size:11px}h2{letter-spacing:-1.6px;font-size:34px;font-weight:550;line-height:1.16}.section-heading>p{color:#676774;font-size:11px;line-height:1.8}.example-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:35px 22px;display:grid}.example-card{min-width:0}.compact{border-radius:13px}.compact .demo-topbar{height:42px;padding-inline:17px}.compact .pane-label{display:none}.compact .chat-scroll{height:290px;padding:22px}.compact .user-prompt{margin-bottom:22px;padding:9px 12px;font-size:11px}.compact .stream-document{font-size:13px}.compact .md-heading{font-size:15px}.compact .assistant-avatar{flex-basis:21px;width:21px;height:21px;font-size:13px}.compact .assistant-response{gap:10px}.compact .demo-footer{min-height:43px;padding:5px 12px}.compact .stream-chart{padding:10px 12px 7px}.compact .md-code{font-size:11px}.example-caption{margin:14px 6px 0}.example-heading{color:#c8c8d1;letter-spacing:-.2px;margin-bottom:5px;font-size:15px;font-weight:550}.example-caption p{color:#929caf;max-width:380px;font-size:11px;line-height:1.7}.usage-section{padding-top:35px;padding-bottom:105px;display:block}.usage-copy>p:not(.eyebrow){color:#777784;max-width:350px;margin-top:20px;font-size:12px;line-height:1.8}.usage-copy>p.implementation-note{color:#51515d;font-size:11px}.code-panel{border:1px solid var(--line);background:#151517;border-radius:12px;align-self:center;overflow:hidden}.code-panel>.code-panel-header{border-bottom:1px solid var(--line);color:#787889;justify-content:space-between;padding:13px 20px;font-size:11px;display:flex}.code-panel>.code-panel-header>span:last-child{color:#52525f}.code-panel pre{color:#a7b6ca;margin:0;padding:24px;font:11px/1.9 SFMono-Regular,Consolas,monospace;overflow:auto}.site-footer{color:#53535f;border-top:1px solid #222226;align-items:center;gap:30px;min-height:90px;font-size:11px;display:flex}.site-footer .wordmark{color:#93939f;font-size:12px}.site-footer>a:last-child{margin-left:auto}@media (width<=800px){.shell{width:calc(100% - 40px)}.site-header{gap:25px}.site-header nav{gap:18px}.hero{padding-top:40px;padding-bottom:36px}.chat-scroll{padding-inline:22px}.usage-section{gap:30px}.is-comparing .chat-scroll{padding-inline:16px}.is-comparing .assistant-avatar{display:none}.example-grid{gap:28px 15px}}@media (width<=600px){.shell{width:calc(100% - 30px)}.site-header{justify-content:space-between;gap:15px;height:66px}.wordmark{gap:7px;font-size:13px}.site-header nav{gap:15px;font-size:11px}.hero{padding-top:32px}h1{font-size:48px}.hero-description{font-size:13px}.format-strip{gap:12px;font-size:11px}.featured{box-shadow:0 0 0 4px #171719}.scenario-tabs{padding:8px}.scenario-tabs button{padding-inline:11px;font-size:11px}.demo-topbar{padding-inline:16px}.chat-scroll{height:390px;padding:22px 17px}.featured:not(.is-comparing) .chat-scroll{padding-inline:17px}.stream-document{font-size:14px}.user-prompt{max-width:92%;font-size:11px}.player-settings{justify-content:flex-end;gap:12px;width:100%;margin-left:0}.demo-footer{flex-wrap:wrap}.speed-label{gap:3px;font-size:0}.chunk-counter{font-size:11px}.demo-footer{gap:7px;padding-inline:10px}.is-comparing .demo-panes{grid-template-columns:1fr}.comparison-pane{border-left:0;border-top:1px solid var(--line)}.is-comparing .chat-scroll{height:300px}.examples-section{padding-top:75px;padding-bottom:65px}.section-heading>p{display:none}h2{font-size:30px}.example-grid{grid-template-columns:1fr;gap:30px}.compact .chat-scroll{height:285px}.usage-section{grid-template-columns:1fr;gap:28px;padding-top:15px;padding-bottom:65px}.usage-copy>p:not(.eyebrow){max-width:none}.site-footer{min-height:80px}.site-footer>span{display:none}}.stream-enter-custom{animation:stream-custom-enter .24s var(--ease-out) both}.stream-logo{stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.wordmark .stream-logo{stroke-width:2px}.assistant-avatar .stream-logo{width:19px;height:19px}.compact .assistant-avatar .stream-logo{width:16px;height:16px}.logo-line{transition:transform var(--motion-ui) var(--ease-out)}.assistant-avatar .logo-line{animation:stream-logo-flow 1.4s var(--ease-in-out) infinite;animation-play-state:paused}.assistant-avatar .logo-line-middle{animation-delay:.12s}.assistant-avatar .logo-line-bottom{animation-delay:.24s}[data-state=streaming] .response-pane:not(.comparison-pane) .assistant-avatar .logo-line{animation-play-state:running}@keyframes stream-logo-flow{0%,to{opacity:.7;transform:translate(0)}50%{opacity:1;transform:translate(1.5px)}}.hero-badge,.hero h1,.hero-description,.hero-actions,.format-strip{animation:hero-arrive .5s var(--ease-out) both}.hero h1{animation-delay:50ms}.hero-description{animation-delay:.1s}.hero-actions{animation-delay:.15s}.format-strip{animation-delay:.2s}@keyframes hero-arrive{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.site-header nav a,.site-footer>a:last-child{position:relative}.site-header nav a:after,.site-footer>a:last-child:after{content:"";bottom:-6px;transform-origin:0;height:1px;transition:transform var(--motion-ui) var(--ease-out);background:currentColor;position:absolute;inset-inline:0;transform:scaleX(0)}.tab-indicator{transform-origin:0;pointer-events:none;background:#2a2a2f;border-radius:8px;width:0;height:33px;position:absolute;top:10px;left:0;box-shadow:inset 0 1px #ffffff0b}.tab-indicator[data-ready=true]~button[aria-pressed=true]{box-shadow:none;background:0 0}.scenario-tabs button:active,.speed-label select:active,.copy-button:active{transform:scale(.97)}.stream-status i{transition:background .16s ease, transform var(--motion-ui) var(--ease-out)}[data-state=complete] .stream-status i{transform:scale(1.25)}.stream-progress{background:#20242b;height:2px;overflow:hidden}.stream-progress>span{transform-origin:0;height:100%;transition:transform .16s linear, opacity var(--motion-ui) ease;background:#80b6fc;display:block;transform:scaleX(0)}[data-state=complete] .stream-progress>span{opacity:.5}.play-pause-icon .play-shape,.play-pause-icon .pause-shape{transform-origin:50%;transition:transform var(--motion-ui) var(--ease-out), opacity .12s ease}.play-pause-icon .pause-shape,[data-state=streaming] .play-shape{opacity:0;transform:scale(.8)}[data-state=streaming] .pause-shape{opacity:1;transform:scale(1)}.icon-button{position:relative}.icon-button:after{content:attr(data-tip);z-index:3;color:#d9d9e1;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .125s ease, transform .125s var(--ease-out);background:#25252b;border:1px solid #3a3a43;border-radius:6px;padding:5px 8px;font-size:11px;font-weight:500;position:absolute;bottom:calc(100% + 7px);left:50%;transform:translate(-50%,3px)}.icon-button:focus-visible:after{opacity:1;transform:translate(-50%)}.speed-control{color:#8c8c9b;align-items:center;gap:8px;font-size:11px;display:flex}.speed-control output{color:#aebed3;font-variant-numeric:tabular-nums;min-width:3.5em}.speed-control input{--range-fill:33.333%;appearance:none;background:linear-gradient(to right, #84b7f7 var(--range-fill), #3b3b47 var(--range-fill));cursor:pointer;touch-action:pan-y;border-radius:8px;width:82px;height:4px;margin:0}.speed-control input::-webkit-slider-thumb{appearance:none;width:12px;height:12px;transition:transform var(--motion-press) var(--ease-out), box-shadow var(--motion-ui) ease;background:#e3edff;border:2px solid #a8ceff;border-radius:50%;box-shadow:0 0 0 3px #111112}.speed-control input::-moz-range-thumb{width:8px;height:8px;transition:transform var(--motion-press) var(--ease-out), box-shadow var(--motion-ui) ease;background:#e3edff;border:2px solid #a8ceff;border-radius:50%;box-shadow:0 0 0 3px #111112}.speed-control input:active::-webkit-slider-thumb{transform:scale(1.15)}.speed-control input:active::-moz-range-thumb{transform:scale(1.15)}.compare-toggle input:active+.switch-track:after{transform:scale(.9)}.compare-toggle input:checked:active+.switch-track:after{transform:translate(10px)scale(.9)}.comparison-pane{transition:opacity var(--motion-ui) var(--ease-out);@starting-style{opacity:0}}.example-card .stream-demo{transition:border-color var(--motion-ui) ease}.example-heading{transition:color .16s}.copy-button{color:#8a8a99;transition:color .16s ease, background .16s ease, transform var(--motion-press) var(--ease-out);background:0 0;border:0;border-radius:5px;align-items:center;gap:8px;padding:3px 5px;font-size:11px;display:inline-flex}.copy-button svg{fill:none;stroke:currentColor;stroke-width:1.2px;width:13px;height:13px;transition:transform var(--motion-ui) var(--ease-out)}.copy-button[data-copied=true]{color:#9bcdb2}.copy-button[data-copied=true] svg{transform:scale(.9)}.reasoning-panel{transition:opacity var(--motion-ui) var(--ease-out);background:#181c24;border:1px solid #303644;border-radius:10px;margin-bottom:20px;@starting-style{opacity:0}}.reasoning-trigger{color:#b6c4d9;text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:9px;width:100%;padding:12px 14px;font-size:11px;transition:background .14s;display:flex}.reasoning-trigger:focus-visible{outline-offset:-3px}.reasoning-status{color:#8291a6;transition:color var(--motion-ui) ease;margin-left:auto;font-size:11px}.reasoning-symbol{flex:0 0 14px;width:14px;height:14px;position:relative}.reasoning-symbol i{transition:opacity var(--motion-ui) ease;animation:reasoning-pulse 1.2s var(--ease-in-out) infinite;background:#8abaff;border-radius:50%;animation-play-state:paused;position:absolute;inset:4px}[data-state=streaming] .response-pane:not(.comparison-pane) [data-complete=false] .reasoning-symbol i{animation-play-state:running}@keyframes reasoning-pulse{0%,to{opacity:.5;transform:scale(.85)}50%{opacity:1;transform:scale(1.15)}}.reasoning-symbol svg,.reasoning-chevron{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:14px;height:14px;transition:opacity var(--motion-ui) ease, transform var(--motion-ui) var(--ease-out)}.reasoning-symbol svg{opacity:0;transform:scale(.8)}[data-complete=true] .reasoning-symbol svg{opacity:1;color:#92c4ae;transform:scale(1)}[data-complete=true] .reasoning-symbol i{opacity:0;animation:none}[data-complete=true] .reasoning-status{color:#92bba8}[data-expanded=true] .reasoning-chevron{transform:rotate(180deg)}.reasoning-body{opacity:0;visibility:hidden;transition:grid-template-rows .2s var(--ease-out), opacity .16s ease, visibility .2s;grid-template-rows:0fr;display:grid}[data-expanded=true] .reasoning-body{opacity:1;visibility:visible;grid-template-rows:1fr}.reasoning-content{min-height:0;overflow:hidden}.reasoning-content .markdown-channel{padding:0 14px 2px;display:block}.reasoning-content .md-paragraph{color:#899aaf;font-size:11px;line-height:1.8}.compact .reasoning-trigger{gap:6px;padding:10px;font-size:11px}.compact .reasoning-content .markdown-channel{padding-inline:10px}@media (hover:hover) and (pointer:fine){.site-header nav a:hover,.site-footer a:hover{color:#fff}.site-header nav a:hover:after,.site-footer>a:last-child:hover:after{transform:scaleX(1)}.wordmark:hover .logo-line-top{transform:translate(2px)}.wordmark:hover .logo-line-bottom{transform:translate(-2px)}.button-primary:hover{background:#3688f3}.button-secondary:hover{background:#333338}.scenario-tabs button:hover{color:#d8d8df}.scenario-tabs button:not([aria-pressed=true]):hover{background:#202024}.icon-button:hover{color:#dedee8;background:#2b2b33}.icon-button:hover:after{opacity:1;transform:translate(-50%)}.speed-label select:hover{color:#d5d5e4;background:#30303b}.speed-control input:hover::-webkit-slider-thumb{box-shadow:0 0 0 4px #82b8ff20}.speed-control input:hover::-moz-range-thumb{box-shadow:0 0 0 4px #82b8ff20}.compare-toggle:hover .switch-track{background:#484853}.compare-toggle:hover input:checked+.switch-track{background:#3573bc}.example-card:hover .stream-demo{border-color:#414553}.example-card:hover .example-heading{color:#e0e6f1}.copy-button:hover{color:#dedee8;background:#25252e}.reasoning-trigger:hover{background:#202734}}@media (width<=600px){.tab-indicator{top:8px}.speed-control{gap:6px}.speed-control>span{display:none}.speed-control input{width:75px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-badge,.hero h1,.hero-description,.hero-actions,.format-strip{animation:.12s both gentle-arrive}.assistant-avatar .logo-line,.reasoning-symbol i{animation:none}.logo-line,.button,.scenario-tabs button,.icon-button,.play-pause-icon path,.reasoning-chevron,.copy-button,.copy-button svg{transform:none!important}.icon-button:after{transform:translate(-50%)!important}.reasoning-body,.stream-progress>span{transition:opacity .12s}.switch-track:after{transition:background .12s}.speed-control input:active::-webkit-slider-thumb{transform:none}.speed-control input:active::-moz-range-thumb{transform:none}.stream-enter-custom{animation:.12s both gentle-arrive}}@keyframes gentle-arrive{0%{opacity:.6}to{opacity:1}}@media (prefers-contrast:more){:root{--line:#63636e}.reasoning-panel{border-color:#77879e}.playground-note,.example-caption p,.chunk-counter{color:#aaaab6}}.pane-label{gap:12px;height:39px;padding-inline:22px}.pane-label>.pane-title{color:#d2e4fc;align-items:center;gap:7px;font-size:11px;font-weight:600;display:inline-flex}.motion-dot{background:#8cbdff;border-radius:50%;flex:0 0 5px;width:5px;height:5px}.pane-label>.motion-badge{color:#a7c6ed;background:#213045;border-radius:5px;padding:3px 6px;font-size:11px}.comparison-pane .pane-title{color:#b2b2bd}.comparison-pane .motion-dot{background:#777782}.comparison-pane .motion-badge{color:#a3a3ad;background:#26262c}.compact .pane-label{height:30px;padding-inline:17px;display:flex}.compact .pane-title{font-size:11px}.compact .motion-badge{display:none}[data-state=your-turn] .stream-status{color:#d5bb92}[data-state=your-turn] .stream-status i{background:#d5bb92}.stream-request,.stream-changes{transition:border-color var(--motion-ui) ease, background var(--motion-ui) ease;background:#18202d;border:1px solid #34435a;border-radius:11px;margin-bottom:20px;padding:14px}.stream-card-heading{align-items:center;gap:9px;margin-bottom:9px;display:flex}.stream-card-heading strong{color:#d2e0f3;flex:1;min-width:0;font-size:11px;font-weight:550;line-height:1.5}.stream-card-icon{color:#9cbdea;background:#26374e;border-radius:6px;flex:0 0 24px;place-items:center;width:24px;height:24px;display:grid}.stream-card-icon svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:17px;height:17px}.stream-card-status{white-space:nowrap;color:#9baec9;transition:color var(--motion-ui) ease;margin-left:auto;font-size:11px}.stream-request>p{color:#8b9bb1;font-size:11px;line-height:1.7}.request-actions{flex-wrap:wrap;gap:7px;margin-top:12px;display:flex}.request-files .request-actions{flex-direction:column}.request-option{color:#d2e5ff;text-align:left;min-height:34px;transition:transform var(--motion-press) var(--ease-out), background .14s ease, border-color .14s ease, opacity var(--motion-ui) ease;background:#26374f;border:1px solid #3a4e6c;border-radius:7px;padding:8px 11px;font-size:11px;line-height:1.5}.request-option small{color:#8ba4c6;margin-top:2px;font-size:11px;display:block}.request-option[data-value=deny]{color:#a7b3c4;background:0 0;border-color:#394150}.request-option:active:not(:disabled){transform:scale(.97)}.request-option:disabled{opacity:.35}.request-option.is-selected{opacity:1;color:#b8ddc8;background:#23382f;border-color:#699b82}[data-answer=complete]{border-color:#39564a}[data-answer=complete] .stream-card-status{color:#9bc7ad}[data-answer=declined]{border-color:#5b4d3c}[data-answer=declined] .stream-card-status{color:#c8af8f}[data-poster=true] .request-option:disabled{opacity:.7}.stream-changes{background:#171e25;border-color:#33424b}.stream-changes[data-status=complete]{border-color:#3d5a4b}.stream-changes[data-status=complete] .stream-card-status{color:#a2c6b0}.changed-file{border-top:1px solid #2c3946}.changed-file summary{cursor:pointer;color:#b2c4d9;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 0 2px;font:9px/1.7 Consolas,monospace;display:flex}.changed-file summary::marker{content:""}.change-counts{color:#97c8ac;font-variant-numeric:tabular-nums;margin-left:auto}.diff-hint{color:#8496ac;font:8px Manrope,sans-serif;transition:color .14s}.change-diff{background:#10151a;border-radius:6px;margin:10px 0 0;padding:9px;font:9px/1.8 Consolas,monospace;overflow:auto}.change-diff span{white-space:pre-wrap;display:block}.diff-added{color:#9dc8af}.diff-removed{color:#c29b9b}.diff-context{color:#8f9aac}.md-diagram{background:#151d29;border:1px solid #314059;border-radius:11px;margin-bottom:20px;overflow:hidden}.diagram-caption{color:#a5c1e5;border-bottom:1px solid #2b374b;padding:11px 14px;font-size:11px}.diagram-frame{place-items:center;min-height:200px;padding:15px;display:grid}.diagram-loading{color:#8297b3;text-align:center;font-size:11px}.mermaid-svg{width:100%;max-height:360px;display:block}.diagram-source{border-top:1px solid #29354b}.diagram-source summary{color:#8ca4c5;cursor:pointer;padding:10px 14px;font-size:11px}.diagram-source pre{color:#a1badc;margin:0;padding:0 14px 14px;font:9px/1.8 Consolas,monospace;overflow:auto}.changed-file[open] .change-diff,.diagram-source[open] pre{animation:detail-arrive .18s var(--ease-out)}@keyframes detail-arrive{0%{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}.stream-document[data-motion=off] .reasoning-panel{transition:none}.stream-document[data-motion=off] .reasoning-panel{@starting-style{opacity:1}}.stream-document[data-motion=off] .stream-request,.stream-document[data-motion=off] .stream-changes,.stream-document[data-motion=off] .request-option{transition:none}@media (hover:hover) and (pointer:fine){.request-option:not(:disabled):hover{background:#304969;border-color:#739bcc}.request-option[data-value=deny]:not(:disabled):hover{background:#29303d;border-color:#748396}.changed-file summary:hover .diff-hint{color:#cadcf5}.stream-content a:hover{color:#d3e7ff}.compact:hover{border-color:#46546a}}@media (width<=600px){.pane-label{padding-inline:16px}.pane-label>.motion-badge{font-size:11px}.stream-card-heading{gap:6px}.stream-card-status{font-size:11px}}@media (prefers-reduced-motion:reduce){.stream-document[data-motion=on],.stream-document[data-motion=on] .height-surface{transition:none}.changed-file[open] .change-diff,.diagram-source[open] pre{animation:.12s gentle-arrive}.request-option{transform:none!important}}@keyframes stream-custom-enter{0%{opacity:0;transform:translateY(.15em)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.hero{isolation:isolate;position:relative;overflow:clip}.hero>:not(.stream-field){z-index:1;position:relative}.stream-field{pointer-events:none;opacity:.65;position:absolute;inset:-12px}.stream-field svg{width:100%;height:100%}.field-track{stroke:#31415c;stroke-width:1px;opacity:.45}.field-packet{stroke:#a3c8ff;stroke-width:2px;stroke-linecap:round;stroke-dasharray:3 97;stroke-dashoffset:103px;animation:8s linear infinite field-transmit;animation-delay:var(--packet-delay);animation-play-state:paused}[data-ambient-playing=true] .field-packet{animation-play-state:running}.field-endpoints{fill:#3b5274;opacity:.5}@keyframes field-transmit{0%,12%{stroke-dashoffset:103px;opacity:0}16%{opacity:.65}58%{opacity:.65}66%,to{stroke-dashoffset:-3px;opacity:0}}.example-card:focus-within .stream-demo{border-color:#566e91}.example-heading{align-items:center;gap:8px;display:flex}.example-heading:after{content:"";background:var(--blue);opacity:0;width:5px;height:5px;transition:opacity var(--motion-ui) ease, transform var(--motion-ui) var(--ease-out);border-radius:50%;transform:scale(.8)}.example-card:has([data-state=streaming]) .example-heading:after{opacity:1;transform:scale(1)}[data-press-surface]{isolation:isolate;touch-action:manipulation;transition:background var(--motion-ui) ease, transform var(--motion-press) var(--ease-out), box-shadow var(--motion-ui) ease;position:relative;overflow:hidden}.button-label{z-index:1;position:relative}.press-wave{pointer-events:none;background:#c7e0ff;border-radius:50%;width:28px;height:28px;position:absolute}.touch-instruction{display:none}@media (hover:hover) and (pointer:fine){.button-primary:hover{box-shadow:inset 0 1px #ffffff35,0 0 0 4px #528dff10}.format-strip span{transition:color var(--motion-ui) ease, transform var(--motion-ui) var(--ease-out)}.format-strip span:hover{color:#b3c7e4;transform:translateY(-2px)}}@media (hover:none),(pointer:coarse){.site-header nav a,.wordmark,.site-footer>a:last-child{align-items:center;min-height:44px;display:inline-flex}.hover-instruction{display:none}.touch-instruction{display:inline}.button,.icon-button,.scenario-tabs button,.copy-button{min-height:44px}.icon-button{touch-action:manipulation;min-width:44px}.scenario-tabs button{padding-block:6px}.tab-indicator{height:44px}.speed-label select,.speed-control,.compare-toggle,.request-option{min-height:44px}.speed-control input{background:linear-gradient(to right, #7baff3 var(--range-fill,33.33%), #3a3a46 var(--range-fill,33.33%)) center / 100% 4px no-repeat;height:28px}.speed-control input::-webkit-slider-thumb{width:18px;height:18px}.speed-control input::-moz-range-thumb{width:18px;height:18px}.changed-file summary,.diagram-source summary{padding-block:12px}}@media (width<=600px){.stream-field{opacity:.4}h1{font-size:clamp(40px,12vw,48px)}.section-heading{flex-wrap:wrap;gap:14px}.section-heading>p{display:block}.player-settings{justify-content:flex-start}.speed-control input{width:90px}}@media (width<=380px){.site-header nav,.site-header{gap:10px}}@media (prefers-reduced-motion:reduce){.field-packet,.press-wave{display:none}.stream-field{translate:none!important}.format-strip span,.example-heading:after{transform:none!important}}.site-header nav a[aria-current=page]{color:var(--blue)}.site-header nav a[aria-current=page]:after{background:#8abbff40;transform:scaleX(1)}.nav-current-flow{inset-inline:0;pointer-events:none;height:2px;position:absolute;bottom:-6px;overflow:hidden}.nav-current-flow i{background:var(--blue);transform-origin:0;border-radius:2px;animation:2.8s linear infinite paused nav-stream-pass;position:absolute;inset:0}.nav-current-flow i:nth-child(2){animation-delay:.16s}.nav-current-flow i:nth-child(3){animation-delay:.32s}.nav-current-flow[data-active=true] i{animation-play-state:running}@keyframes nav-stream-pass{0%{opacity:0;transform:translate(-12%)scaleX(.14)}12%{opacity:1}90%{opacity:1;transform:translate(100%)scaleX(.14)}to{opacity:0;transform:translate(100%)scaleX(.14)}}@media (prefers-reduced-motion:reduce){.nav-current-flow{display:none}}