.ds-visualizer.ds-stack-group{--ds-ink:#1f2933;--ds-muted:#5b6770;--ds-line:#c9d4dc;--ds-accent:#2f6f8f;--ds-accent-soft:#e8f1f5;--ds-warn:#b4542f;--ds-warn-soft:#fbeee7;--ds-ok:#2f7d5b;--ds-ok-soft:#e9f4ee;color:var(--ds-ink);border:1px solid var(--ds-line);background:#fff;border-radius:.5rem;margin-top:.75rem;padding:.9rem 1rem 1rem}.ds-visualizer.ds-stack-group .ds-intro{color:var(--ds-ink);margin:0 0 .75rem;line-height:1.7}.ds-visualizer.ds-stack-group .ds-intro code{background:#f1f5f7;border-radius:.2rem;padding:.05rem .3rem;font-size:.92em}.ds-visualizer.ds-stack-group .ds-controls,.ds-visualizer.ds-stack-group .ds-player{flex-wrap:wrap;align-items:center;gap:.45rem .6rem;margin:0 0 .55rem;display:flex}.ds-visualizer.ds-stack-group .ds-player{border-top:1px dashed var(--ds-line);padding-top:.35rem}.ds-visualizer.ds-stack-group label{color:var(--ds-muted);white-space:nowrap;font-size:.92rem}.ds-visualizer.ds-stack-group input[type=text],.ds-visualizer.ds-stack-group input[type=number],.ds-visualizer.ds-stack-group select{box-sizing:border-box;border:1px solid var(--ds-line);min-height:2rem;color:var(--ds-ink);font:inherit;background:#fff;border-radius:.3rem;padding:.2rem .45rem;font-size:.92rem}.ds-visualizer.ds-stack-group input[type=text]{flex:13rem;min-width:13rem;max-width:100%}.ds-visualizer.ds-stack-group input[type=number]{width:6.5rem}.ds-visualizer.ds-stack-group select{min-width:4.2rem}.ds-visualizer.ds-stack-group button{border:1px solid var(--ds-accent);background:var(--ds-accent-soft);min-height:2rem;color:var(--ds-accent);font:inherit;cursor:pointer;border-radius:.3rem;padding:.2rem .7rem;font-size:.92rem}.ds-visualizer.ds-stack-group button:hover{background:#dcebf2}.ds-visualizer.ds-stack-group button:focus-visible,.ds-visualizer.ds-stack-group input:focus-visible,.ds-visualizer.ds-stack-group select:focus-visible{outline:2px solid var(--ds-accent);outline-offset:2px}.ds-visualizer.ds-stack-group .ds-hint{color:var(--ds-muted);font-size:.85rem}.ds-visualizer.ds-stack-group .ds-step{margin:.2rem 0 .35rem;font-weight:600;line-height:1.6}.ds-visualizer.ds-stack-group .ds-status{border-left:3px solid var(--ds-accent);color:var(--ds-ink);overflow-wrap:anywhere;background:#f5f8fa;border-radius:.2rem;margin:0 0 .6rem;padding:.4rem .55rem;font-size:.92rem;line-height:1.65}.ds-visualizer.ds-stack-group .ds-status.is-error{border-left-color:var(--ds-warn);background:var(--ds-warn-soft);color:#7c3720}.ds-visualizer.ds-stack-group .ds-status.is-ok{border-left-color:var(--ds-ok);background:var(--ds-ok-soft);color:#235f45}.ds-visualizer.ds-stack-group .ds-stage{border:1px solid var(--ds-line);-webkit-overflow-scrolling:touch;background:#fbfcfd;border-radius:.4rem;padding:.5rem .6rem;overflow:auto hidden}.ds-visualizer.ds-stack-group .ds-stage>svg{min-width:300px;max-width:100%;height:auto;margin:0 auto;display:block}.ds-visualizer.ds-stack-group .ds-stage svg text{font-family:Segoe UI,Noto Sans SC,Microsoft YaHei,sans-serif}.ds-visualizer.ds-stack-group .ds-formula,.ds-visualizer.ds-stack-group .ds-summary{color:var(--ds-muted);overflow-wrap:anywhere;margin:.6rem 0 0;font-size:.9rem;line-height:1.7}.ds-visualizer.ds-stack-group .ds-summary.is-ok{color:var(--ds-ok)}.ds-visualizer.ds-stack-group .ds-summary.is-error{color:var(--ds-warn)}.ds-visualizer.ds-stack-group .ds-code{border:1px solid var(--ds-line);background:#f8fafb;border-radius:.4rem;max-height:18rem;margin-top:.7rem;overflow:auto}.ds-visualizer.ds-stack-group .ds-code-list{min-width:max-content;margin:0;padding:.35rem 0;list-style:none}.ds-visualizer.ds-stack-group .ds-code-line{color:#3f4a52;white-space:pre;border-left:3px solid #0000;align-items:baseline;gap:.6rem;padding:.08rem .65rem;font-family:Cascadia Code,Fira Code,Consolas,monospace;font-size:.84rem;line-height:1.6;display:flex}.ds-visualizer.ds-stack-group .ds-code-line.is-active{border-left-color:var(--ds-accent);color:#12303d;background:#e8f1f5}.ds-visualizer.ds-stack-group .ds-code-no{color:#93a1aa;text-align:right;user-select:none;flex:0 0 1.6rem}.ds-visualizer.ds-stack-group .ds-code-line code{font:inherit}.ds-visualizer.ds-stack-group .ds-badge{border:1px solid var(--ds-line);color:var(--ds-muted);border-radius:999px;margin-left:.35rem;padding:.02rem .4rem;font-size:.8rem;font-weight:500;display:inline-block}@media (width<=720px){.ds-visualizer.ds-stack-group{padding:.7rem .65rem .8rem}.ds-visualizer.ds-stack-group input[type=text]{flex-basis:100%;min-width:0}.ds-visualizer.ds-stack-group .ds-stage{padding:.35rem}.ds-visualizer.ds-stack-group .ds-code-line{font-size:.78rem}}
