.steps-v2{grid-template-columns:repeat(3,1fr);gap:32px;display:grid}.step-v2{flex-direction:column;display:flex;position:relative}.step-v2__head{align-items:center;gap:14px;display:flex}.step-v2__n{background:var(--ember-tint);width:38px;height:38px;color:var(--ember-text);font-family:var(--font-serif);font-variant-numeric:lining-nums tabular-nums;border-radius:11px;flex:none;place-items:center;font-size:1.05rem;font-weight:650;line-height:1;display:grid}.step-v2__title{color:var(--ink);text-wrap:nowrap;font-size:1.2rem;font-weight:650}@media (width<=640px){.steps-v2{grid-template-columns:1fr}}.stage{--v2-radius:var(--radius-lg);--v2-shadow:var(--shadow-card);--v2-shadow-hover:var(--shadow-lift);margin-top:auto;padding-top:18px}.cdemo .stage__screen{background:var(--room);border-color:var(--hair)}.cdemo .stage__head,.cdemo .stage__foot{background:var(--surface)}.cdemo .sa-badge__ok{box-shadow:0 0 0 1.5px var(--surface)}.stage__screen{background:var(--surface);border:1px solid var(--hair-2);border-radius:var(--v2-radius);height:198px;box-shadow:var(--v2-shadow);font-family:var(--font-ui);user-select:none;flex-direction:column;font-size:13px;line-height:1.35;display:flex;position:relative;overflow:hidden}.stage__head{background:var(--raise-1);border-bottom:1px solid var(--hair);flex:none;align-items:center;gap:7px;padding:9px 11px;display:flex}.stage__title{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.stage__body{transition:opacity .3s var(--ease-out);flex-direction:column;flex:1;gap:7px;min-height:0;padding:11px;display:flex;position:relative}.stage__foot{border-top:1px solid var(--hair);background:var(--raise-1);flex:none;grid-template-columns:auto 1fr;align-items:center;gap:8px;padding:8px 11px;display:grid}.stage__cursor{width:15px;height:15px;color:var(--ink);opacity:0;pointer-events:none;z-index:4;transform:translate(var(--cx,0px), var(--cy,0px));transition:transform .62s var(--ease-io), opacity .22s var(--ease-out);margin:-2px 0 0 -2px;position:absolute;top:0;left:0}.stage__cursor svg{width:100%;height:100%;display:block}.stage__cursor.is-on{opacity:1}.stage__cursor:after{content:"";border:1.5px solid var(--ember);opacity:0;border-radius:50%;width:18px;height:18px;margin:-9px 0 0 -9px;position:absolute;top:1px;left:1px;transform:scale(.3)}.stage__cursor.is-click:after{animation:stage-ring .46s var(--ease-out)}.stage__cursor.is-click{transform:translate(var(--cx,0), var(--cy,0)) scale(.86)}@keyframes stage-ring{0%{opacity:.9;transform:scale(.3)}to{opacity:0;transform:scale(1.5)}}.stage[data-rw] *,.stage[data-rw] :after{transition:none!important;animation:none!important}.sv-pre,.sv-post{transition:opacity .26s var(--ease-out), transform .26s var(--ease-out);flex-direction:column;flex:1;gap:9px;display:flex}.sv-post{gap:7px}.stage[data-phase=done] .sv-pre,.stage:not([data-phase=done]) .sv-post{opacity:0;pointer-events:none;visibility:hidden;position:absolute;inset:0;transform:translateY(4px)}.sv-note{background:var(--mint-tint);color:var(--ink-2);border-radius:8px;align-items:flex-start;gap:6px;padding:8px 9px;line-height:1.4;display:flex}.sv-note__ic{width:12px;height:12px;color:var(--mint-text);flex:none;margin-top:1px}.sv-note__ic svg,.sv-chip__ic svg,.sv-chip__ok svg,.sv-opt__ic svg,.sa-file__ok svg,.sa-badge__ok svg{width:100%;height:100%;display:block}.sv-btn{background:var(--ember);border-top:1px solid var(--ember-seam);color:var(--ember-ink);text-align:center;transition:filter .14s var(--ease-out);border-radius:8px;margin-top:auto;padding:8px 10px;font-weight:650;display:block}.sv-btn.is-press{filter:brightness(.93)}.sv-chip{background:var(--raise-1);border:1px solid var(--hair-2);color:var(--ink);border-radius:8px;align-items:center;gap:7px;padding:9px 10px;font-weight:600;display:flex}.sv-chip__ic{width:14px;height:14px;color:var(--ember-text);flex:none}.sv-chip__name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sv-chip__ok{width:13px;height:13px;color:var(--mint-text);flex:none;margin-left:auto}.sv-path{color:var(--ink-3);font-size:11.5px}.sv-path code{font-family:var(--font-mono);color:var(--ink-3);font-size:11.5px}.sv-sheet{z-index:3;background:linear-gradient(var(--surface), var(--surface)) var(--room);border-top:1px solid var(--hair-2);transition:transform .42s var(--ease-io);border-radius:12px 12px 0 0;flex-direction:column;padding:0 0 6px;display:flex;position:absolute;inset:auto 0 0;transform:translateY(calc(100% + 24px));box-shadow:0 -6px 20px -12px #16141266}.stage[data-phase=sheet] .sv-sheet{transform:none}.stage[data-phase=sheet] .stage__body{opacity:.4}.sv-sheet__bar{color:var(--ink-2);border-bottom:1px solid var(--hair);margin-bottom:4px;padding:8px 11px;font-weight:650}.sv-opt{color:var(--ink-2);transition:background .16s var(--ease-out), color .16s var(--ease-out);border-radius:6px;align-items:center;gap:7px;margin:0 5px;padding:6px;display:flex}.sv-opt__ic{width:13px;height:13px;color:var(--ink-3);flex:none}.sv-opt.is-sel{background:var(--ember);color:var(--ember-ink)}.sv-opt.is-sel .sv-opt__ic{color:var(--ember-ink)}.stage__count{border:1px solid var(--hair-2);background:var(--surface);color:var(--ink-3);white-space:nowrap;border-radius:999px;flex:none;margin-left:auto;padding:3px 7px;font-size:11px;font-weight:600}.sp-list{justify-content:center;gap:0;padding:4px 11px}.sp-row{border-top:1px solid var(--hair);align-items:center;gap:8px;padding:8px 0;display:flex}.sp-row:first-child{border-top:0}.sp-mark{border-radius:5px;flex:none;width:18px;height:18px;overflow:hidden}.sp-mark svg{width:100%;height:100%;display:block}.sp-name{color:var(--ink);font-weight:650}.sp-act{flex:none;margin-left:auto;display:grid;position:relative}.sp-act>*{white-space:nowrap;transition:opacity .2s var(--ease-out);grid-area:1/1;justify-content:center;justify-self:end;align-items:center;gap:5px;display:inline-flex}.sp-btn{border:1px solid var(--hair-3);background:var(--raise-1);color:var(--ink);border-radius:999px;padding:4px 10px;font-weight:650}.sp-busy,.sp-pill{padding:4px 9px;font-weight:600}.sp-busy{color:var(--ink-3)}.sp-pill{background:var(--mint-tint);color:var(--mint-text);border-radius:999px}.sp-dot{background:var(--mint-text);border-radius:50%;width:5px;height:5px}.sp-spin{border:1.5px solid var(--hair-3);border-top-color:var(--ink-3);border-radius:50%;width:9px;height:9px;animation:.7s linear infinite stage-spin}@keyframes stage-spin{to{transform:rotate(1turn)}}.sp-row[data-conn=off] .sp-busy,.sp-row[data-conn=off] .sp-pill,.sp-row[data-conn=busy] .sp-btn,.sp-row[data-conn=busy] .sp-pill,.sp-row[data-conn=on] .sp-btn,.sp-row[data-conn=on] .sp-busy{opacity:0;pointer-events:none}.sp-row[data-conn=on] .sp-pill{animation:stage-pop .34s var(--ease-out)}@keyframes stage-pop{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:none}}.sa-brand{flex:none;place-items:center;display:grid}.sa-auto{background:var(--mint-tint);color:var(--mint-text);white-space:nowrap;border-radius:999px;flex:none;align-items:center;gap:5px;margin-left:auto;padding:3px 8px;font-size:11px;font-weight:650;display:inline-flex}.sa-auto__dot{width:5px;height:5px;animation:stage-breathe 2.4s var(--ease-io) infinite;background:currentColor;border-radius:50%}@keyframes stage-breathe{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.8)}}.sa-body{justify-content:center;gap:0;padding:4px 11px}.sa-file{border-top:1px solid var(--hair);color:var(--ink-2);opacity:0;transition:opacity .32s var(--ease-out), transform .32s var(--ease-out);align-items:center;gap:8px;padding:8px 0;display:flex;transform:translateY(5px)}.sa-file:first-child{border-top:0}.sa-file.is-in{opacity:1;transform:none}.sa-file__mark{border-radius:4px;flex:none;width:16px;height:16px;overflow:hidden}.sa-file__mark svg{width:100%;height:100%;display:block}.sa-file__name{font-family:var(--font-mono);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.sa-file__ok{width:11px;height:11px;color:var(--mint-text);opacity:0;transition:opacity .24s var(--ease-out) .16s, transform .3s var(--ease-out) .16s;flex:none;margin-left:auto;transform:scale(.5)}.sa-file.is-in .sa-file__ok{opacity:1;transform:none}.sa-badge{flex:none;place-items:center;width:22px;height:22px;display:grid;position:relative}.sa-badge__tile{background:var(--ember-tint);border:1px solid var(--ember-hair);border-radius:6px;place-items:center;width:22px;height:22px;display:grid}.sa-badge__ok{background:var(--mint);width:12px;height:12px;color:var(--ember-ink);box-shadow:0 0 0 1.5px var(--raise-1);opacity:0;transition:opacity .26s var(--ease-out), transform .38s var(--ease-out);border-radius:50%;padding:2.5px;position:absolute;bottom:-3px;right:-3px;transform:scale(.4)}.sa-foot__text{color:var(--ink-3);transition:opacity .26s var(--ease-out);grid-area:1/2}.stage[data-phase=done] .sa-foot__text--run,.stage:not([data-phase=done]) .sa-foot__text--done{opacity:0}.stage[data-phase=done] .sa-badge__ok{opacity:1;transform:none}.step-v2,.stage__screen{transition:border-color .32s var(--ease-out), box-shadow .32s var(--ease-out)}.step-v2.is-playing .stage__screen{border-color:var(--ember-hair);box-shadow:var(--v2-shadow-hover)}@media (width<=960px){.stage{max-width:380px}}@media (prefers-reduced-motion:reduce){.stage__cursor,.sv-sheet{display:none}.sa-auto__dot,.sp-spin{animation:none}}.cdemo[data-astro-cid-q6ojrsqg]{margin:var(--s7) 0;padding:var(--s6);background:var(--surface);border:1px solid var(--hair-2);border-radius:var(--radius-xl)}.cdemo__cta[data-astro-cid-q6ojrsqg]{align-items:center;gap:var(--s3) var(--s5);margin-top:var(--s6);padding-top:var(--s5);border-top:1px solid var(--hair);flex-wrap:wrap;display:flex}@media (width<=560px){.cdemo[data-astro-cid-q6ojrsqg]{padding:var(--s4)}}