:root{--bg-primary: #0e0f13;--bg-surface: #181a21;--bg-elevated: #20232c;--bg-hover: #2a2e3a;--text-primary: #e8eaf0;--text-secondary: #a4a9b8;--text-muted: #6b7080;--accent: #6c8cff;--success: #3fb950;--warning: #d29922;--danger: #f85149;--border: rgba(255, 255, 255, .1);--overlay-panel: rgba(20, 22, 28, .7);--radius-md: 8px;--radius-lg: 12px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-size-base: .9375rem;--transition-fast: .15s}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%}body{font-family:var(--font-sans);font-size:var(--font-size-base);color:var(--text-primary);background:var(--bg-primary);-webkit-font-smoothing:antialiased;overflow:hidden}.btn{font:inherit;color:var(--text-primary);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);cursor:pointer;transition:background var(--transition-fast)}.btn:hover{background:var(--bg-hover)}.editor{position:relative;width:100vw;height:100vh;overflow:hidden;display:flex}.pane{position:relative;height:100%;overflow:hidden}.pane-viewport{flex:1 1 auto;min-width:0}.pane-graph{flex:0 0 auto;width:42%;min-width:240px;border-left:1px solid var(--border)}.splitter{flex:0 0 6px;cursor:col-resize;background:var(--border);transition:background var(--transition-fast);z-index:10}.splitter:hover,.splitter.dragging{background:var(--accent)}.editor-topbar{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:var(--space-md);pointer-events:none;z-index:20}.editor-topbar>*{pointer-events:auto}.editor-title{font-weight:600;color:var(--text-primary);background:var(--overlay-panel);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.editor-actions{display:flex;gap:var(--space-sm)}.viewport{position:absolute;inset:0}.viewport canvas{display:block}.graph-toolbar{position:absolute;top:var(--space-md);left:var(--space-md);display:flex;gap:var(--space-sm);z-index:20}.ge-root{position:relative;width:100%;height:100%;overflow:hidden;background:var(--bg-primary);background-image:radial-gradient(var(--border) 1px,transparent 1px);background-size:24px 24px;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none}.ge-world{position:absolute;top:0;left:0;transform-origin:0 0}.ge-links{position:absolute;top:0;left:0;overflow:visible;pointer-events:none;width:1px;height:1px}.ge-link{fill:none;stroke-width:2.5;pointer-events:stroke;cursor:pointer}.ge-link-dragging{pointer-events:none;stroke-dasharray:6 4;opacity:.85}.ge-nodes{position:absolute;top:0;left:0}.ge-node{position:absolute;min-width:180px;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:0 6px 20px #0006;font-size:var(--font-size-base);cursor:default}.ge-node-header{display:flex;align-items:center;justify-content:space-between;padding:6px 10px;background:var(--bg-elevated);border-radius:var(--radius-md) var(--radius-md) 0 0;cursor:grab}.ge-node-title{font-weight:600;color:var(--text-primary)}.ge-node-delete{border:none;background:transparent;color:var(--text-muted);font-size:1.1rem;line-height:1;cursor:pointer;padding:0 2px}.ge-node-delete:hover{color:var(--danger)}.ge-node-body{padding:6px 0}.ge-socket-row{display:flex;align-items:center;gap:8px;padding:3px 10px;position:relative;min-height:24px}.ge-output-row{justify-content:flex-end;text-align:right}.ge-socket-label{color:var(--text-secondary);white-space:nowrap}.ge-pin{width:12px;height:12px;border-radius:50%;border:2px solid var(--bg-surface);box-shadow:0 0 0 1px var(--border);cursor:crosshair;flex:0 0 auto}.ge-pin-input{margin-left:-16px}.ge-pin-output{margin-right:-16px}.ge-pin:hover{transform:scale(1.25)}.ge-field{margin-left:auto;display:flex;gap:4px}.ge-field-vec3{flex-direction:column;gap:3px;width:100%;margin-top:2px}.ge-axis{display:flex;align-items:center;gap:4px}.ge-axis-tag{font-size:.7rem;width:14px;text-align:center;border-radius:3px;color:var(--text-inverse, #11131a);font-weight:700}.ge-axis-x{background:#d8636e}.ge-axis-y{background:#6fcf86}.ge-axis-z{background:#5b8cff}.ge-field-number{width:64px;background:var(--bg-input, #11131a);border:1px solid var(--border);border-radius:4px;color:var(--text-primary);padding:2px 6px;font:inherit;font-size:.8125rem}.ge-field-number:focus{outline:1px solid var(--accent)}.ge-input-connected .ge-socket-label{color:var(--text-muted)}