.st-section{position:relative}.st-wrap{background-image:none}.st-sticky{background-image:radial-gradient(var(--line) 1px, transparent 1px);background-size:24px 24px}.st-section.is-play .st-sticky{flex-direction:column;justify-content:center;min-height:100svh;padding-block:16px;display:flex}.st-section.is-static .st-sticky{padding:56px 0 80px}.st-chapters{padding-left:16px;position:relative}.st-chapters:before,.st-chapters:after{content:"";width:2px;position:absolute;top:0;left:0}.st-chapters:before{background:var(--line);bottom:0}.st-chapters:after{height:calc(var(--story) * 100%);background:var(--accent)}.st-chapters li+li{border-top:1px solid var(--line)}.st-chapters li>button{text-align:left;width:100%;color:var(--ink-3);cursor:pointer;transition:color .3s var(--ease);align-items:baseline;gap:12px;padding:10px 0;display:flex}.st-chapters li>button:hover,.st-chapters li[aria-current]>button{color:var(--ink)}.st-chapter-num{font-family:var(--f-mono);font-size:.75rem}.st-chapters li[aria-current] .st-chapter-num{color:var(--accent)}.st-chapter-label{font-size:.98rem}.st-chapter-body{opacity:0;max-height:0;transition:max-height .5s var(--ease), opacity .4s var(--ease);overflow:hidden}.st-chapters li[aria-current] .st-chapter-body{opacity:1;max-height:14rem}@media (min-width:1024px){.st-chapter-body{height:0;max-height:none;transition:height .5s var(--ease), opacity .4s var(--ease)}.st-chapters li[aria-current] .st-chapter-body{height:var(--chapter-h,auto);max-height:none}}@media (min-width:1024px) and (max-height:800px){.st-chapters li>button{padding-block:7px}.st-body{margin-top:24px}}.st-chapter-title{font-family:var(--f-display);font-size:1.2rem;font-weight:var(--w-display);letter-spacing:-.015em;color:var(--ink);line-height:1.25}.st-chapter-text{text-wrap:pretty;color:var(--ink-2);margin:8px 0 14px;font-size:.95rem;line-height:1.6}@media (max-width:1023px){.st-body{gap:20px;margin-top:20px}.st-stage{order:-1}.st-chapters{grid-template-columns:repeat(6,minmax(0,1fr));gap:16px 0;padding-left:0;display:grid}.st-chapters:before,.st-chapters:after{display:none}.st-chapters li{display:contents}.st-chapters li+li{border-top:0}.st-chapters li>button{border:1px solid var(--line-2);background:linear-gradient(to right, var(--accent-soft) calc(var(--fill) * 100%), var(--surface) 0);width:auto;min-height:40px;color:var(--ink-3);grid-row:1;justify-content:center;align-items:center;margin-left:-1px;padding:0;position:relative}.st-chapters li:first-child>button{margin-left:0}.st-chapters li[data-done]>button{color:var(--ink-2)}.st-chapters li[aria-current]>button{z-index:1;border-color:var(--ink);background:linear-gradient(to right, #7d69ac52 calc(var(--fill) * 100%), var(--surface) 0);color:var(--ink)}.st-chapters li[aria-current] .st-chapter-num{font-weight:500}.st-chapter-label,.st-chapter-body{display:none}.st-chapters li[aria-current] .st-chapter-body{grid-area:2/1/auto/-1;height:11.5rem;max-height:none;display:block;overflow:hidden}.st-chapter-title{font-size:1.08rem}.st-chapter-text{margin-bottom:0;font-size:.92rem}}.st-fit{width:100%;overflow:hidden}.st-aside,.st-stage{min-width:0}.st-play{width:100%;margin-top:16px}.st-play-fill{background:var(--ink-3);transform-origin:0;height:100%;transition:background-color .3s var(--ease);display:block}.st-play[data-running] .st-play-fill{background:var(--accent)}.st-canvas{transform-origin:0 0;border:1px solid var(--line-2);background-color:var(--paper);background-image:radial-gradient(var(--line) 1px, transparent 1px);background-size:24px 24px;width:960px;height:600px;position:relative;overflow:hidden}.st-layer{position:absolute;inset:0}.st-camera{perspective:1600px;perspective-origin:50% 40%;position:absolute;inset:0}.st-rig{width:504px;height:324px;transform-style:preserve-3d;position:absolute;top:50%;left:50%}.st-lid{border:2px solid var(--ink);background:var(--surface);transform-origin:50% 100%;border-radius:14px 14px 6px 6px;padding:10px;position:absolute;inset:0}.st-screen{outline:1px solid var(--line-2);background:#fbfaf7;width:480px;height:300px;overflow:hidden}.st-screen-inner{transform-origin:0 0;width:960px;height:600px;transform:scale(.5)}.st-base{border:2px solid var(--ink);transform-origin:50% 0;background:#ecebf0;border-radius:4px 4px 18px 18px;width:524px;height:340px;position:absolute;top:100%;left:-10px;transform:rotateX(90deg)}.st-keys{border:1px solid var(--ink-3);background-image:linear-gradient(var(--line-2) 1px, transparent 1px), linear-gradient(90deg, var(--line-2) 1px, transparent 1px);background-size:31px 30px;height:150px;position:absolute;top:24px;left:28px;right:28px}.st-pad{border:1px solid var(--ink-3);border-radius:8px;width:150px;height:100px;margin-left:-75px;position:absolute;top:196px;left:50%}.st-desk{background-image:radial-gradient(var(--line) 1.2px, transparent 1.2px);transform-origin:50%;background-size:26px 26px;width:2304px;height:1600px;position:absolute;top:calc(100% - 800px);left:-900px;transform:rotateX(90deg)translateZ(-3px)}.st-ide{width:960px;height:600px;color:var(--ink);font-family:var(--f-mono);background:#fbfaf7;flex-direction:column;font-size:12px;display:flex}.st-titlebar,.st-browser-bar{border-bottom:1px solid var(--line);height:30px;color:var(--ink-3);background:#f5f4f0;flex:none;align-items:center;gap:12px;padding:0 12px;font-size:11px;display:flex}.st-browser-bar{height:34px}.st-dots{gap:5px;display:inline-flex}.st-dots i{border:1px solid var(--ink-3);border-radius:50%;width:9px;height:9px}.st-ide-body{height:570px;display:flex}.st-tree{border-right:1px solid var(--line);flex:none;width:170px;padding:12px 10px;font-size:11px;line-height:2}.st-tree p{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.st-tree-dir{color:var(--ink-2);align-items:center;gap:4px;display:flex}.st-chevron{fill:none;stroke:currentColor;stroke-width:1.2px;flex:none;width:9px;height:9px}.st-tree-file{color:var(--ink-2);padding-left:26px}.st-tree .is-new{animation:a-fade-in .4s var(--ease) both}.st-tree-file.is-open{color:var(--ink);background:var(--accent-soft)}.st-editor{flex-direction:column;flex:none;width:530px;display:flex}.st-toolbar{border-bottom:1px solid var(--line);flex:none;align-items:flex-end;gap:2px;height:36px;padding:0 10px;display:flex}.st-tab{color:var(--ink-3);animation:a-fade-in .4s var(--ease) both;border-bottom:2px solid #0000;padding:6px 12px;font-size:11.5px}.st-tab.is-active{border-bottom-color:var(--accent);color:var(--ink)}.st-toolbar-actions{gap:8px;display:flex}.st-btn{border:1px solid var(--ink);height:24px;color:var(--ink);font-family:var(--f-mono);white-space:nowrap;transition:background-color .2s var(--ease), transform .2s var(--ease);background:#fff;align-items:center;gap:6px;padding:0 10px;font-size:11px;display:inline-flex}.st-btn svg{fill:currentColor;width:9px;height:9px}.st-btn.is-primary{background:var(--ink);color:var(--paper)}.st-btn.is-disabled{opacity:.35}.st-btn.is-pressed{background:var(--accent);border-color:var(--accent);color:#fff;transform:scale(.94)}.st-code{flex:1;padding:10px 0;overflow:hidden}.st-code li{border-left:2px solid #0000;height:18px;line-height:18px;display:flex}.st-code li.is-ai{border-left-color:var(--accent);background:#7d69ac0f}.st-ln{text-align:right;width:40px;color:var(--ink-3);flex:none;padding-right:14px}.st-code code{white-space:pre;font-family:inherit}.st-kw{color:var(--accent)}.st-str{color:var(--ink-2);font-style:italic}.st-fn{font-weight:500}.st-caret{vertical-align:-2px;background:var(--accent);width:7px;height:14px;margin-left:1px;animation:1s steps(2,jump-none) infinite st-blink;display:inline-block}@keyframes st-blink{50%{opacity:0}}.st-terminal{border-top:1px solid var(--line);height:150px;color:var(--ink-2);background:#f5f4f0;flex:none;padding:8px 12px;font-size:11px;line-height:1.7;overflow:hidden}.st-prompt{color:var(--ink-3)}.st-agent-line{color:var(--accent);align-items:center;gap:6px;display:flex}.st-terminal-title{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);font-size:10px}.st-progress{align-items:center;gap:10px;display:flex}.st-progress-track{border:1px solid var(--ink);width:200px;height:6px;display:inline-block}.st-progress-track span{background:var(--accent);height:100%;display:block}.st-ok{color:var(--ok)}.st-statusbar{border-top:1px solid var(--line);height:24px;color:var(--ink-3);flex:none;justify-content:space-between;align-items:center;padding:0 10px;font-size:10.5px;display:flex}.st-statusbar-ai{color:var(--accent);align-items:center;gap:6px;display:inline-flex}.st-ai-icon{width:13px;height:13px;fill:var(--accent)}.st-assistant{border-left:1px solid var(--line);width:260px;font-family:var(--f-body);background:#f8f7f3;flex-direction:column;flex:none;gap:10px;padding:12px;font-size:12px;display:flex}.st-assistant-head{align-items:center;gap:8px;font-weight:500;display:flex}.st-chat{flex-direction:column;flex:1;gap:8px;display:flex}.st-bubble{text-wrap:pretty;border:1px solid var(--line-2);animation:a-fade-in .4s var(--ease) both;background:#fff;border-radius:10px 10px 10px 2px;padding:8px 10px;line-height:1.5}.st-bubble.is-user{border-color:var(--ink);background:var(--ink);max-width:86%;color:var(--paper);border-radius:10px 10px 2px;align-self:flex-end}.st-typing{gap:3px;margin-left:6px;display:inline-flex}.st-typing i{background:var(--accent);border-radius:50%;width:4px;height:4px;animation:1s ease-in-out infinite st-dot}.st-typing i:nth-child(2){animation-delay:.15s}.st-typing i:nth-child(3){animation-delay:.3s}@keyframes st-dot{50%{opacity:.25}}.st-input{border:1px solid var(--ink);background:#fff;flex:none;justify-content:space-between;align-items:flex-end;gap:8px;min-height:36px;max-height:96px;padding:6px 6px 6px 10px;line-height:1.5;display:flex;overflow:hidden}.st-input>span:first-child{text-wrap:pretty;align-self:center;overflow:hidden}.st-input-placeholder{color:var(--ink-3)}.st-send{background:var(--ink);width:24px;height:24px;color:var(--paper);transition:transform .2s var(--ease);flex:none;place-items:center;display:grid}.st-send svg{fill:none;stroke:currentColor;stroke-width:1.5px;width:11px;height:11px}.st-send.is-pressed{background:var(--accent);transform:scale(.88)}.st-browser{border-top:1px solid var(--ink);width:960px;height:600px;color:var(--ink);background:#fff;flex-direction:column;font-size:12.5px;display:flex}.st-address{border:1px solid var(--line-2);width:460px;height:22px;font-family:var(--f-mono);color:var(--ink-2);background:#fff;border-radius:11px;align-items:center;padding:0 12px;display:flex}.st-app{height:566px;display:flex}.st-side{border-right:1px solid var(--line);background:#f8f7f3;flex:none;width:170px;padding:16px 12px}.st-side-brand{height:36px;font-family:var(--f-display);font-size:14px;font-weight:var(--w-display);align-items:flex-start;gap:8px;display:flex}.st-side-item{height:30px;color:var(--ink-2);transition:background-color .2s var(--ease);border-left:2px solid #0000;align-items:center;padding:0 10px;display:flex}.st-side-item.is-active{border-left-color:var(--accent);background:var(--accent-soft);color:var(--ink)}.st-side-item.is-pressed{background:var(--accent);color:#fff}.st-main{flex:1;padding:28px;position:relative}.st-h{height:26px;font-family:var(--f-display);font-size:20px;font-weight:var(--w-display);letter-spacing:-.015em}.st-fields{margin-top:16px}.st-field{align-items:center;height:44px;display:flex}.st-field-label{width:190px;color:var(--ink-2)}.st-field-input{border:1px solid var(--line-2);width:372px;height:30px;font-family:var(--f-mono);align-items:center;padding:0 10px;font-size:12px;display:flex}.st-field-input.is-focused{border-color:var(--accent)}.st-next{height:32px;margin-top:18px;padding:0 22px;font-size:12px}.st-stepper{height:28px;color:var(--ink-3);align-items:center;gap:10px;margin-top:16px;font-size:12px;display:flex}.st-stepper li{align-items:center;gap:8px;display:flex}.st-stepper li+li:before{content:"";background:var(--line-2);width:28px;height:1px;margin-right:2px}.st-step-num{border:1px solid var(--ink-3);width:20px;height:20px;font-family:var(--f-mono);border-radius:50%;place-items:center;font-size:10.5px;display:grid}.st-stepper li.is-done{color:var(--ink-2)}.st-stepper li.is-done .st-step-num{border-color:var(--ink-2)}.st-stepper li.is-active{color:var(--ink);font-weight:500}.st-stepper li.is-active .st-step-num{border-color:var(--accent);background:var(--accent);color:#fff}.st-stepper+.st-fields{margin-top:20px}.st-fields{animation:a-fade-in .35s var(--ease) both}.st-select{justify-content:space-between;position:relative}.st-options{z-index:2;border:1px solid var(--ink);background:#fff;position:absolute;top:calc(100% + 2px);left:-1px;right:-1px}.st-options span{align-items:center;height:30px;padding:0 10px;display:flex}.st-options .is-hover{background:var(--accent-soft)}.st-checkbox{border:1px solid var(--ink);background:#fff;width:16px;height:16px}.st-segmented{border:1px solid var(--ink);height:30px;display:flex}.st-segmented span{width:110px;color:var(--ink-2);transition:background-color .2s var(--ease), color .2s var(--ease);place-items:center;font-size:12px;display:grid}.st-segmented span+span{border-left:1px solid var(--ink)}.st-segmented .is-active{background:var(--ink);color:var(--paper)}.st-estimate{animation:a-fade-in .4s var(--ease) both;margin-top:4px}.st-estimate figcaption{color:var(--ink-2);justify-content:space-between;margin-bottom:4px;font-size:11.5px;display:flex}.st-legend{color:var(--ink-3);align-items:center;gap:6px;font-size:11px;display:inline-flex}.st-legend i{border-radius:2px;width:10px;height:10px;margin-left:8px}.st-legend .is-existing{background:var(--ink-3)}.st-legend .is-estimate{border:1px solid var(--accent);background:repeating-linear-gradient(45deg, var(--accent) 0 1.5px, #fff 1.5px 4px)}.st-estimate svg{width:100%;height:auto;display:block}.st-estimate text{font-family:var(--f-mono);fill:var(--ink-3);font-size:9px}.st-bar-existing{fill:color-mix(in srgb, var(--ink) 34%, var(--paper))}.st-bar-estimate{stroke:var(--accent);stroke-width:1px}.st-stripe-bg{fill:#fff}.st-stripe{stroke:var(--accent);stroke-width:2.4px}.st-axis{stroke:var(--ink);stroke-width:1px}.st-field-empty{color:var(--ink-3)}.st-toast{border:1px solid var(--ok);color:var(--ok);font-family:var(--f-mono);animation:a-fade-in .3s var(--ease) both;background:#fff;padding:8px 12px;font-size:12px;position:absolute;bottom:40px;right:28px}.st-task-head{justify-content:space-between;align-items:flex-start;display:flex}.st-task-head .st-btn{height:32px;padding:0 16px;font-size:12px}.st-meta{font-family:var(--f-mono);white-space:pre;color:var(--ink-3);margin-top:6px;font-size:11px}.st-table-title{color:var(--ink-2);margin-top:30px;margin-bottom:8px}.st-table{border-collapse:collapse;width:100%;font-family:var(--f-mono);font-size:11.5px}.st-table th{border-bottom:1px solid var(--ink);text-align:left;color:var(--ink-3);padding:6px 8px;font-weight:400}.st-table td{border-bottom:1px solid var(--line);padding:9px 8px}.st-row-new td{animation:st-row-in .5s var(--ease) both}@keyframes st-row-in{0%{opacity:0;background:var(--accent-soft)}}.st-status{align-items:center;gap:7px;display:inline-flex}.st-status:before{content:"";border-radius:50%;width:7px;height:7px}.st-status.is-queued{color:var(--ink-3)}.st-status.is-queued:before{border:1px solid var(--ink-3)}.st-status.is-running{color:var(--accent)}.st-status.is-running:before{background:var(--accent);animation:1s ease-in-out infinite st-dot}.st-status.is-success{color:var(--ok)}.st-status.is-success:before{background:var(--ok)}.st-kpis{border-top:1px solid var(--ink);grid-template-columns:repeat(3,1fr);column-gap:28px;margin-top:20px;display:grid}.st-kpis div{border-bottom:1px solid var(--line);padding:14px 0}.st-kpis dt{color:var(--ink-2);font-size:11.5px}.st-kpis dd{font-family:var(--f-display);font-size:28px;font-weight:var(--w-display);letter-spacing:-.02em;font-variant-numeric:tabular-nums;margin-top:4px}.st-kpis small{color:var(--ink-3);font-size:14px}.st-chart{margin-top:22px}.st-chart figcaption{color:var(--ink-2);margin-bottom:8px;font-size:11.5px}.st-chart svg{width:100%;height:64px;display:block}.st-chart rect{fill:var(--accent)}.st-chart line{stroke:var(--ink);stroke-width:1px}.st-note{font-family:var(--f-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);font-size:10px;position:absolute;bottom:14px;left:28px}.st-cursor{z-index:10;pointer-events:none;position:absolute;top:0;left:0}.st-cursor svg{width:16px;height:20px;fill:var(--ink);stroke:#fff;stroke-width:1.2px;stroke-linejoin:round}.st-click{border:2px solid var(--accent);width:26px;height:26px;animation:st-click .45s var(--ease) both;border-radius:50%;position:absolute;top:-12px;left:-12px}@keyframes st-click{0%{opacity:1;scale:.4}to{opacity:0;scale:1.4}}@media (prefers-reduced-motion:reduce){.st-caret,.st-typing i,.st-status.is-running:before{animation:none}}.st-stage[data-paused] .st-caret,.st-stage[data-paused] .st-typing i,.st-stage[data-paused] .st-status.is-running:before{animation:none}.st-recent{margin-top:18px}.st-recent .st-table-title{margin-top:0}.st-tabs{border-bottom:1px solid var(--ink);height:30px;display:flex}.st-tabs span{width:112px;color:var(--ink-3);transition:color .2s var(--ease), border-color .2s var(--ease);border-bottom:2px solid #0000;justify-content:center;align-items:center;gap:6px;margin-bottom:-1px;font-size:12px;display:inline-flex}.st-tabs small{font-family:var(--f-mono);color:var(--ink-3);font-size:10.5px}.st-tabs .is-active{border-bottom-color:var(--accent);color:var(--ink)}.st-tabs .is-pressed{background:var(--accent-soft)}.st-recent .st-table th{border-bottom-color:var(--line-2)}