.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<=960px){.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:5px 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:2px 9px;font-size:12px;font-weight:650}.sp-busy,.sp-pill{padding:2px 8px;font-size:12px;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}}.sm-tab{background:var(--surface);border:1px solid var(--hair-2);color:var(--ink-2);white-space:nowrap;border-radius:999px;flex:none;margin-left:auto;padding:3px 8px;font-size:11px;font-weight:650}.sm-row{border-top:1px solid var(--hair);color:var(--ink-2);align-items:center;gap:8px;padding:8px 0;display:flex}.sm-row:first-child{border-top:0}.sm-row__name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sm-row__ok{width:11px;height:11px;color:var(--mint-text);opacity:0;transition:opacity .24s var(--ease-out), transform .3s var(--ease-out);flex:none;margin-left:auto;transform:scale(.5)}.sm-row__ok svg{width:100%;height:100%;display:block}.sm-row.is-saved .sm-row__ok{opacity:1;transform:none}.sm-foot{grid-template-columns:1fr auto}.sm-foot__text{color:var(--ink-3);transition:opacity .26s var(--ease-out);grid-area:1/1}.stage[data-phase=done] .sm-foot__text--run,.stage:not([data-phase=done]) .sm-foot__text--done{opacity:0}.sm-btn{background:var(--ember);border-top:1px solid var(--ember-seam);color:var(--ember-ink);white-space:nowrap;transition:filter .14s var(--ease-out);border-radius:8px;grid-area:1/2;padding:5px 12px;font-weight:650}.sm-btn.is-press{filter:brightness(.93)}.stage[data-variant=home]{margin-top:0;padding-top:0}.stage[data-variant=home] .stage__screen{height:274px;box-shadow:none;background:var(--room);border:0;border-radius:0}.stage[data-variant=home] .sp-mark svg>:first-child,.stage[data-variant=home] .sa-file__mark svg>:first-child{fill:#0000}.stage[data-variant=home] .sp-mark svg>[fill=\#FCF2EE],.stage[data-variant=home] .sa-file__mark svg>[fill=\#FCF2EE]{fill:#d77655}.stage[data-variant=home] .sp-mark svg>:nth-child(2)[fill=\#fff],.stage[data-variant=home] .sa-file__mark svg>:nth-child(2)[fill=\#fff]{fill:var(--ink)}.sh-body{gap:12px;padding:16px 16px 18px}.stage[data-variant=home] .sv-note{color:var(--mint-text);align-items:center;gap:8px;padding:10px 12px;font-size:13px}.stage[data-variant=home] .sv-note__ic{width:14px;height:14px;margin:0 1px}.stage[data-variant=home] .sv-btn{border-radius:10px;place-items:center;height:40px;margin-top:0;padding:0 18px;font-size:14px;font-weight:600;display:grid}.sh-folders{gap:4px;display:grid}.sh-folder{height:36px;color:var(--ink-2);transition:background-color .2s var(--ease-out), color .2s var(--ease-out), opacity .26s var(--ease-out);border-radius:8px;align-items:center;gap:10px;padding:0 10px;font-weight:500;display:flex}.sh-folder__ic{width:15px;height:15px;color:var(--ink-3);transition:color .2s var(--ease-out);flex:none}.sh-folder__ic svg{width:100%;height:100%;display:block}.sh-folder.is-sel{background:var(--ember-tint);color:var(--ember-text);font-weight:600}.sh-folder.is-sel .sh-folder__ic{color:var(--ember-text)}.stage[data-variant=home][data-phase=pick] .sh-folder{opacity:.45}.stage[data-variant=home] .sp-list{justify-content:flex-start;gap:4px;padding:10px 10px 14px}.stage[data-variant=home] .sp-row{border-top:0;border-radius:10px;gap:10px;min-height:52px;padding:10px 8px}.stage[data-variant=home] .sp-mark{background:var(--paper-line);border-radius:8px;place-items:center;width:28px;height:28px;display:grid}.stage[data-variant=home] .sp-mark svg{width:18px;height:18px}.sh-id{gap:2px;min-width:0;display:grid}.stage[data-variant=home] .sp-name{font-size:14px;font-weight:600;line-height:17px}.sh-host{color:var(--ink-3);text-overflow:ellipsis;white-space:nowrap;font-size:11px;line-height:13px;overflow:hidden}.stage[data-variant=home] .sp-btn{border:1px solid var(--hair-2);background:var(--paper-2);border-radius:9px;height:33px;padding:0 14px;font-size:13px;font-weight:600}.stage[data-variant=home] .sp-pill{border:1px solid var(--pass-hair);gap:6px;height:24px;padding:0 10px 0 8px}.stage[data-variant=home] .sp-dot{width:6px;height:6px}.stage[data-variant=home] .sa-body{justify-content:center;gap:2px;padding:8px 10px 4px}.stage[data-variant=home] .sa-file{border-top:0;border-radius:8px;gap:10px;padding:10px 8px}.stage[data-variant=home] .sa-file__mark{background:var(--paper-line);border-radius:5px;place-items:center;display:grid}.stage[data-variant=home] .sa-file__mark svg{width:12px;height:12px}.stage[data-variant=home] .sa-file__name{font-family:var(--font-ui);font-size:13px;font-weight:500}.stage[data-variant=home] .sa-file__ok{width:14px;height:14px;color:var(--ink-2)}.stage[data-variant=home] .stage__foot{background:var(--paper-2);border-top:0;gap:8px;padding:12px 16px 14px;font-size:12px}.sh-live{background:var(--ember-tint);border-radius:50%;place-items:center;width:18px;height:18px;display:grid}.sh-live:after{content:"";background:var(--ember);border-radius:50%;width:7px;height:7px}.stage[data-variant=home][data-phase=sheet] .stage__body{opacity:1}.stage[data-variant=home] .sm-row{color:var(--ink-2);border-top:0;border-radius:8px;gap:10px;padding:10px 8px}.stage[data-variant=home] .sm-row__name{font-size:.8125rem;font-weight:500}.stage[data-variant=home] .sm-row__ok{width:14px;height:14px;color:var(--ink-2)}.stage[data-variant=home] .sm-foot{background:var(--paper-2);border-top:0;align-items:center;padding:10px 16px;font-size:.75rem;display:grid}.sv-btn__ic{display:none}.sh-status{align-items:center;gap:var(--s2);min-height:39px;padding:0 0 var(--s1);border-bottom:1px solid var(--paper-line);font-family:var(--font-ui);color:var(--ink);margin-bottom:2px;font-size:.8125rem;font-weight:500;display:flex}.sh-status__mark{flex:none;display:inline-flex}.sh-status__name{flex:1}.sh-status__pill{border-radius:var(--radius-pill);background:var(--pass-tint);height:22px;color:var(--mint-text);align-items:center;gap:6px;padding:0 9px;font-size:.6875rem;font-weight:500;display:inline-flex}.sh-status__pill i{background:var(--mint-text);border-radius:50%;width:6px;height:6px}