:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:arial,verdana,tahoma,sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0}body{color:#212529;background:#fff;padding:20px;overflow-x:hidden}
.viewer{flex-direction:column;gap:12px;max-width:100%;font:12px/1.4 arial,verdana,tahoma,sans-serif;display:flex}.viewer-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 20px;display:flex}.viewer-stats{color:#495057;gap:18px;display:flex}.viewer-stats b{color:#212529;font-size:13px}.viewer-actions{align-items:center;gap:8px;display:flex}.viewer-actions button{font:inherit;color:#495057;cursor:pointer;background:#fff;border:1px solid #ced4da;border-radius:6px;padding:6px 10px;transition:border-color .2s,color .2s}.viewer-actions button:hover{color:#212529;border-color:#94a0b4}.viewer-zoom{border-left:1px solid #e9ecef;align-items:center;gap:6px;padding-left:8px;display:inline-flex}.viewer-zoom>span{text-align:center;color:#495057;font-variant-numeric:tabular-nums;min-width:36px}.tree-stage{overscroll-behavior:contain;background:#f8f9fa;border:1px solid #e9ecef;border-radius:10px;max-width:100%;max-height:min(70vh,640px);padding:28px 24px;overflow:auto}.viewer-legend{color:#868e96;flex-wrap:wrap;gap:8px 18px;margin:0;padding:0;list-style:none;display:flex}.viewer-legend li{align-items:center;gap:6px;display:flex}.viewer-legend .swatch{border:1px solid #ccc;border-radius:100px;width:14px;height:14px}.viewer-legend .swatch[data-kind=root],.viewer-legend .swatch[data-kind=direct]{background:#000;border-color:#000}.viewer-legend .swatch[data-kind=downline]{background:#adb5bd;border-color:#adb5bd}.viewer-legend .swatch[data-kind=empty]{background:#fff;border-style:dashed;border-color:#ced4da}.tree{width:max-content;min-width:100%}.tree ul{padding-top:20px;position:relative}.tree li{float:left;text-align:center;padding:20px 3px 0;list-style-type:none;position:relative}.tree li:before,.tree li:after{content:"";border-top:1px solid #ccc;width:50%;height:20px;position:absolute;top:0;right:50%}.tree li:after{border-left:1px solid #ccc;left:50%;right:auto}.tree li:only-child:before,.tree li:only-child:after{display:none}.tree li:only-child{padding-top:10px}.tree li:first-child:before,.tree li:last-child:after{border:0}.tree li:last-child:before{border-right:1px solid #ccc;border-radius:0 100px 0 0}.tree li:first-child:after{border-radius:100px 0 0}.tree ul ul:before{content:"";border-left:1px solid #ccc;width:0;height:20px;position:absolute;top:0;left:50%}.tree .node{color:#666;cursor:pointer;background:#fff;border:1px solid #ccc;border-radius:100px;align-items:center;gap:5px;min-width:34px;padding:5px 10px;font:12px/1 arial,verdana,tahoma,sans-serif;transition:background .3s,color .3s,border-color .3s;display:inline-flex}.tree .node:hover,.tree .node:hover+ul li .node{color:#000;background:#c8e4f8;border-color:#94a0b4}.tree .node:hover+ul li:before,.tree .node:hover+ul li:after,.tree .node:hover+ul:before,.tree .node:hover+ul ul:before{border-color:#94a0b4}.tree .node[data-kind=root],.tree .node[data-kind=direct]{color:#fff;background:#000;border-color:#000}.tree .node[data-kind=downline]{color:#fff;background:#adb5bd;border-color:#adb5bd}.tree .node[data-kind=empty]{color:#ced4da;cursor:default;border-style:dashed;border-color:#ced4da}.node-caret{opacity:.75;font-family:monospace;font-size:11px}