.canvas-tree-page{max-width:100%}.canvas-tree-wrap{background:#fff;border:1px solid #eaeaea;border-radius:12px;margin:1.5rem 0;overflow:hidden;box-shadow:0 1px 3px #0000000a}.canvas-controls{background:linear-gradient(#f8f8f8 0%,#f0f0f0 100%);border-bottom:1px solid #ddd;flex-wrap:wrap;align-items:center;gap:.6rem;padding:.7rem 1rem;display:flex}.ctrl-btn{color:#333;cursor:pointer;background:#fff;border:1px solid #ccc;border-radius:6px;padding:.35rem .7rem;font-size:.85rem;font-weight:600;transition:all .1s}.ctrl-btn:hover{color:#b85a00;background:#fff8ef;border-color:#f93}.zoom-readout{color:#555;text-align:center;min-width:48px;font-family:monospace;font-size:.85rem;font-weight:600}.toggle-label{color:#444;cursor:pointer;align-items:center;gap:.35rem;margin-left:.5rem;font-size:.85rem;display:flex}.node-count{color:#888;margin-left:auto;font-family:monospace;font-size:.8rem}.canvas-scroll{background:#fafafa;max-width:100%;max-height:70vh;padding:0;overflow:auto}.canvas-scroll canvas{margin:0;display:block}.canvas-legend{color:#555;background:#f8f8f8;border-top:1px solid #ddd;padding:.7rem 1rem;font-size:.82rem;line-height:1.5}.canvas-legend p{margin:0}