.sl-mermaid-wrap{flex-direction:column;align-items:center;width:100%;max-width:900px;margin:0 auto 2rem;display:flex}.sl-mermaid-wrap .mermaid{justify-content:center;width:100%;display:flex}.sl-mermaid-wrap .mermaid svg{max-width:100%;height:auto}.sl-flow-controls{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-bottom:2rem;display:flex}.sl-flow-btn{font-family:var(--font-mono);background:var(--surface);border:1px solid var(--border);color:var(--text-dim);cursor:pointer;border-radius:20px;padding:8px 16px;font-size:.85rem;transition:all .2s}.sl-flow-btn:hover{color:var(--text-hi);border-color:var(--border2)}.sl-flow-btn.active{color:var(--cyan);border-color:var(--cyan);background:#1de9b61a;box-shadow:0 0 12px #1de9b633}.sl-flow-section{background:var(--surface);border:1px solid var(--border);border-radius:16px;max-width:900px;margin:0 auto 3rem;padding:2rem;position:relative}.sl-flow-diagram{flex-direction:column;align-items:center;min-height:400px;padding-bottom:2rem;display:flex;position:relative}.sl-flow-title{font-family:var(--font-outfit);color:var(--text-hi);text-align:center;margin-bottom:2rem;font-size:1.3rem}.sl-diagram-content{box-sizing:border-box;justify-content:center;align-items:center;gap:2rem;width:100%;margin-bottom:3rem;padding:0 2rem;display:flex}.sl-node-group{flex-direction:column;align-items:center;gap:1.5rem;display:flex}.sl-node{border:2px solid var(--border2);color:var(--text-dim);font-family:var(--font-mono);text-align:center;background:#12161f;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;min-width:140px;padding:1rem 1.5rem;font-size:.9rem;transition:all .3s;display:flex;position:relative}.sl-node .icon{margin-bottom:.5rem;font-size:1.5rem;transition:transform .3s}.sl-node .label{transition:color .3s}.sl-node.active{border-color:var(--cyan);color:var(--text-hi);transform:scale(1.05);box-shadow:0 0 15px #1de9b64d}.sl-node.active .icon{transform:scale(1.2)}.sl-node.active .label{color:var(--cyan);font-weight:700}.sl-node.processing{border-color:var(--purple);color:var(--text-hi);animation:1s infinite alternate slPulse;box-shadow:0 0 15px #e040fb4d}.sl-node.processing .icon{transform:scale(1.1)}.sl-node.processing .label{color:var(--purple);font-weight:700}.sl-node.success{border-color:var(--green);color:var(--text-hi);box-shadow:0 0 15px #69f0ae4d}.sl-node.success .label{color:var(--green);font-weight:700}.sl-node.error{color:var(--text-hi);border-color:#ff5252;box-shadow:0 0 15px #ff52524d}.sl-node.error .label{color:#ff5252;font-weight:700}.sl-node-label{color:var(--text-dim);text-align:center;text-transform:uppercase;letter-spacing:.05em;margin-top:.5rem;font-size:.75rem;font-weight:500;transition:all .3s}.sl-node-label.active{color:var(--cyan);text-shadow:0 0 8px #1de9b666;font-weight:700}.sl-node-label.processing{color:var(--purple);font-weight:700;animation:1.5s ease-in-out infinite labelPulse}.sl-node-label.success{color:var(--green);font-weight:700}.sl-node-label.error{color:#ff5252;font-weight:700}@keyframes labelPulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}.sl-arrow{color:var(--text-dim);align-items:center;font-size:1.5rem;transition:color .3s;display:flex}.sl-arrow.active{color:var(--cyan);text-shadow:0 0 10px #1de9b680}.sl-flow-steps{border:1px solid var(--border);background:#0a0e1480;border-radius:12px;flex-direction:column;gap:.5rem;width:100%;max-width:500px;padding:1.5rem;display:flex}.sl-step{opacity:.4;border-radius:6px;align-items:flex-start;gap:.75rem;padding:.5rem .75rem;transition:all .3s;display:flex}.sl-step.completed{opacity:.8}.sl-step.completed .sl-step-num{border-color:var(--cyan);color:var(--cyan);opacity:.7}.sl-step.completed .sl-step-text{color:var(--text-hi)}.sl-step.active{opacity:1;background:#1de9b61a;transform:translate(6px)}.sl-step-num{background:var(--surface);border:1px solid var(--border2);width:20px;height:20px;font-size:.7rem;font-family:var(--font-mono);color:var(--text-dim);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-top:2px;transition:all .3s;display:flex}.sl-step.active .sl-step-num{border-color:var(--cyan);color:var(--surface);background:var(--cyan);box-shadow:0 0 12px #1de9b666}.sl-step-text{color:var(--text-dim);font-size:.9rem;line-height:1.4;transition:all .3s}.sl-step.active .sl-step-text{color:var(--cyan);text-shadow:0 0 10px #1de9b64d;font-weight:600}.sl-replay-btn{background:var(--surface);border:1px solid var(--border);color:var(--text-dim);cursor:pointer;border-radius:6px;align-items:center;gap:.5rem;padding:8px 16px;font-size:.85rem;transition:all .2s;display:flex;position:absolute;bottom:2rem;right:2rem}.sl-replay-btn:hover{color:var(--text-hi);border-color:var(--border2);background:#ffffff0d}@keyframes slPulse{0%{box-shadow:0 0 10px #e040fb33}to{box-shadow:0 0 20px #e040fb99}}.sl-check{color:var(--green);font-weight:600}.sl-cross{color:#ff5252}.sl-legend{color:var(--text-dim);justify-content:center;gap:1.5rem;margin-bottom:2rem;font-size:.85rem;display:flex}.sl-legend-item{align-items:center;gap:.5rem;display:flex}.sl-legend-box{border:1px solid var(--border2);border-radius:3px;width:12px;height:12px}.leg-idle{background:#12161f}.leg-active{border-color:var(--cyan);background:#1de9b633}.leg-processing{border-color:var(--purple);background:#e040fb33}.leg-success{border-color:var(--green);background:#69f0ae33}.leg-error{background:#ff525233;border-color:#ff5252}[data-theme=light] .sl-flow-section{--bg:#080b10;--surface:#0e1219;--surface2:#151c27;--border:#1e2a3a;--border2:#253040;--text:#c9d3e0;--text-dim:#5a6a7e;--text-hi:#eef2f8;--cyan:#00e5ff;--purple:#b985f4;--green:#3effa3;--dim:#1e1e2e;background:#12161f;border-color:#1e2a3a;box-shadow:0 4px 6px #00000026}[data-theme=light] .sl-mermaid-wrap{--bg:#080b10;--surface:#0e1219;--surface2:#151c27;--border:#1e2a3a;--border2:#253040;--text:#c9d3e0;--text-dim:#5a6a7e;--text-hi:#eef2f8;--cyan:#00e5ff;--purple:#b985f4;--green:#3effa3;--dim:#1e1e2e;background:#12161f;border:1px solid #1e2a3a;border-radius:16px;padding:2rem;box-shadow:0 4px 6px #00000026}