.slx-steps{list-style:none;margin:34px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;counter-reset:none}.slx-step{position:relative;display:flex;flex-direction:column;gap:12px;padding:18px;border-radius:22px;background:var(--card);border:1px solid var(--rule)}.slx-step h3{margin:0;font-size:18px;letter-spacing:-.02em}.slx-step h3 code{font:600 14px var(--font-mono);color:var(--at)}.slx-step p{margin:0;color:var(--ink-2);font-size:14.5px;line-height:1.55}.slx-n{position:absolute;top:14px;right:14px;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font:700 12px var(--font-mono);color:var(--bink, #0b0b0f);background:var(--a)}.slx-vis{position:relative;height:150px;border-radius:16px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:radial-gradient(80% 90% at 50% 0%,color-mix(in srgb,var(--a) 20%,transparent),transparent 70%),#0b0b10;border:1px solid rgb(255 255 255 / .06);color:#e8e6e3}.slx-vis.s1{justify-content:space-between;padding:0 26px}.slx-folder{display:grid;justify-items:center;gap:6px;width:72px;z-index:1}.slx-folder svg{width:54px;fill:color-mix(in srgb,var(--a) 30%,#23232c);stroke:color-mix(in srgb,var(--a) 70%,#fff);stroke-width:1.5}.slx-folder:last-child svg{animation:slx-glow 4s infinite}.slx-folder small{font:600 11px var(--font-mono);color:#b7b4ae}.slx-arc{position:absolute;left:62px;right:62px;top:20px;height:30px;border:1.5px dashed rgb(255 255 255 / .18);border-bottom:0;border-radius:50% 50% 0 0/100% 100% 0 0}.slx-file{position:absolute;z-index:2;left:62px;top:52px;translate:-50% -50%;padding:4px 9px;border-radius:8px;font:600 11px var(--font-mono);color:#0b0b0f;background:var(--a);box-shadow:0 8px 20px -6px color-mix(in srgb,var(--a) 80%,transparent);animation:slx-fly-x 4s infinite,slx-fly-y 4s infinite}@keyframes slx-fly-x{0%,12%{left:62px;animation-timing-function:cubic-bezier(.45,0,.55,1)}60%,to{left:calc(100% - 62px)}}@keyframes slx-fly-y{0%,12%{top:52px;opacity:0;animation-timing-function:cubic-bezier(.2,.6,.4,1)}18%{opacity:1}36%{top:20px;animation-timing-function:cubic-bezier(.6,0,.8,.4)}60%,64%{top:38px;opacity:1;scale:1;animation-timing-function:ease-in}72%,to{top:62px;opacity:0;scale:.7}}@keyframes slx-glow{0%,60%{filter:none}68%{filter:drop-shadow(0 0 12px var(--a))}to{filter:none}}.slx-json{display:grid;gap:2px;padding:12px 14px;width:88%;border-radius:12px;background:#13131a;border:1px solid rgb(255 255 255 / .08);font:11.5px/1.5 var(--font-mono)}.slx-json .fn{margin-bottom:4px;font-size:10.5px;color:#8b8890}.slx-json code{font:inherit;white-space:pre;overflow:hidden;text-overflow:ellipsis}.slx-json .dim{color:#6f6c74}.slx-json .drop{border-radius:6px;color:#0b0b0f;background:var(--a);animation:slx-drop 4s var(--ease) infinite}@keyframes slx-drop{0%,10%{opacity:0;transform:translateY(-26px) rotate(-3deg)}30%,88%{opacity:1;transform:none}to{opacity:0}}.slx-vis.s3{flex-direction:column;align-items:stretch;gap:12px;padding:0 16px}.slx-prompt{padding:9px 12px;border-radius:10px;border:1px solid rgb(255 255 255 / .12);font:12px var(--font-mono);color:#d8d5cf}.slx-prompt i{display:inline-block;width:7px;height:14px;margin-left:3px;vertical-align:-2px;background:#d8d5cf;animation:slx-caret 1s steps(1) infinite}@keyframes slx-caret{50%{opacity:0}}.slx-bar{display:flex;flex-wrap:wrap;gap:6px}.slx-bar b{padding:4px 9px;border-radius:7px;font:600 11.5px var(--font-mono);color:#e8e6e3;background:#1c1c25;animation:slx-on 4s infinite both}.slx-bar b:nth-child(2){animation-delay:.2s}.slx-bar b:nth-child(3){animation-delay:.4s}.slx-bar b:nth-child(4){animation-delay:.6s}.slx-bar .m{color:#0b0b0f;background:var(--a)}.slx-bar .ctx{display:inline-flex;align-items:center;gap:6px}.slx-bar .ctx i{width:34px;height:7px;border-radius:3px;background:linear-gradient(90deg,#e9c46a 52%,#ffffff1f 0)}.slx-bar .br{color:#f4a3c8}@keyframes slx-on{0%,8%{opacity:.15;transform:translateY(4px)}18%,to{opacity:1;transform:none}}.slx-cmd{position:relative;margin-top:auto;border-radius:12px;background:#0d0e14;border:1px solid #262833}.slx-cmd pre{margin:0;padding:12px 64px 12px 14px;font:12.5px/1.6 var(--font-mono);color:#d7dae0;white-space:pre-wrap;overflow-wrap:anywhere}.slx-copy{position:absolute;top:8px;right:8px;height:26px;padding:0 10px;border-radius:8px;cursor:pointer;font:600 12px var(--font-sans);color:#c9ccd4;background:#1a1c25;border:1px solid #2f3240}.slx-copy:hover{color:#fff;border-color:#4a4e5e}.slx-copy[data-done]{color:#3ddc97;border-color:#1f6b4c}:root[data-theme=light] .slx-vis.s2{background:radial-gradient(80% 90% at 50% 0%,color-mix(in srgb,var(--a) 14%,transparent),transparent 70%),#f7f6f3;border-color:#10121b14;color:var(--ink)}:root[data-theme=light] .slx-json{background:#fff;border-color:#10121b1a;color:#383a42;box-shadow:0 10px 24px -16px #10121b59}:root[data-theme=light] .slx-json .fn{color:#7a7f8c}:root[data-theme=light] .slx-json .dim{color:#a0a1a7}:root[data-theme=light] .slx-cmd{background:#f6f5f1;border-color:#10121b1a}:root[data-theme=light] .slx-cmd pre{color:#2b2d36}:root[data-theme=light] .slx-copy{color:#4a4e5a;background:#fff;border-color:#10121b24}:root[data-theme=light] .slx-copy:hover{color:var(--ink);border-color:#10121b4d}:root[data-theme=light] .slx-copy[data-done]{color:#1f8a3d;border-color:#1f8a3d66}:root[data-theme=light] .slx-vis.s1{background:radial-gradient(80% 90% at 50% 0%,color-mix(in srgb,var(--a) 14%,transparent),transparent 70%),#f7f6f3;border-color:#10121b14;color:var(--ink)}:root[data-theme=light] .slx-vis.s1 .slx-folder svg{fill:color-mix(in srgb,var(--a) 22%,#fff);stroke:var(--a)}:root[data-theme=light] .slx-vis.s1 .slx-folder small{color:var(--ink-2)}:root[data-theme=light] .slx-vis.s1 .slx-arc{border-color:#10121b33}@media(max-width:980px){.slx-steps{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.slx-prompt i,.slx-file,.slx-json .drop,.slx-bar b,.slx-folder svg{animation:none}.slx-file{left:calc(100% - 62px);top:38px}}