.stut-reopen,.stut-wrap{--st-ease:cubic-bezier(.22,.61,.36,1);--st-dots:rgba(48,62,90,.09);--st-shadow:0 1px 3px rgba(0,0,0,.08),0 6px 18px -8px rgba(0,0,0,.14)}html[data-theme=dark] .stut-wrap{--panel-2:oklch(0.284 0.0285 265);--st-dots:rgba(215,225,250,.08);--st-shadow:0 1px 3px rgba(0,0,0,.3),0 6px 18px -8px rgba(0,0,0,.4)}@property --st-n{syntax:"<integer>";inherits:false;initial-value:0}.stut-dots button:focus-visible,.stut-reopen:focus-visible,.stut-x:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.stut-reopen{width:28px;height:28px;border-radius:50%;border:1px solid var(--border-strong);background:var(--panel);color:var(--accent);display:inline-grid;place-items:center;cursor:pointer;padding:0;transition:transform .3s var(--st-ease),border-color .3s}.stut-reopen:hover{transform:scale(1.06);border-color:var(--accent)}.stut-reopen svg{width:12px;height:12px;margin-left:2px}.stut-title{display:flex;align-items:center;gap:10px}.page-head .stut-title h1{margin:0}.stut-wrap{container-type:inline-size;width:100%;margin-bottom:24px}.stut-wrap[hidden]{display:none!important}.stut{position:relative;aspect-ratio:4/1;max-height:224px;background-color:var(--panel-2);background-image:radial-gradient(var(--st-dots) 1px,transparent 1.4px);background-size:14px 14px;border:1px solid var(--border);border-radius:18px;overflow:hidden;box-shadow:var(--st-shadow);animation:st-tut-in .6s var(--st-ease) both}@keyframes st-tut-in{0%{opacity:0;transform:translateY(4px)}}.stut-h{position:absolute;left:18px;top:12px;z-index:40;margin:0;display:flex;align-items:center;gap:8px;font-family:var(--font-display);font-weight:600;font-size:clamp(12.5px,2.1cqw,16px);line-height:1.2;color:var(--text)}.stut-h .st-orb{width:14px;height:14px;box-shadow:none}.stut-stage{position:absolute;inset:0;overflow:hidden}.stut-dots{position:absolute;left:50%;bottom:4px;translate:-50% 0;z-index:40;display:flex;gap:5px;width:88px}.stut-dots button{flex:1 1;background:none;border:0;padding:7px 0;cursor:pointer;border-radius:3px}.stut-dots button span{display:block;height:3px;border-radius:2px;background:color-mix(in oklab,var(--border-strong) 80%,transparent);overflow:hidden}.stut-dots button i{display:block;height:100%;width:0;background:var(--accent)}.stut-dots button.st-done i{width:100%}.stut-dots button.st-now i{animation:st-fill var(--beat) linear both}@keyframes st-fill{to{width:100%}}.stut-x{position:absolute;top:8px;right:8px;z-index:40;width:26px;height:26px;border-radius:50%;border:1px solid var(--border);background:var(--panel);color:var(--muted);display:grid;place-items:center;cursor:pointer;padding:0;transition:color .3s,border-color .3s}.stut-x:hover{color:var(--text);border-color:var(--border-strong)}.stut-x svg{width:10px;height:10px}.stut.st-paused .st-stage *,.stut.st-paused .stut-dots i{animation-play-state:paused!important}@container (max-width: 560px){.stut{aspect-ratio:2.4/1}.stut-h{left:14px;top:8px}.stut-x{top:5px;right:5px;width:22px;height:22px}}.st-stage{position:absolute;left:0;top:0;width:960px;height:240px;transform-origin:0 0;transition:opacity .25s var(--st-ease),transform .6s var(--st-ease);font-size:12.5px;line-height:1.35;color:var(--text)}.st-stage.st-fade{opacity:0}.st-layer{position:absolute;opacity:0;transform:translateY(4px);pointer-events:none;transition:opacity .45s var(--st-ease),transform .5s var(--st-ease)}.st-layer.st-on{opacity:1;transform:none}.st-pop{opacity:0}.st-layer.st-on .st-pop{animation:st-pop .5s var(--st-ease) var(--dl,0s) both}@keyframes st-pop{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@keyframes st-away{to{opacity:0;transform:translateY(-3px) scale(.985)}}@keyframes st-fade-out{to{opacity:0}}@keyframes st-press{0%,to{transform:none}45%{transform:scale(.96)}}@keyframes st-flash{50%{box-shadow:0 0 0 4px color-mix(in oklab,var(--accent) 25%,transparent)}}.st-typed{display:inline-block;-webkit-clip-path:inset(0 100% 0 0);clip-path:inset(0 100% 0 0)}.st-layer.st-on .st-typed{animation:st-typing var(--td,.8s) cubic-bezier(.45,.05,.55,.95) var(--dl,.2s) both}@keyframes st-typing{to{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0)}}.st-card{border:1px solid var(--border);border-radius:12px;box-shadow:var(--st-shadow)}.st-btn,.st-card{background:var(--panel)}.st-btn{display:inline-flex;align-items:center;justify-content:center;gap:5px;height:26px;padding:0 10px;border-radius:8px;font-size:11.5px;font-weight:600;border:1px solid var(--border-strong);color:var(--text);white-space:nowrap}.st-btn.st-fill{background:var(--accent-fill);color:var(--on-brand);border-color:transparent}.st-app{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:5px;background:var(--c);color:#fff;font-size:10px;font-weight:700;flex:none;font-family:var(--font-display)}.st-app.st-ink{background:var(--text);color:var(--panel)}.st-app.st-logo{background:none;border-radius:0}.st-app.st-logo img{width:100%;height:100%;object-fit:contain;display:block}.st-orb{display:inline-block;flex:none;width:28px;height:28px;border-radius:50%;background:url(/tutorial-orb.webp) 50%/cover no-repeat;box-shadow:0 0 10px -1px rgba(79,198,191,.45)}.st-orb.st-sm{width:20px;height:20px;box-shadow:none}.st-bar{display:block;height:8px;border-radius:4px;background:var(--border)}.st-dot-attn{width:7px;height:7px;border-radius:50%;background:var(--attn);flex:none}.st-chat-h{display:flex;align-items:center;gap:7px;height:32px;padding:0 12px;border-bottom:1px solid var(--border);font-weight:600;font-size:12px}.st-bub{max-width:82%;padding:6px 10px;border-radius:12px;font-size:12px}.st-bub.st-me{margin:10px 10px 0 auto;width:max-content;background:var(--accent-fill);color:var(--on-brand);border-bottom-right-radius:4px}.st-ans{display:flex;gap:8px;align-items:flex-start;margin:10px 10px 0}.st-ans p{margin:0 0 6px;background:var(--panel-2);border:1px solid var(--border);padding:6px 10px;border-radius:12px;border-top-left-radius:4px;font-size:12px}.st-src{display:inline-flex;align-items:center;gap:5px;font-size:10.5px;color:var(--accent-ink);background:color-mix(in oklab,var(--accent) 12%,var(--panel));border:1px solid color-mix(in oklab,var(--accent) 35%,var(--border));padding:2px 8px;border-radius:999px;white-space:nowrap}.st-src svg{width:10px;height:10px}.st-chip{display:inline-flex;align-items:center;gap:5px;height:20px;padding:0 8px;border-radius:999px;font-size:10.5px;font-weight:600;white-space:nowrap}.st-chip.st-run{color:var(--muted);background:var(--panel-2);border:1px solid var(--border)}.st-chip.st-run i{width:6px;height:6px;border-radius:50%;background:var(--accent);animation:st-pulse 1.2s ease-in-out infinite}.st-chip.st-need{color:var(--attn);background:color-mix(in oklab,var(--attn) 12%,var(--panel))}.st-chip.st-need i{width:6px;height:6px;border-radius:50%;background:var(--attn)}.st-chip.st-ok{color:var(--green);background:color-mix(in oklab,var(--green) 13%,var(--panel))}.st-chip.st-no{color:var(--muted);background:var(--panel-2);border:1px solid var(--border)}@keyframes st-pulse{50%{opacity:.35}}.st-pill{display:inline-flex;align-items:center;gap:5px;height:24px;padding:0 10px;border-radius:999px;font-size:11px;font-weight:600;color:var(--accent-ink);background:color-mix(in oklab,var(--accent) 13%,var(--panel));white-space:nowrap}.st-av{width:18px;height:18px;border-radius:50%;background:var(--c);color:#fff;display:inline-grid;place-items:center;font-size:9px;font-weight:600;flex:none;font-family:var(--font-display)}.st-cur{position:absolute;left:0;top:0;z-index:30;opacity:0;pointer-events:none}.st-cur,.st-cur svg{width:22px;height:22px}.st-cur svg{filter:drop-shadow(0 2px 3px rgba(0,0,0,.25));transform-origin:3px 2px}.st-cur svg path{fill:#fff;stroke:#1b1f27;stroke-width:1.4;stroke-linejoin:round}.st-cur .st-ripple{position:absolute;left:-9px;top:-10px;width:24px;height:24px;border-radius:50%;border:1.5px solid var(--accent);opacity:0}.st-cur.st-go{animation:st-cur-move var(--cm,1s) cubic-bezier(.4,0,.2,1) both}.st-cur.st-go svg{animation:st-cur-press .35s var(--st-ease) var(--ct,1s) both}.st-cur.st-go .st-ripple{animation:st-ripple .7s var(--st-ease) var(--ct,1s) both}@keyframes st-cur-move{0%{opacity:0;transform:translate(var(--x0),var(--y0))}20%{opacity:1}to{opacity:1;transform:translate(var(--x1),var(--y1))}}@keyframes st-cur-press{50%{transform:scale(.88)}}@keyframes st-ripple{0%{opacity:.7;transform:scale(.4)}to{opacity:0;transform:scale(1.5)}}.st-step{top:50px;width:264px;height:156px}.st-p0{left:36px}.st-p1{left:348px}.st-p2{left:660px}.st-step.st-card{transition:opacity .45s var(--st-ease),transform .5s var(--st-ease),border-color .45s var(--st-ease),box-shadow .45s var(--st-ease)}.st-is-0 .st-p0.st-card,.st-is-1 .st-p1.st-card,.st-is-2 .st-p2.st-card{border-color:color-mix(in oklab,var(--accent) 55%,var(--border));box-shadow:0 0 0 3px color-mix(in oklab,var(--accent) 14%,transparent),var(--st-shadow)}.st-arr{position:absolute;top:117px;width:24px;height:22px;display:grid;place-items:center;color:var(--accent)}.st-arr svg{width:14px;height:14px}.st-r0{left:312px}.st-r1{left:624px}.st-layer.st-on.st-arr svg{animation:st-nudge 1.2s ease-in-out .2s 1}@keyframes st-nudge{50%{transform:translateX(3px)}}.st-pad{padding:16px}.st-step{font-size:13px}@keyframes st-rise{0%{transform:scaleY(0)}}@keyframes st-glow{0%,to{opacity:.35}50%{opacity:1}}@keyframes st-breathe{50%{transform:scale(1.08)}}@keyframes st-draw{to{stroke-dashoffset:0}}@keyframes st-drop{0%{opacity:0;transform:translateY(-26px)}to{opacity:1;transform:none}}.st-tile-app{position:absolute;top:22px;opacity:0}.st-tile-app .st-app{width:38px;height:38px;border-radius:11px;font-size:17px;box-shadow:var(--st-shadow)}.st-tile-app .st-app.st-logo{padding:2px;box-shadow:none}.st-tile-app .st-ok{position:absolute;right:-5px;top:-5px;width:16px;height:16px;border-radius:50%;background:var(--green);color:#fff;font-size:9px;font-weight:700;display:grid;place-items:center;box-shadow:0 0 0 2px var(--panel);opacity:0}.st-layer.st-on .st-tile-app{animation:st-pop .45s var(--st-ease) var(--dl) both}.st-layer.st-on .st-tile-app .st-ok{animation:st-pop .4s var(--st-ease) calc(var(--dl) + .55s) both}.st-links{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.st-links line{stroke:var(--accent);stroke-width:1.5;stroke-dasharray:1;stroke-dashoffset:1;opacity:.5}.st-layer.st-on .st-links line{animation:st-draw .5s var(--st-ease) var(--dl) both}.st-big-btn{position:absolute;left:16px;right:16px;bottom:16px;height:38px;border-radius:999px;background:var(--accent-fill);color:var(--on-brand);font-size:13px;font-weight:600;overflow:hidden}.st-big-btn span{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap}.st-big-btn .st-orb{position:static;width:18px;height:18px;box-shadow:none}.st-big-btn .st-sb{opacity:0}.st-is-0 .st-sw0,.st-is-1 .st-sw1{animation:st-press .4s var(--st-ease) var(--ck) both}.st-is-0 .st-sw0 .st-sa,.st-is-1 .st-sw1 .st-sa{animation:st-away .35s var(--st-ease) calc(var(--ck) + .1s) both}.st-is-0 .st-sw0 .st-sb,.st-is-1 .st-sw1 .st-sb{animation:st-pop .4s var(--st-ease) calc(var(--ck) + .2s) both}.st-at-1 .st-sw0 .st-sa,.st-at-2 .st-sw1 .st-sa{opacity:0}.st-at-1 .st-sw0 .st-sb,.st-at-2 .st-sw1 .st-sb{opacity:1}.st-step .st-ans p,.st-step .st-bub{font-size:12.5px}.st-m-in{height:46px;display:flex;align-items:center;gap:10px;padding:0 12px;border-radius:10px;background:var(--panel-2);border:1px solid var(--border);font-size:13px;white-space:nowrap;overflow:hidden}.st-m-in .st-app{width:20px;height:20px;font-size:11px}.st-hub{position:absolute;left:110px;top:98px;width:44px;height:44px}.st-is-1 .st-hub{animation:st-breathe 1.6s ease-in-out 1.5s infinite}.st-m-call{overflow:hidden;border-radius:12px;background:#17191e;border:1px solid #2b2e36;color:#e9ebef;box-shadow:0 10px 30px -12px rgba(0,0,0,.45)}.st-is-2 .st-m-call{box-shadow:0 0 0 3px color-mix(in oklab,var(--accent) 30%,transparent),0 10px 30px -12px rgba(0,0,0,.45)}.st-m-top{display:flex;align-items:center;gap:6px;height:24px;padding:0 10px;font-size:10.5px;color:#a3a8b2;white-space:nowrap}.st-m-top .st-app{width:14px;height:14px;font-size:8px;border-radius:4px}.st-m-top .st-rec{margin-left:auto;width:7px;height:7px;border-radius:50%;background:#e5484d}.st-m-slide{position:absolute;left:8px;right:8px;top:24px;height:88px;padding:9px 12px 8px;border-radius:7px;background:#f6f7f9;color:#1d2230;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto 1fr;grid-column-gap:16px;column-gap:16px;align-items:end}.st-m-slide h5{grid-column:1/-1;align-self:start;margin:0;font-size:11.5px}.st-m-kpi b,.st-m-slide h5{font-family:var(--font-display);font-weight:600}.st-m-kpi b{display:block;font-size:23px;line-height:1.05}.st-m-kpi small{font-size:10.5px;font-weight:600;color:#2e9e68}.st-m-chart{display:flex;align-items:flex-end;gap:5px;height:46px;border-bottom:1px solid #dfe3ea}.st-m-chart i{flex:1 1;height:var(--h);border-radius:2px 2px 0 0;background:#a9ddd8;transform-origin:bottom}.st-m-chart i:last-child{background:#0e7c78}.st-layer.st-on .st-m-chart i{animation:st-rise .55s var(--st-ease) var(--dl) both}.st-m-tiles{position:absolute;left:8px;right:8px;top:118px;height:30px;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:5px;gap:5px}.st-vt{position:relative;border-radius:5px;overflow:hidden;background:var(--bgt)}.st-vt svg{position:absolute;inset:0;width:100%;height:100%}.st-vt.st-ced{display:grid;place-items:center;background:radial-gradient(circle at 50% 42%,#145a56,#0c2b2a 72%)}.st-vt.st-ced .st-orb{width:18px;height:18px;box-shadow:none;position:relative;z-index:1}.st-vt.st-ced:after{content:"";position:absolute;inset:0;border-radius:5px;box-shadow:inset 0 0 0 1.5px #4fc6bf;opacity:0}.st-is-2 .st-vt.st-ced:after{animation:st-glow 1.6s ease-in-out .3s infinite}.st-is-2 .st-vt.st-ced .st-orb{animation:st-breathe 1.6s ease-in-out .3s infinite}.st-a-h{display:flex;align-items:center;gap:9px;height:22px;font-size:13px;font-weight:600;white-space:nowrap}.st-a-h em{margin-left:auto;font-style:normal;font-weight:500;font-size:12px;color:var(--muted)}.st-a-h .st-orb{width:20px;height:20px;box-shadow:none}.st-a-h .st-app{width:20px;height:20px;font-size:11px}.st-a-line{display:flex;align-items:center;gap:9px;height:36px;margin-top:10px;padding:0 11px;border-radius:9px;background:var(--panel-2);border:1px solid var(--border);font-size:12.5px;white-space:nowrap}.st-a-line .st-app{width:18px;height:18px}.st-a-line.st-attn{color:var(--attn);font-weight:600;background:color-mix(in oklab,var(--attn) 8%,var(--panel));border-color:color-mix(in oklab,var(--attn) 35%,var(--border))}.st-a-line .st-dot-attn{margin:0 5px}.st-a-draft{margin-top:12px;padding:10px;border-radius:9px;background:var(--panel-2);border:1px solid var(--border);display:grid;grid-gap:7px;gap:7px}.st-t-p{padding:14px}.st-t-h{height:18px;color:var(--muted)}.st-t-h,.st-t-row{font-size:12px;font-weight:600}.st-t-row{display:flex;align-items:center;gap:9px;height:31px;margin-top:6px;padding:0 10px;border-radius:9px;border:1px solid var(--border);background:var(--panel);white-space:nowrap}.st-t-row .st-app,.st-t-row .st-orb{width:16px;height:16px;font-size:9px;box-shadow:none}.st-t-row .st-chip{margin-left:auto}.st-cnt{position:absolute;left:0;right:0;top:86px;text-align:center;font-size:12px;color:var(--muted)}.st-cnt b{display:block;font-family:var(--font-display);font-size:26px;font-weight:600;line-height:1.2;color:var(--text);counter-reset:n var(--st-n)}.st-cnt b:after{content:counter(n)}.st-layer.st-on .st-cnt b{animation:st-count 1.7s cubic-bezier(.2,.7,.3,1) .3s both}@keyframes st-count{0%{--st-n:0}to{--st-n:var(--st-N)}}.st-b-map .st-orb{position:absolute;left:113px;top:59px;width:38px;height:38px}.st-is-1 .st-b-map .st-orb{animation:st-breathe 1.6s ease-in-out 1s infinite}.st-b-node{translate:-50% -50%;padding:5px 11px;border-radius:999px;border:1px solid var(--border-strong);font-size:11.5px;font-weight:600;white-space:nowrap}.st-b-node,.st-s-doc{position:absolute;background:var(--panel)}.st-s-doc{left:16px;right:16px;top:14px;height:80px;border-radius:9px;border:1px solid var(--border);overflow:hidden}.st-s-doc-h{height:27px;padding:0 10px;display:flex;align-items:center;background:var(--c);color:#fff;font-size:11.5px;font-weight:600;white-space:nowrap}.st-s-doc .st-bars{padding:10px;display:grid;grid-gap:7px;gap:7px}.st-s-doc.st-mini{top:62px;height:78px}.st-s-doc.st-mini .st-chip{position:absolute;right:8px;bottom:8px}.st-s-lib-h{height:20px;font-size:12px;font-weight:600;color:var(--muted)}.st-s-row{display:flex;align-items:center;gap:10px;height:44px;margin-top:8px;padding:0 12px;border-radius:10px;border:1px solid var(--border);background:var(--panel);font-size:13px;font-weight:600;white-space:nowrap}.st-s-row.st-new{border-color:color-mix(in oklab,var(--accent) 55%,var(--border));box-shadow:0 0 0 3px color-mix(in oklab,var(--accent) 12%,transparent)}.st-s-row.st-old{opacity:.45;height:38px;font-size:12px}.st-s-row .st-chk-dot{margin-left:auto;width:18px;height:18px;border-radius:50%;background:var(--green);color:#fff;font-size:10px;font-weight:700;display:grid;place-items:center}.st-gl{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:8px;background:var(--c);color:#fff;font-family:var(--font-display);font-size:13px;font-weight:600;flex:none}.st-s-row.st-old .st-gl{width:22px;height:22px;font-size:11px}.st-ft{display:inline-grid;place-items:center;width:24px;height:30px;border-radius:5px;color:#fff;font-size:7.5px;font-weight:700;background:var(--c);flex:none;letter-spacing:.03em}.st-ft.st-sm{width:15px;height:18px;font-size:5.5px;border-radius:3px}.st-f-drop{position:absolute;inset:0;border:1.5px dashed var(--border-strong);border-radius:12px;background:color-mix(in oklab,var(--panel) 60%,transparent);display:grid;place-items:center;transition:border-color .45s var(--st-ease)}.st-is-0 .st-f-drop{border-color:var(--accent)}.st-f-file{display:flex;align-items:center;gap:10px;height:50px;padding:0 14px;font-size:13px;font-weight:600;white-space:nowrap;opacity:0}.st-layer.st-on .st-f-file{animation:st-drop .7s var(--st-ease) .3s both}.st-f-file .st-chk-dot{width:18px;height:18px;border-radius:50%;background:var(--green);color:#fff;font-size:10px;font-weight:700;display:grid;place-items:center;opacity:0}.st-layer.st-on .st-f-file .st-chk-dot{animation:st-pop .4s var(--st-ease) 1.1s both}.st-fchip{display:flex;align-items:center;gap:6px;margin-bottom:4px;font-size:11px;opacity:.9}.st-f-a{margin-top:18px}.st-f-a .st-src{margin-top:2px}@media (prefers-reduced-motion:reduce){.st-stage *,.st-stage :after,.stut{animation-duration:.01ms!important;animation-delay:0s!important;animation-iteration-count:1!important;transition:none!important}.st-cur{display:none}.stut-dots button.st-now i{animation:none;width:100%}}