@import url('../Stack/style.css');
.workspace{grid-template-columns:280px minmax(0,1fr)}select{width:100%;font:inherit;font-size:12px;color:inherit;background:#fbfdfb;border:1px solid #cddfce;padding:11px;border-radius:6px}.wide{margin-top:10px}.tree-tools{display:flex;align-items:center;gap:6px;margin:10px 0 16px}.tree-tools span{font-size:12px;color:#718174;margin-right:auto}.tree-tools button{padding:7px 10px}#tree-display{height:480px;overflow:auto;border:1px solid #e1eadc;border-radius:9px;background:radial-gradient(#dae6d5 .8px,transparent .8px),#f6faf3;background-size:16px 16px;position:relative}svg{display:block;margin:auto;overflow:visible}.edge{stroke:#afc8a8;stroke-width:2;fill:none}.edge-label{fill:#7b9274;font:10px 'Segoe UI',sans-serif}.node{cursor:pointer}.node circle{fill:#edf5e7;stroke:#87ac7e;stroke-width:2;transition:fill .2s,stroke .2s}.node text{fill:#365f3c;font:600 13px 'Segoe UI',sans-serif;text-anchor:middle;dominant-baseline:middle}.node.active circle{fill:#f5d58c;stroke:#b88b32}.node.successor circle{fill:#dbe7f6;stroke:#728eaf}.node.found circle{fill:#398247;stroke:#2e6b38}.node.found text{fill:white}.node:focus{outline:none}.node:focus circle{stroke:#b88b32;stroke-width:4}.legend{display:flex;gap:18px;flex-wrap:wrap;font-size:11px;color:#718174;margin:18px 0}.dot{display:inline-block;width:11px;height:11px;background:#dcebd4;border:1px solid #9bb590;border-radius:50%;margin-right:6px}.dot.active{background:#f5d58c}.dot.successor{background:#dbe7f6}.dot.found{background:#398247}.traversal{border-top:1px solid #e2ebdf;margin-top:20px;padding-top:18px}#output{display:flex;gap:6px;flex-wrap:wrap;font-size:12px;color:#718174;margin-top:12px}#output span{padding:6px 9px;border-radius:5px;background:#e9f2e3;color:#3f6944;font-family:monospace}.bottom{display:grid;grid-template-columns:1fr 1fr;gap:20px}.bottom h2{margin-top:10px}.bottom .lesson{display:block}.bottom .lesson p{font-size:13px}#trace{font-size:13px;line-height:1.8;color:#6b7f6d;padding-left:22px;max-height:300px;overflow:auto}#trace li{padding:4px 0}#trace li:last-child{color:#2e7d32;font-weight:600}#empty{padding:100px 25px;text-align:center;color:#7e9277;font-size:14px}.stats strong{font-size:22px}@media(max-width:800px){.workspace,.bottom{grid-template-columns:1fr}.tree-tools{flex-wrap:wrap}.tree-tools span{width:100%}#tree-display{height:400px}.stats strong{font-size:18px}}@media(prefers-reduced-motion:reduce){.node circle{transition:none}}