@keyframes _si{to{opacity:1}}

.legacy-content .user-req {background:rgba(8,145,178,.06);border:1.5px solid rgba(8,145,178,.18);border-radius:10px;padding:12px 14px;font-size:14px;line-height:1.6;color:var(--text)}.legacy-content .demo-grid {display:grid;grid-template-columns:300px 1fr;gap:16px;align-items:start}.legacy-content .left-panel {position:sticky;top:16px;display:flex;flex-direction:column;gap:12px}.legacy-content .loop-vis {background:var(--card);border:1.5px solid var(--border);border-radius:var(--radius);padding:16px;display:flex;justify-content:center}.legacy-content .loop-flow {display:flex;flex-direction:column;align-items:center;gap:0;width:100%;max-width:220px}.legacy-content .lf-node {width:100%;padding:10px 14px;border-radius:12px;display:flex;align-items:center;gap:10px;border:2px solid var(--border);background:var(--card);transition:all .3s;cursor:default}.legacy-content .lf-node.active {box-shadow:0 0 0 3px rgba(0,0,0,.06)}.legacy-content .lf-node .lf-icon {font-size:20px;flex-shrink:0;width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center}.legacy-content .lf-node .lf-text {font-size:14px;font-weight:800}.legacy-content .lf-arrow {font-size:16px;color:var(--muted);height:20px;display:flex;align-items:center;justify-content:center;transition:color .3s}.legacy-content .lf-arrow.active {color:var(--orange)}.legacy-content .lf-loop-back {display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted);margin-top:2px;padding:6px 14px;border-radius:8px;border:1.5px dashed var(--border);width:100%;justify-content:center;transition:all .3s}.legacy-content .lf-loop-back.active {border-color:var(--orange);color:var(--orange);background:rgba(217,119,6,.03)}.legacy-content .n-t {border-color:var(--purple);color:var(--purple)}.legacy-content .n-t .lf-icon {background:rgba(124,58,237,.08)}.legacy-content .n-t.active {border-color:var(--purple);box-shadow:0 0 0 3px rgba(124,58,237,.15);background:rgba(124,58,237,.03)}.legacy-content .n-a {border-color:var(--orange);color:var(--orange)}.legacy-content .n-a .lf-icon {background:rgba(217,119,6,.08)}.legacy-content .n-a.active {border-color:var(--orange);box-shadow:0 0 0 3px rgba(217,119,6,.15);background:rgba(217,119,6,.03)}.legacy-content .n-o {border-color:var(--green);color:var(--green)}.legacy-content .n-o .lf-icon {background:rgba(22,163,74,.08)}.legacy-content .n-o.active {border-color:var(--green);box-shadow:0 0 0 3px rgba(22,163,74,.15);background:rgba(22,163,74,.03)}.legacy-content .stats-bar {background:var(--card);border:1.5px solid var(--border);border-radius:var(--radius);padding:12px 16px;display:flex;flex-direction:column;gap:4px}.legacy-content .stat-row {display:flex;justify-content:space-between;align-items:center;font-size:13px}.legacy-content .stat-label {color:var(--muted);font-weight:600}.legacy-content .stat-val {font-weight:800;color:var(--text)}.legacy-content .stat-val.warn {color:var(--orange)}.legacy-content .progress-track {height:4px;background:var(--surface2);border-radius:2px;overflow:hidden;margin-top:2px}.legacy-content .progress-fill {height:100%;background:var(--orange);border-radius:2px;transition:width .4s ease}.legacy-content .dec-area {min-height:0}.legacy-content .dec-card {background:rgba(217,119,6,.06);border:1.5px solid rgba(217,119,6,.2);border-radius:10px;padding:10px 12px;font-size:13px;color:var(--text);line-height:1.6;opacity:0;transform:translateY(4px);transition:all .35s}.legacy-content .dec-card.show {opacity:1;transform:translateY(0)}.legacy-content .dec-card b {color:var(--orange)}.legacy-content .right-panel {display:flex;flex-direction:column;gap:10px;min-width:0}.legacy-content .r-bar {display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;background:var(--card);border:1.5px solid var(--border);border-radius:10px;padding:8px 14px}.legacy-content .r-title {font-size:13px;font-weight:800;color:var(--muted);letter-spacing:.4px}.legacy-content .r-badge {display:flex;gap:10px;align-items:center}.legacy-content .r-badge-item {font-size:13px;color:var(--muted);font-weight:600}.legacy-content .r-badge-item span {font-weight:800}.legacy-content .btn-reset {padding:6px 14px;border-radius:8px;font-size:13px;font-weight:700;border:1px solid var(--border);background:var(--surface2);color:var(--sub);cursor:pointer;font-family:inherit;transition:all .15s;min-height:32px}.legacy-content .btn-reset:hover {color:var(--text)}.legacy-content .ctrl-hint {font-size:13px;color:var(--muted);width:100%}.legacy-content .timeline {display:flex;flex-direction:column;gap:8px}.legacy-content .iter-block {border:1.5px solid var(--border);border-radius:10px;overflow:hidden;opacity:0;transform:translateY(8px);transition:all .35s ease;background:var(--card)}.legacy-content .iter-block.show {opacity:1;transform:translateY(0)}.legacy-content .iter-hd {padding:5px 12px;display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:700;background:rgba(0,0,0,.025);border-bottom:1px solid var(--border)}.legacy-content .iter-num {font-family:'SF Mono','Cascadia Code','Fira Code',monospace;font-size:13px;font-weight:800;color:var(--muted)}.legacy-content .iter-body {padding:10px 12px;display:flex;flex-direction:column;gap:6px}.legacy-content .react-row {display:flex;gap:8px;align-items:flex-start;font-size:14px;line-height:1.6}.legacy-content .react-icon {width:28px;height:28px;border-radius:7px;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0;font-weight:700}.legacy-content .react-content {flex:1;min-width:0}.legacy-content .react-label {font-size:11px;font-weight:800;letter-spacing:.5px;margin-bottom:1px}.legacy-content .react-text {font-size:13.5px;color:var(--text);line-height:1.55}.legacy-content .tool-call-box {background:rgba(217,119,6,.04);border:1px solid rgba(217,119,6,.15);border-radius:8px;padding:6px 10px;margin-top:2px}.legacy-content .tool-fn {font-size:13px;font-weight:700;color:var(--orange);display:flex;align-items:center;gap:5px}.legacy-content .tool-params {display:flex;flex-wrap:wrap;gap:4px;margin-top:3px}.legacy-content .tool-param {padding:2px 8px;border-radius:4px;font-size:12px;background:var(--card);border:1px solid var(--border);color:var(--sub);font-weight:600}.legacy-content .tool-param b {color:var(--text);font-weight:700}.legacy-content .obs-result {padding:5px 9px;border-radius:6px;font-size:13px;margin-top:2px;font-weight:600}.legacy-content .obs-ok {background:rgba(22,163,74,.06);color:var(--green);border:1px solid rgba(22,163,74,.15)}.legacy-content .obs-fail {background:rgba(220,38,38,.06);color:var(--red);border:1px solid rgba(220,38,38,.15)}.legacy-content .obs-info {background:var(--surface2);color:var(--sub);border:1px solid var(--border)}.legacy-content .fast-fwd {display:flex;align-items:center;gap:6px;padding:8px 12px;border-radius:8px;background:rgba(124,58,237,.04);border:1px dashed rgba(124,58,237,.2);font-size:13px;color:var(--purple);font-weight:600;opacity:0;transform:translateY(6px);transition:all .3s}.legacy-content .fast-fwd.show {opacity:1;transform:translateY(0)}.legacy-content .final-answer {border:1.5px solid rgba(22,163,74,.25);border-radius:10px;background:rgba(22,163,74,.04);padding:12px 14px;opacity:0;transform:translateY(8px);transition:all .4s}.legacy-content .final-answer.show {opacity:1;transform:translateY(0)}.legacy-content .fa-label {font-size:11px;font-weight:800;color:var(--green);letter-spacing:.5px;margin-bottom:4px}.legacy-content .fa-text {font-size:14px;color:var(--text);line-height:1.6}@media (max-width:768px){.legacy-content .demo-grid {grid-template-columns:1fr}.legacy-content .left-panel {position:static}}

.legacy-content .xa-tldr {margin:18px 0 4px;padding:14px 18px;background:rgba(0,102,255,0.04);border:1px solid rgba(0,102,255,0.16);border-radius:10px}.legacy-content .xa-tldr .xa-tldr-tag {display:block;font-size:11px;font-weight:800;letter-spacing:1px;color:var(--accent,#0066ff);margin-bottom:6px}.legacy-content .xa-tldr p {margin:0;font-size:15px;line-height:1.8;color:var(--text,#1f2937)}