:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}}body{margin:0}.demo[data-v-fc292d4e]{height:100vh;font-family:Arial,sans-serif;display:flex}.sidebar[data-v-fc292d4e]{border-right:1px solid #e5e7eb;width:260px;padding:16px}.content[data-v-fc292d4e]{flex:1;padding:24px}button[data-v-6214f50a]{cursor:pointer;border:1px solid #ccc;border-radius:4px;padding:8px 16px}button[data-v-6214f50a]:disabled{opacity:.5;cursor:not-allowed}.oni-resizable-panel[data-v-6ad6cd33]{flex-shrink:0;height:100%;min-height:0;display:flex}.oni-resizable-panel-content[data-v-6ad6cd33]{flex:1;min-width:0;overflow:auto}.oni-resize-handle[data-v-6ad6cd33]{cursor:col-resize;touch-action:none;background:#e5e7eb;flex-shrink:0;width:5px}.oni-resize-handle[data-v-6ad6cd33]:hover,.oni-resize-handle[data-v-6ad6cd33]:focus-visible{background:#94a3b8}.oni-dashboard-layout[data-v-1a4f02fa]{grid-template-rows:64px minmax(0,1fr);grid-template-areas:"header header""sidebar content";width:100%;height:100vh;display:grid}.oni-dashboard-header[data-v-1a4f02fa]{border-bottom:1px solid #e5e7eb;grid-area:header}.oni-dashboard-sidebar[data-v-1a4f02fa]{grid-area:sidebar;min-width:0;min-height:0}.oni-dashboard-content[data-v-1a4f02fa]{grid-area:content;min-width:0;min-height:0;padding:24px;overflow:auto}.oni-tree-node-row[data-v-8dc456ae]{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:4px;align-items:center;gap:6px;height:32px;display:flex}.oni-tree-node-row[data-v-8dc456ae]:hover{background:#f3f4f6}.oni-tree-node-row.selected[data-v-8dc456ae]{color:#1d4ed8;background:#dbeafe}.oni-tree-toggle[data-v-8dc456ae]{cursor:pointer;width:18px;height:18px;color:inherit;background:0 0;border:none;padding:0}.oni-tree-toggle-placeholder[data-v-8dc456ae]{flex-shrink:0;width:18px}.oni-tree-icon[data-v-8dc456ae]{flex-shrink:0}.oni-tree-label[data-v-8dc456ae]{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.oni-tree-view[data-v-11ce62fd]{width:100%;font-family:inherit;font-size:14px}.oni-canvas[data-v-3a21b843]{background:#f8fafc;width:100%;height:100%;min-height:300px;position:relative;overflow:hidden}.oni-canvas-viewport[data-v-3a21b843]{cursor:grab;touch-action:none;position:absolute;inset:0;overflow:hidden}.oni-canvas-viewport[data-v-3a21b843]:active{cursor:grabbing}.oni-canvas-world[data-v-3a21b843]{transform-origin:0 0;pointer-events:none;position:absolute;inset:0}.oni-canvas-connections[data-v-3a21b843]{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.oni-canvas-node[data-v-3a21b843]{box-sizing:border-box;cursor:move;-webkit-user-select:none;user-select:none;pointer-events:auto;touch-action:none;background:#fff;border:1px solid #94a3b8;border-radius:6px;justify-content:center;align-items:center;display:flex;position:absolute}.oni-toolbar[data-v-d80e28a9]{box-sizing:border-box;background:#f1f5f9;border-right:1px solid #cbd5e1;flex-direction:column;gap:8px;width:180px;height:100%;padding:12px;display:flex;overflow-y:auto}.oni-toolbar-item[data-v-d80e28a9]{cursor:grab;-webkit-user-select:none;user-select:none}.oni-toolbar-item[data-v-d80e28a9]:active{cursor:grabbing}