*{box-sizing:border-box}body{margin:0;font-family:system-ui,sans-serif;color:#202124;background:#f5f6f7}main{max-width:720px;margin:0 auto;padding:32px}.tree{background:#fff;border:1px solid #777;border-radius:4px;padding:4px}.tree-item{display:flex;align-items:center;gap:8px;min-height:42px;border-radius:3px;outline:none}.tree-item:hover{background:#0000000f}.tree-item:focus{outline:3px solid currentColor;outline-offset:-3px}.tree-item-drop-target{position:relative;outline:2px dashed #009C41;outline-offset:-3px;background:#00000014}.tree-item-drop-target:before{content:"";position:absolute;left:5px;top:1px;width:12px;height:7px;background:#009c41;z-index:9999;clip-path:polygon(0 0,100% 0,50% 100%);pointer-events:none}.marker{width:18px;text-align:center;font-size:12px;flex:none}.status{margin-top:24px;padding:12px;background:#fff;border:1px solid #bbb}.tree-checkbox{width:18px;height:18px;margin:0;flex:none}.context-menu{position:fixed;z-index:1000;min-width:190px;padding:4px;background:#fff;border:1px solid #666;border-radius:4px;box-shadow:0 4px 14px #0003}.context-menu button{display:block;width:100%;padding:8px 12px;border:0;background:transparent;text-align:left;font:inherit}.context-menu button:focus{outline:2px solid currentColor;outline-offset:-2px}.context-menu button:hover{background:#0000000f}.context-menu-trigger{margin-left:auto;border:0;background:transparent;font:inherit;font-size:1.25rem;line-height:1;padding:2px 8px;cursor:pointer}.context-menu-trigger:hover{background:#00000014}.context-menu-trigger:focus{outline:2px solid currentColor;outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.dragline{position:relative;height:0;margin-top:-1px;border-top:2px dashed #009C41;pointer-events:none}.dragline:before{content:"";position:absolute;left:0;top:-2px;width:12px;height:7px;background:#009c41;z-index:9999;clip-path:polygon(0 0,100% 0,50% 100%)}.node-type-icon{display:inline-flex;width:1.4em;justify-content:center;flex:0 0 1.4em}main{max-width:1600px}.poc-layout{display:grid;grid-template-columns:minmax(420px,.9fr) minmax(620px,1.35fr);gap:24px;align-items:start}.tree-column,.explanation-column{min-width:0}.explanation-column h2{margin-top:0}.explanation-table-wrap{overflow-x:auto;background:#fff;border:1px solid #bbb;border-radius:4px}.explanation-table{width:100%;border-collapse:collapse;font-size:14px;line-height:1.4}.explanation-table th,.explanation-table td{padding:10px 12px;text-align:left;vertical-align:top;border-bottom:1px solid #ddd}.explanation-table th{font-weight:700;background:#f2f3f4;position:sticky;top:0}.explanation-table th:nth-child(1){width:24%}.explanation-table th:nth-child(2){width:27%}.explanation-table th:nth-child(3){width:49%}.explanation-table tbody tr:last-child td{border-bottom:0}@media(max-width:1100px){.poc-layout{grid-template-columns:1fr}.explanation-table-wrap{overflow-x:auto}}