.motion-scene{container-type:inline-size;width:100%;aspect-ratio:640 / 440;padding:7% 7% 6%;display:flex;color:var(--ink)}.ms-window{width:100%;display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--line);border-radius:10px;background:var(--panel);box-shadow:0 10px 28px #0000000d;font:400 clamp(4px,2.15cqw,14px)/1.5 var(--font-ui)}.ms-toolbar{display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line);padding:2.3% 4%;color:var(--ink-2);font-size:.75em}.ms-dots{color:var(--ink-4);font-size:.65em;letter-spacing:2px}.ms-example{margin-left:auto}.ms-content{padding:4%;display:flex;flex-direction:column;gap:.8em;flex:1;min-height:0}.ms-prompt{background:var(--surface);border-radius:12px 12px 3px;padding:.6em 1em;align-self:flex-end;min-height:2.7em;max-width:95%}.ms-reply{color:var(--ink-2);font-size:.9em}.ms-file{flex-shrink:0;border:1px solid var(--line);border-radius:6px;overflow:hidden}.ms-file-head{display:flex;gap:.5em;padding:.5em .8em;border-bottom:1px solid var(--line);font-size:.75em;color:var(--ink-2)}.ms-file-head span{margin-left:auto}.ms-file pre{margin:0;padding:.6em .8em;font:400 .8em/1.55 var(--font-code);white-space:pre}.ms-file pre span{display:block}.ms-added{background:#399c6426}.ms-done{font-size:.8em;color:var(--ink-2);margin-top:auto}.ms-composer{margin:0 4% 3%;border:1px solid var(--line);border-radius:20px;padding:.4em .7em;display:flex;align-items:center;gap:.7em;color:var(--ink-3);font-size:.85em}.ms-send{margin-left:auto;border-radius:50%;background:var(--surface);width:1.7em;text-align:center}.ms-label{color:var(--ink-3);font-size:.7em;letter-spacing:.08em}.ms-stream p{font:inherit;min-height:3em;margin-top:.3em}.ms-capacity{flex:1;display:flex;flex-direction:column}.ms-capacity-head,.ms-axis{display:flex;justify-content:space-between;color:var(--ink-2);font-size:.75em}.ms-graph{position:relative;flex:1;min-height:3.5em}.ms-graph svg{position:absolute;inset:0;height:100%;width:100%;overflow:visible}.ms-grid{stroke:var(--line);stroke-width:1;fill:none}.ms-demand{stroke:var(--accent);stroke-width:2;fill:none;stroke-dasharray:1;stroke-dashoffset:var(--trace, 0)}.ms-peak{position:absolute;left:42%;bottom:0;width:27%;height:75%;border:1px solid #c99553;background:#c9955329;color:var(--ink-2);display:grid;place-items:center;font-size:.7em;border-radius:5px 5px 0 0}.ms-base{padding:.4em;text-align:center;background:var(--accent);color:var(--ground);font-size:.8em;border-radius:3px}.ms-axis{margin-top:.4em}.motion-scene[data-animating] [data-reveal]{opacity:var(--reveal, 1)}@media (prefers-reduced-motion: reduce){.motion-scene [data-reveal]{opacity:1}}.ms-api .ms-window{font-family:var(--font-code);font-size:clamp(5px,2.4cqw,15px);background:var(--card-neutral)}.ms-api .ms-toolbar{padding:4% 5%;border-bottom:0;font-size:.85em}.ms-terminal-dots{display:flex;gap:.5em;margin-right:.7em}.ms-terminal-dots i{width:.7em;height:.7em;border-radius:50%;background:#ff6058}.ms-terminal-dots i:nth-child(2){background:#febc2e}.ms-terminal-dots i:nth-child(3){background:#28c840}.ms-api .ms-content{padding:1% 5% 4%;gap:.6em}.ms-terminal-file{font-size:.9em;color:var(--ink-2)}.ms-terminal-accent{color:var(--accent);margin-right:.5em}.ms-terminal-code{margin:0;font:inherit;font-size:.82em;line-height:1.7;white-space:pre}.ms-terminal-code>span{display:block}.ms-terminal-code em{font-style:normal;color:var(--ink-3);margin-right:.7em}.ms-terminal-highlight{background:#72a04a20}.ms-terminal-command{padding:.6em .7em;margin-inline:-.7em;background:#80808012;border-radius:3px;min-height:2.7em}.ms-terminal-status{color:var(--ink-3);font-size:.75em}.ms-terminal-status>span{color:var(--accent);float:right}.ms-api .ms-stream{font-size:.85em}.ms-api .ms-stream p{margin:0;min-height:3em}.ms-api .ms-done{display:flex;justify-content:space-between;gap:1em;font-size:.65em}.product-gallery .motion-scene{aspect-ratio:auto;height:250px;padding:18px 18px 0;overflow:hidden}.product-gallery .motion-scene .ms-window{font-size:clamp(13px,4cqw,16px);border-radius:10px 10px 0 0}.product-gallery .ms-toolbar,.product-gallery .ms-composer,.product-gallery .ms-done,.product-gallery .ms-reply,.product-gallery .ms-api .ms-terminal-file,.product-gallery .ms-api .ms-terminal-code{display:none}.product-gallery .motion-scene .ms-content{padding:18px 14px;gap:14px}.product-gallery .ms-api .ms-terminal-command{margin:0;padding:10px 8px}.product-gallery .ms-api .ms-terminal-status{font-size:.7em}.product-gallery .ms-api .ms-stream{font-size:.9em;line-height:1.7}.product-gallery .ms-app .ms-prompt{display:none}.product-gallery .ms-app .ms-capacity-head{flex-direction:column;gap:6px}.product-gallery .ms-app .ms-graph{min-height:90px}.product-gallery .ms-app .ms-axis{font-size:.6em}.product-gallery .ms-coding .ms-prompt{font-size:.85em;min-height:auto;padding:8px 10px}.product-gallery .ms-coding .ms-file{margin-right:-100px;border-right:0;border-radius:6px 0 0 6px}.product-gallery .ms-coding .ms-file-head{padding-right:110px}.product-gallery .ms-coding .ms-file pre{font-size:.85em}.hero.is-split .hero-artifact .motion-scene{padding:0}.hero.is-split .hero-artifact .ms-window{border-radius:20px;background:var(--card-neutral);box-shadow:none}.hero.is-split .hero-artifact .ms-app{padding:24px;background:var(--card-neutral);border-radius:20px}.hero.is-split .hero-artifact .api-console,.hero.is-split .hero-artifact .coding-chat{border:0}.product-gallery .ms-coding .ms-content{padding:12px 12px 6px;gap:8px}.product-gallery .ms-coding .ms-reply{display:block;font-size:.78em}.product-gallery .ms-coding .ms-composer{display:flex;flex-shrink:0;margin:6px 12px 10px;font-size:.75em}.product-gallery .ms-coding .ms-file{margin-right:0;border-right:1px solid var(--line);border-radius:6px}.product-gallery .ms-coding .ms-file-head{padding:.4em .8em}.product-gallery .ms-coding .ms-file pre{padding:.4em .8em;font-size:.78em}.product-gallery .ms-coding .ms-file pre>span:nth-child(1),.product-gallery .ms-coding .ms-file pre>span:nth-child(5){display:none}.product-gallery .ms-coding .ms-prompt{font-size:.8em;padding:6px 9px}.app-subscription{width:100%;align-self:center;font:400 clamp(11px,2.4cqw,16px)/1.4 var(--font-ui)}.subscription-heading,.subscription-month{display:flex;justify-content:space-between;gap:8px;font-size:.65em;color:var(--ink-2)}.subscription-heading{letter-spacing:.04em}.subscription-active{color:var(--accent)}.subscription-price{display:flex;gap:.6em;align-items:baseline;margin:.9em 0}.subscription-price strong{font-weight:500;font-size:2.6em;letter-spacing:-.045em;line-height:1}.subscription-price>span{color:var(--ink-2);font-size:.8em}.subscription-label{font-size:.85em;margin-bottom:1em}.subscription-month{font-size:.6em;margin-bottom:.5em}.subscription-base{background:var(--accent);color:var(--ground);padding:.8em;border-radius:6px;text-align:center;font-size:.8em}.subscription-days{display:flex;gap:3px;margin-top:.6em}.subscription-days i{flex:1;height:.7em;background:currentColor;opacity:.23;border-radius:1px}.subscription-extra{display:flex;gap:.7em;align-items:center;background:color-mix(in srgb,var(--panel) 80%,transparent);border-radius:6px;margin-top:1em;padding:.8em}.subscription-plus{color:var(--accent);font-size:1.3em}.subscription-extra>div{display:grid;gap:.2em}.subscription-extra strong{font-weight:500;font-size:.8em}.subscription-extra div>span{color:var(--ink-2);font-size:.65em}.subscription-extra b{margin-left:auto;font-size:1.1em;font-weight:500}.subscription-extra small{display:block;font-size:.55em;color:var(--ink-2);font-weight:400}.product-gallery .app-subscription{font-size:13px}.product-gallery .subscription-price{margin:12px 0 9px}.product-gallery .subscription-label{margin-bottom:10px}.product-gallery .subscription-extra{margin-top:10px;padding:8px}.coding-chat{--chat-muted: var(--ink-3);--chat-text: var(--ink);--chat-line: var(--line);--chat-bubble: var(--surface-strong);width:100%;display:flex;flex-direction:column;background:var(--card-neutral);border:1px solid var(--chat-line);border-radius:20px;color:var(--chat-text);font:400 clamp(12px,2.65cqw,17px)/1.55 var(--font-ui);overflow:hidden}.coding-conversation{padding:6% 6% 3%;display:flex;flex-direction:column;gap:1em;flex:1}.coding-question{align-self:flex-end;background:var(--chat-bubble);border:1px solid var(--chat-line);border-radius:17px 17px 5px;padding:.7em 1em;max-width:94%;min-height:3em}.coding-status{display:flex;gap:.6em;align-items:center;color:var(--chat-muted);font-size:.8em}.coding-status svg{width:1.1em;height:1.1em}.coding-status-dots{margin-left:auto;letter-spacing:.15em}.coding-answer strong{font-weight:500}.coding-answer p{font:inherit;font-size:.88em;color:var(--chat-muted);margin:.35em 0 0}.coding-patch{border:1px solid var(--chat-line);border-radius:9px;overflow:hidden}.coding-patch-title{display:flex;justify-content:space-between;padding:.6em .9em;font-size:.7em;color:var(--chat-muted);border-bottom:1px solid var(--chat-line)}.coding-patch pre{padding:.6em 0;margin:0;font:400 .76em/1.85 var(--font-code);white-space:pre}.coding-patch code>span{display:block;padding-inline:.7em}.coding-patch i{font-style:normal;color:var(--chat-muted);margin-right:.5em}.coding-patch b{font-weight:400;color:#ccafe5}.coding-patch em{font-style:normal;color:#dcc09b}.coding-removed{background:#b8505012}.coding-added{background:#4d98652b}.coding-ready{font-size:.75em;color:var(--chat-muted)}.coding-input{margin:0 5% 5%;padding:.65em .7em;display:flex;align-items:center;gap:.8em;border:1px solid var(--chat-line);border-radius:30px;color:var(--chat-muted);font-size:.85em}.coding-input-plus{font-size:1.4em;line-height:1}.coding-model{margin-left:auto;white-space:nowrap}.coding-submit{width:1.9em;height:1.9em;border-radius:50%;display:grid;place-items:center;background:var(--chat-text);color:var(--card-neutral);font-size:1.1em}.motion-scene[data-animating] .coding-chat [data-reveal]{transition:opacity .28s ease,transform .28s ease;transform:translateY(calc((1 - var(--reveal, 1)) * 5px))}.product-gallery .coding-chat{font-size:12px;border-radius:12px 12px 0 0}.product-gallery .coding-conversation{padding:10px 12px 6px;gap:7px;min-height:0}.product-gallery .coding-question{font-size:11px;padding:6px 8px;min-height:0}.product-gallery .coding-status{font-size:9px}.product-gallery .coding-answer strong{font-size:11px}.product-gallery .coding-answer p,.product-gallery .coding-ready,.product-gallery .coding-patch-title>span:last-child{display:none}.product-gallery .coding-patch pre{font-size:9px;line-height:1.6;padding:4px 0}.product-gallery .coding-patch-title{padding:4px 8px}.product-gallery .coding-input{margin:auto 10px 8px;padding:4px 7px;font-size:10px}@media (prefers-reduced-motion: reduce){.motion-scene .coding-chat [data-reveal]{transition:none;transform:none}}.coding-answer p{min-height:2.8em}.coding-input [data-coding-input]{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.coding-submit{flex-shrink:0}@media (max-width: 480px){.hero.is-split .coding-conversation{padding:18px 14px 12px;gap:12px}.hero.is-split .coding-patch pre{font-size:9px}}.coding-input{flex-shrink:0}.coding-model{display:inline-flex;align-items:center;gap:.35em;line-height:1;flex-shrink:0}.coding-model svg{display:block;width:1em;height:1em;flex-shrink:0}.coding-submit{position:relative;line-height:1}.coding-submit svg{display:block;width:72%;height:72%}.coding-submit .coding-stop-icon,.coding-submit.is-generating .coding-send-icon{display:none}.coding-submit.is-generating .coding-stop-icon{display:block}.api-console{width:100%;display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--line);border-radius:16px;background:var(--card-neutral);color:var(--ink);font:400 clamp(11px,2.4cqw,15px)/1.8 var(--font-code)}.api-console-bar{display:flex;align-items:center;padding:14px 18px;gap:8px;font-size:.75em;color:var(--ink-3)}.api-console-state{margin-left:auto}.api-log-viewport{flex:1;min-height:0;overflow:hidden;mask-image:linear-gradient(transparent,#000 var(--log-fade-top, 6px),#000 92%,transparent)}.api-log{padding:6px 18px 12px;transform:translateY(calc(-1px * var(--log-scroll, 0)))}.api-log>.is-clipped{visibility:hidden}.api-log>div{margin-bottom:.55em;white-space:nowrap}.api-command{background:#80808012;padding:.4em .6em;margin-inline:-.6em}.api-command b,.api-json b{color:#91b9df;font-weight:400}.api-log-line b{color:#71b9a3;font-weight:400}.api-log em,.api-json em{font-style:normal;color:#adc997}.api-log-muted,.api-json>span{color:var(--ink-3)}.api-connected{display:flex;justify-content:space-between;color:#5a8745}.api-connected>span{font-size:.85em}.api-response-label{color:#9b7cbb;padding-top:.5em}.api-log-result{padding:.4em .6em;margin-inline:-.6em;background:#5e92551c}.api-console-footer{display:flex;justify-content:space-between;padding:10px 18px;color:var(--ink-3);font-size:.7em}.product-gallery .api-console{font-size:11px;line-height:1.5;border-radius:12px 12px 0 0}.product-gallery .api-console-bar{padding:10px 12px;font-size:9px}.product-gallery .api-log{padding-inline:12px}.product-gallery .api-log>div{margin-bottom:.3em}.product-gallery .api-log-result{white-space:normal}.product-gallery .api-console-footer{padding:8px 12px;font-size:9px}.motion-scene[data-animating] .api-log [data-reveal]{transition:opacity .2s ease}@media (prefers-reduced-motion: reduce){.motion-scene .api-log [data-reveal]{transition:none}}.subscription-chart{width:100%;align-self:center;font:400 clamp(11px,2.9cqw,17px)/1.4 var(--font-ui)}.sc-header{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.sc-header>span{font-size:.85em;color:var(--ink-2)}.sc-header strong{font-weight:500;font-size:1.6em}.sc-header small{font-size:.5em;font-weight:400;color:var(--ink-2)}.sc-legend{display:flex;justify-content:space-between;align-items:baseline;gap:.6em;margin:1.2em 0 .7em;font-size:.85em;color:var(--ink-2)}.sc-legend i{display:inline-block;width:1em;height:2px;vertical-align:middle;background:var(--ink);margin-right:.5em}.sc-plot{height:11em;position:relative}.sc-plot svg{width:100%;height:100%;display:block}.sc-base-area{fill:var(--accent);opacity:.2}.sc-base-line{stroke:var(--accent);stroke-dasharray:4 3;fill:none}.sc-extra-area{fill:#d6a35330;stroke:#c89a52;stroke-width:1}.sc-demand{stroke:var(--ink);stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:var(--capacity-trace, 0)}.sc-base-label{color:var(--accent)}.sc-charge{position:absolute;top:0;transform:translate(-50%);color:var(--ink);font-size:.8em;font-weight:500}.sc-axis{display:flex;justify-content:space-between;font-size:.8em;color:var(--ink-2);margin-top:5px}.sc-bill{display:flex;justify-content:space-between;align-items:center;gap:8px;border-top:1px solid var(--line);padding-top:.8em;margin-top:1em}.sc-bill>span{font-size:.85em;color:var(--ink-2)}.sc-bill strong{font-size:1.3em;font-weight:500}.sc-note{font-size:.8em;color:var(--ink-2);margin-top:.6em}.product-gallery .subscription-chart{font-size:13px;align-self:stretch;padding:12px;border:1px solid var(--line);border-radius:12px 12px 0 0;background:var(--card-neutral);box-shadow:0 10px 28px #0000000d}.product-gallery .sc-plot{height:88px}.product-gallery .sc-legend{margin:9px 0 5px}.product-gallery .sc-bill{margin-top:7px;padding-top:7px}.product-gallery .sc-axis{font-size:9px}.product-gallery .sc-note{font-size:7px}.sc-axis{position:relative;height:1.4em;display:block}.sc-axis span{position:absolute;transform:translate(-50%);white-space:nowrap}.sc-axis span:nth-child(1){left:12%}.motion-scene[data-animating] .api-log [data-reveal]{transition:none}.api-log{position:relative;transition:none}.coding-conversation{position:relative;min-height:0;overflow:hidden}.coding-conversation>*{flex-shrink:0}.coding-test{display:grid;gap:.3em;font-size:.8em;color:var(--chat-muted)}.coding-test strong{color:var(--chat-text);font-weight:500}.coding-test span{font-family:var(--font-code);font-size:.9em}.coding-followup{font-size:.85em;color:var(--chat-muted)}.product-gallery .coding-test{font-size:10px}.product-gallery .coding-followup{font-size:11px}.sc-charge-one,.sc-axis span:nth-child(2){left:39%}.sc-charge-two,.sc-axis span:nth-child(3){left:67.5%}.sc-charge-three,.sc-axis span:nth-child(4){left:90.4%}.product-gallery .motion-scene:is(.ms-api,.ms-coding){padding:18px 0 0 18px}.product-gallery .ms-api .api-console,.product-gallery .ms-coding .coding-chat{flex:0 0 calc(100% + 18px);width:calc(100% + 18px);height:calc(100% + 10px);border-radius:12px 12px 0 0}.product-gallery .api-console-bar,.product-gallery .api-console-footer{padding-right:30px}.product-gallery .coding-input{margin-right:28px}.product-gallery .coding-question{margin-right:18px}.api-console-state{display:inline-flex;align-items:center;gap:7px}.ms-api.is-working .api-console-state:before,.coding-status [data-coding-status].is-working:after{content:"";display:inline-block;width:9px;height:9px;border:1.5px solid currentColor;border-right-color:transparent;border-radius:50%;animation:scene-spin .7s linear infinite}.coding-status [data-coding-status].is-working:after{margin-left:8px;vertical-align:-1px}.motion-scene.is-paused *,.motion-scene.is-paused *:before,.motion-scene.is-paused *:after{animation-play-state:paused!important}.coding-patch code>.coding-added{white-space:pre-wrap;overflow-wrap:anywhere}@keyframes scene-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.ms-api.is-working .api-console-state:before,.coding-status [data-coding-status].is-working:after{animation:none}}.api-response-label.is-thinking:before{content:"";display:inline-block;width:8px;height:8px;border:1.5px solid currentColor;border-right-color:transparent;border-radius:50%;margin-right:7px;vertical-align:-1px;animation:scene-spin .7s linear infinite}@media (prefers-reduced-motion: reduce){.api-response-label.is-thinking:before{animation:none}}.sc-live-labels{position:absolute;inset:0;clip-path:inset(-24px 0 -28px);pointer-events:none}.sc-live-charge{position:absolute;transform:translate(-50%,calc(-100% - 3px));color:var(--ink);font:500 .8em/1.2 var(--font-ui);white-space:nowrap}.sc-live-axis{position:absolute;top:100%;transform:translate(-50%,5px);color:var(--ink-2);font:400 .8em/1.4 var(--font-ui);white-space:nowrap}.product-gallery .sc-live-axis{font-size:9px}.sc-plot svg{overflow:hidden}.product-gallery .sc-header strong{font-size:16px}.product-gallery .sc-header small{font-size:9px}.product-gallery .sc-legend{font-size:clamp(7px,2.9cqw,.85em)}@container (max-width: 228px){.product-gallery .sc-plot{height:72px}.product-gallery .sc-header{gap:6px}.product-gallery .sc-header>span,.product-gallery .sc-bill>span{font-size:9px}.product-gallery .sc-header strong,.product-gallery .sc-bill strong{font-size:13px}.product-gallery .sc-header small{font-size:8px}.product-gallery .sc-bill{gap:6px}.product-gallery .sc-axis{font-size:8px}}.hero.is-split .coding-conversation{padding-inline:3.6%}.hero.is-split .coding-input{margin-inline:3%;margin-bottom:3.4%}@media (max-width: 480px){.hero.is-split .coding-conversation{padding-inline:8.4px}}.coding-conversation{mask-image:linear-gradient(transparent,#000 var(--conv-fade-top, 0px),#000 calc(100% - var(--conv-fade, 0px)),transparent)}@media (max-width: 720px){.hero.is-split .hero-artifact .ms-coding{aspect-ratio:14 / 13}.hero.is-split .hero-artifact .ms-api{aspect-ratio:35 / 32}}.ms-cli .api-console{font-size:clamp(11px,2.3cqw,14px)}.cli-model{color:var(--accent)}.ms-cli.is-working .cli-model:before{content:"";display:inline-block;width:9px;height:9px;border:1.5px solid currentColor;border-right-color:transparent;border-radius:50%;animation:scene-spin .7s linear infinite}.cli-status{color:var(--ink-3)}.cli-status.is-thinking:before{content:"";display:inline-block;width:8px;height:8px;border:1.5px solid currentColor;border-right-color:transparent;border-radius:50%;margin-right:7px;vertical-align:-1px;animation:scene-spin .7s linear infinite}.cli-step b{color:#71b9a3;font-weight:500;margin-right:.3em}.cli-step em{font-style:normal;color:var(--ink)}.cli-diff{padding:.3em .6em;margin:.1em -.6em .2em;border-left:2px solid var(--line)}.cli-diff>span{display:block;white-space:pre-wrap;overflow-wrap:anywhere}.cli-removed{color:var(--ink-3);background:#b8505012}.cli-added{background:#4d98652b}.cli-tests,.cli-done b{color:#71b9a3}@media (prefers-reduced-motion: reduce){.ms-cli.is-working .cli-model:before,.cli-status.is-thinking:before{animation:none}}.gui-app{width:100%;display:grid;grid-template-columns:minmax(0,31%) minmax(0,1fr);overflow:hidden;border:1px solid var(--line);border-radius:16px;background:var(--card-neutral);color:var(--ink);font:400 clamp(11px,2.3cqw,14px)/1.5 var(--font-ui)}.gui-side{display:grid;align-content:start;gap:.15em;padding:1em .7em;border-right:1px solid var(--line);font-size:.85em;color:var(--ink-2);min-width:0}.gui-side-title{margin:.7em .5em .3em;font-size:.78em;letter-spacing:.04em;color:var(--ink-3)}.gui-side-title:first-child{margin-top:.1em}.gui-side-item{padding:.4em .5em;border-radius:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gui-side-item.is-active{background:var(--surface-strong);color:var(--ink)}.gui-side-item.is-file:before{content:"◇ ";color:var(--ink-3)}.gui-app>.coding-chat{border:0;border-radius:0;background:transparent;font-size:1em;min-width:0}.gui-app .coding-conversation{padding:5% 6% 3%}.gui-app .coding-input{margin:0 6% 6%}@media (max-width: 480px){.gui-app{grid-template-columns:minmax(0,1fr)}.gui-side{display:none}}
