html,body{height:100%;margin:0}body{font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:#0b0f19;color:#e6edf3;overflow:hidden}#root{height:100%}#app{height:100%;display:grid;place-items:center;padding:10px;box-sizing:border-box}.viewport{width:min(1100px,100%);height:100%;display:grid;grid-template-rows:auto 1fr auto;min-height:0;position:relative}.topMenu{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;padding:10px 12px;border:1px solid rgba(31,42,68,.9);border-bottom:none;background:#0b0f19eb;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-top-left-radius:14px;border-top-right-radius:14px;margin:0;box-sizing:border-box;width:100%}.mainPanel{min-height:0;display:grid;grid-template-rows:1fr}.mainPanel.expanded{grid-template-rows:1fr 1fr}.canvasArea{position:relative;min-height:0;display:flex;align-items:stretch;justify-content:center;padding:0}.canvasWrap{width:100%;height:100%;border:1px solid rgba(31,42,68,.9);border-top:none;border-bottom:none;overflow:hidden;background:radial-gradient(1200px 800px at 50% 40%,#1e3a8a1a,#0f172a00),#0b0f19}@media(min-width:900px){.canvasWrap{border-left:1px solid rgba(31,42,68,.9);border-right:1px solid rgba(31,42,68,.9)}}svg{width:100%;height:100%;display:block}.bottomPanel{position:relative;display:none;flex-direction:column;min-height:0;overflow:hidden}.bottomPanel.expanded{display:flex}.bottomPanelContent{padding:10px 12px;display:flex;flex-direction:column;gap:12px;flex-wrap:nowrap;align-items:stretch;justify-content:flex-start;background:#0b0f19eb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(31,42,68,.9);border-radius:14px;box-sizing:border-box;min-height:0;height:100%;max-height:100%;overflow:auto}.bottomPanelMenu{display:flex;gap:8px;padding:6px;border:1px solid rgba(31,42,68,.9);border-radius:12px;background:#0f172a8c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);position:sticky;top:0;z-index:2;flex:0 0 auto}.bottomMenu{display:flex;align-items:center;gap:10px;justify-content:flex-start;padding:8px 8px 10px;border:1px solid rgba(31,42,68,.9);border-top:none;background:#0b0f19eb;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-bottom-left-radius:14px;border-bottom-right-radius:14px;box-sizing:border-box}.bottomMenu input[type=text]{flex:1 1 auto;min-width:0}.searchBox{position:relative;flex:1 1 auto;min-width:0}.searchDropdown{position:absolute;left:0;right:0;bottom:calc(100% + 8px);max-height:320px;overflow:auto;border-radius:12px;border:1px solid rgba(36,49,79,.95);background:#0b0f19f5;box-shadow:0 14px 40px #00000080;padding:6px;z-index:50}.searchItem{display:flex;gap:10px;align-items:flex-start;padding:8px 10px;border-radius:10px;cursor:pointer;-webkit-user-select:none;user-select:none}.searchItem:hover{background:#0f172aa6}.searchItem input{margin-top:3px}.searchItemText{display:flex;flex-direction:column;gap:2px;min-width:0}.searchItemId{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:12px;color:#e6edf3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.searchItemTitle{font-size:12px;color:#a9b4c0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.btn{padding:8px 10px;border-radius:8px;border:1px solid #24314f;background:#121a2f;color:#e6edf3;cursor:pointer;-webkit-user-select:none;user-select:none}.btn:hover{background:#162040}.btn.active{background:#1a2850;border-color:#35518f}.btn:disabled{opacity:.45;cursor:not-allowed;background:#0f1526}.btn:disabled:hover{background:#0f1526}input[type=text]{width:100%;padding:8px 10px;border-radius:8px;border:1px solid #24314f;background:#0f1526;color:#e6edf3;box-sizing:border-box;max-width:100%}.tabBtn{flex:1 1 0;padding:8px 10px;border-radius:10px;border:1px solid #24314f;background:#121a2f;color:#e6edf3;cursor:pointer}.tabBtn:hover{background:#162040}.tabBtn.active{background:#1a2850;border-color:#35518f}.tabPage{display:none;min-height:0}.tabPage.active{display:block}.tabPage .panelSection{height:auto;min-height:0}.panelSection h3{margin:0 0 8px;font-size:13px;color:#e6edf3}.categoriesTree{font-size:12px;line-height:1.55;-webkit-user-select:none;user-select:none}.treeRow{display:flex;align-items:center;gap:6px;padding:2px;border-radius:6px;cursor:default}.treeRow:hover{background:#1e3a8a1a}.treeRow.clickable{cursor:pointer}.treeIndent{width:calc(var(--indent, 0) * 14px);flex:0 0 auto}.treeChevron{width:14px;height:14px;display:inline-grid;place-items:center;color:#a9b4c0;flex:0 0 auto;visibility:hidden}.treeRow.hasChildren .treeChevron{visibility:visible}.treeChevron.open{transform:rotate(90deg)}.treeCheckbox{width:14px;height:14px;accent-color:#38bdf8;flex:0 0 auto}.treeLabel{flex:1 1 auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.treeMeta{flex:0 0 auto;display:flex;align-items:center;gap:8px;color:#a9b4c0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:11px}.stateDot{width:8px;height:8px;border-radius:999px;display:inline-block}.stateDot.off{background:#94a3b873}.stateDot.visible{background:#94a3b8f2}.stateDot.ready{background:#fbbf24}.stateDot.learned{background:#22c55e}.viewer .path{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:12px;color:#a9b4c0;margin-bottom:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.viewerBody{font-size:12px;line-height:1.45;color:#e6edf3;white-space:normal}.viewerBody p{margin:0 0 8px}.viewerBody .dep{color:#7dd3fc;cursor:pointer;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px}.viewerBody .dep:hover{color:#bae6fd}.viewerActions{margin-top:10px;display:flex;gap:8px;justify-content:flex-start}.dagStats{display:grid;grid-template-columns:130px 1fr;gap:6px 10px;font-size:13px}.dagStats div:nth-child(odd){color:#a9b4c0}.node .node-circle{vector-effect:non-scaling-stroke}.node text{fill:#e6edf3;font-size:11px;pointer-events:none}.link{fill:none}.link.link-on{stroke:#e2e8f066;stroke-width:1}.link.link-off{stroke:#94a3b829;stroke-width:1;stroke-dasharray:3 5}.ring{stroke:#38bdf81a;fill:none}.ring.hovered{stroke:#38bdf88c;stroke-width:2px}@keyframes pulseNode{0%{transform:scale(1);opacity:.9}50%{transform:scale(1.9);opacity:1}to{transform:scale(1);opacity:.9}}.node.hovering .node-circle{transform-box:fill-box;transform-origin:center;animation:pulseNode .9s ease-in-out infinite;filter:drop-shadow(0 0 6px rgba(255,255,255,.18))}.infoFab{position:absolute;top:12px;right:12px;width:34px;height:34px;border-radius:999px;border:1px solid rgba(36,49,79,.95);background:#121a2fe6;color:#e6edf3;cursor:pointer;display:grid;place-items:center;-webkit-user-select:none;user-select:none;z-index:30;box-shadow:0 8px 22px #00000059;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}@media(max-width:640px){.infoFab{top:5px;right:5px}}.infoOverlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0206179e;display:none;align-items:center;justify-content:center;padding:18px;box-sizing:border-box;z-index:50}.infoOverlay.open{display:flex}.infoModal{width:min(720px,100%);max-height:min(72vh,640px);overflow:auto;border-radius:14px;border:1px solid rgba(31,42,68,.95);background:#0b0f19f5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 16px 46px #0000008c;padding:16px 16px 14px}.infoHeader{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.infoHeader h2{font-size:14px;margin:0;color:#e6edf3}.infoClose{padding:6px 10px;border-radius:10px;border:1px solid #24314f;background:#121a2f;color:#e6edf3;cursor:pointer}.infoClose:hover{background:#162040}.infoBody{font-size:13px;line-height:1.55;color:#e6edf3;white-space:pre-wrap}.dangerOverlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#020617b3;display:none;align-items:center;justify-content:center;padding:18px;box-sizing:border-box;z-index:60}.dangerOverlay.open{display:flex}.dangerModal{width:min(560px,100%);max-height:min(70vh,560px);overflow:auto;border-radius:14px;border:1px solid rgba(185,28,28,.65);background:#0b0f19fa;box-shadow:0 18px 52px #0000009e;padding:16px}.dangerHeader{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.dangerHeader h2{font-size:14px;margin:0;color:#fecaca;letter-spacing:.2px}.dangerBody{font-size:13px;line-height:1.55;color:#e6edf3;white-space:pre-wrap}.dangerActions{display:flex;gap:10px;justify-content:flex-end;margin-top:14px}.btnDanger{padding:8px 10px;border-radius:10px;border:1px solid rgba(220,38,38,.95);background:#b91c1ceb;color:#fff;cursor:pointer}.btnDanger:hover{background:#dc2626f2}.btnDanger:disabled{opacity:.55;cursor:not-allowed}