.react-flow{--xy-edge-stroke-default:#b1b1b7;--xy-edge-stroke-width-default:1;--xy-edge-stroke-selected-default:#555;--xy-connectionline-stroke-default:#b1b1b7;--xy-connectionline-stroke-width-default:1;--xy-attribution-background-color-default:#ffffff80;--xy-minimap-background-color-default:#fff;--xy-minimap-mask-background-color-default:#f0f0f099;--xy-minimap-mask-stroke-color-default:transparent;--xy-minimap-mask-stroke-width-default:1;--xy-minimap-node-background-color-default:#e2e2e2;--xy-minimap-node-stroke-color-default:transparent;--xy-minimap-node-stroke-width-default:2;--xy-background-color-default:transparent;--xy-background-pattern-dots-color-default:#91919a;--xy-background-pattern-lines-color-default:#eee;--xy-background-pattern-cross-color-default:#e2e2e2;background-color:var(--xy-background-color,var(--xy-background-color-default));--xy-node-color-default:inherit;--xy-node-border-default:1px solid #1a192b;--xy-node-background-color-default:#fff;--xy-node-group-background-color-default:#f0f0f040;--xy-node-boxshadow-hover-default:0 1px 4px 1px #00000014;--xy-node-boxshadow-selected-default:0 0 0 .5px #1a192b;--xy-node-border-radius-default:3px;--xy-handle-background-color-default:#1a192b;--xy-handle-border-color-default:#fff;--xy-selection-background-color-default:#0059dc14;--xy-selection-border-default:1px dotted #0059dccc;--xy-controls-button-background-color-default:#fefefe;--xy-controls-button-background-color-hover-default:#f4f4f4;--xy-controls-button-color-default:inherit;--xy-controls-button-color-hover-default:inherit;--xy-controls-button-border-color-default:#eee;--xy-controls-box-shadow-default:0 0 2px 1px #00000014;--xy-edge-label-background-color-default:#fff;--xy-edge-label-color-default:inherit;--xy-resize-background-color-default:#3367d9;direction:ltr}.react-flow.dark{--xy-edge-stroke-default:#3e3e3e;--xy-edge-stroke-width-default:1;--xy-edge-stroke-selected-default:#727272;--xy-connectionline-stroke-default:#b1b1b7;--xy-connectionline-stroke-width-default:1;--xy-attribution-background-color-default:#96969640;--xy-minimap-background-color-default:#141414;--xy-minimap-mask-background-color-default:#3c3c3c99;--xy-minimap-mask-stroke-color-default:transparent;--xy-minimap-mask-stroke-width-default:1;--xy-minimap-node-background-color-default:#2b2b2b;--xy-minimap-node-stroke-color-default:transparent;--xy-minimap-node-stroke-width-default:2;--xy-background-color-default:#141414;--xy-background-pattern-dots-color-default:#777;--xy-background-pattern-lines-color-default:#777;--xy-background-pattern-cross-color-default:#777;--xy-node-color-default:#f8f8f8;--xy-node-border-default:1px solid #3c3c3c;--xy-node-background-color-default:#1e1e1e;--xy-node-group-background-color-default:#f0f0f040;--xy-node-boxshadow-hover-default:0 1px 4px 1px #ffffff14;--xy-node-boxshadow-selected-default:0 0 0 .5px #999;--xy-handle-background-color-default:#bebebe;--xy-handle-border-color-default:#1e1e1e;--xy-selection-background-color-default:#c8c8dc14;--xy-selection-border-default:1px dotted #c8c8dccc;--xy-controls-button-background-color-default:#2b2b2b;--xy-controls-button-background-color-hover-default:#3e3e3e;--xy-controls-button-color-default:#f8f8f8;--xy-controls-button-color-hover-default:#fff;--xy-controls-button-border-color-default:#5b5b5b;--xy-controls-box-shadow-default:0 0 2px 1px #00000014;--xy-edge-label-background-color-default:#141414;--xy-edge-label-color-default:#f8f8f8}.react-flow__background{background-color:var(--xy-background-color-props,var(--xy-background-color,var(--xy-background-color-default)));pointer-events:none;z-index:-1}.react-flow__container{width:100%;height:100%;position:absolute;top:0;left:0}.react-flow__pane{z-index:1}.react-flow__pane.draggable{cursor:grab}.react-flow__pane.dragging{cursor:grabbing}.react-flow__pane.selection{cursor:pointer}.react-flow__viewport{transform-origin:0 0;z-index:2;pointer-events:none}.react-flow__renderer{z-index:4}.react-flow__selection{z-index:6}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible{outline:none}.react-flow__edge-path{stroke:var(--xy-edge-stroke,var(--xy-edge-stroke-default));stroke-width:var(--xy-edge-stroke-width,var(--xy-edge-stroke-width-default));fill:none}.react-flow__connection-path{stroke:var(--xy-connectionline-stroke,var(--xy-connectionline-stroke-default));stroke-width:var(--xy-connectionline-stroke-width,var(--xy-connectionline-stroke-width-default));fill:none}.react-flow .react-flow__edges{position:absolute}.react-flow .react-flow__edges svg{pointer-events:none;position:absolute;overflow:visible}.react-flow__edge{pointer-events:visibleStroke}.react-flow__edge.selectable{cursor:pointer}.react-flow__edge.animated path{stroke-dasharray:5;animation:.5s linear infinite dashdraw}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;animation:none}.react-flow__edge.inactive{pointer-events:none}.react-flow__edge.selected,.react-flow__edge:focus,.react-flow__edge:focus-visible{outline:none}.react-flow__edge.selected .react-flow__edge-path,.react-flow__edge.selectable:focus .react-flow__edge-path,.react-flow__edge.selectable:focus-visible .react-flow__edge-path{stroke:var(--xy-edge-stroke-selected,var(--xy-edge-stroke-selected-default))}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;user-select:none}.react-flow__arrowhead polyline{stroke:var(--xy-edge-stroke,var(--xy-edge-stroke-default))}.react-flow__arrowhead polyline.arrowclosed{fill:var(--xy-edge-stroke,var(--xy-edge-stroke-default))}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;animation:.5s linear infinite dashdraw}svg.react-flow__connectionline{z-index:1001;position:absolute;overflow:visible}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{-webkit-user-select:none;user-select:none;pointer-events:all;transform-origin:0 0;box-sizing:border-box;cursor:default;position:absolute}.react-flow__node.selectable{cursor:pointer}.react-flow__node.draggable{cursor:grab;pointer-events:all}.react-flow__node.draggable.dragging{cursor:grabbing}.react-flow__nodesselection{z-index:3;transform-origin:0 0;pointer-events:none}.react-flow__nodesselection-rect{pointer-events:all;cursor:grab;position:absolute}.react-flow__handle{pointer-events:none;background-color:var(--xy-handle-background-color,var(--xy-handle-background-color-default));border:1px solid var(--xy-handle-border-color,var(--xy-handle-border-color-default));border-radius:100%;width:6px;min-width:5px;height:6px;min-height:5px;position:absolute}.react-flow__handle.connectingfrom{pointer-events:all}.react-flow__handle.connectionindicator{pointer-events:all;cursor:crosshair}.react-flow__handle-bottom{top:auto;bottom:0;left:50%;transform:translate(-50%,50%)}.react-flow__handle-top{top:0;left:50%;transform:translate(-50%,-50%)}.react-flow__handle-left{top:50%;left:0;transform:translate(-50%,-50%)}.react-flow__handle-right{top:50%;right:0;transform:translate(50%,-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__pane.selection .react-flow__panel{pointer-events:none}.react-flow__panel{z-index:5;margin:15px;position:absolute}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.top.center,.react-flow__panel.bottom.center{left:50%;transform:translate(-15px)translate(-50%)}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.left.center,.react-flow__panel.right.center{top:50%;transform:translateY(-15px)translateY(-50%)}.react-flow__attribution{background:var(--xy-attribution-background-color,var(--xy-attribution-background-color-default));margin:0;padding:2px 3px;font-size:10px}.react-flow__attribution a{color:#999;text-decoration:none}@keyframes dashdraw{0%{stroke-dashoffset:10px}}.react-flow__edgelabel-renderer{pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;top:0;left:0}.react-flow__viewport-portal{-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;top:0;left:0}.react-flow__minimap{background:var(--xy-minimap-background-color-props,var(--xy-minimap-background-color,var(--xy-minimap-background-color-default)))}.react-flow__minimap-svg{display:block}.react-flow__minimap-mask{fill:var(--xy-minimap-mask-background-color-props,var(--xy-minimap-mask-background-color,var(--xy-minimap-mask-background-color-default)));stroke:var(--xy-minimap-mask-stroke-color-props,var(--xy-minimap-mask-stroke-color,var(--xy-minimap-mask-stroke-color-default)));stroke-width:var(--xy-minimap-mask-stroke-width-props,var(--xy-minimap-mask-stroke-width,var(--xy-minimap-mask-stroke-width-default)))}.react-flow__minimap-node{fill:var(--xy-minimap-node-background-color-props,var(--xy-minimap-node-background-color,var(--xy-minimap-node-background-color-default)));stroke:var(--xy-minimap-node-stroke-color-props,var(--xy-minimap-node-stroke-color,var(--xy-minimap-node-stroke-color-default)));stroke-width:var(--xy-minimap-node-stroke-width-props,var(--xy-minimap-node-stroke-width,var(--xy-minimap-node-stroke-width-default)))}.react-flow__background-pattern.dots{fill:var(--xy-background-pattern-color-props,var(--xy-background-pattern-color,var(--xy-background-pattern-dots-color-default)))}.react-flow__background-pattern.lines{stroke:var(--xy-background-pattern-color-props,var(--xy-background-pattern-color,var(--xy-background-pattern-lines-color-default)))}.react-flow__background-pattern.cross{stroke:var(--xy-background-pattern-color-props,var(--xy-background-pattern-color,var(--xy-background-pattern-cross-color-default)))}.react-flow__controls{box-shadow:var(--xy-controls-box-shadow,var(--xy-controls-box-shadow-default));flex-direction:column;display:flex}.react-flow__controls.horizontal{flex-direction:row}.react-flow__controls-button{background:var(--xy-controls-button-background-color,var(--xy-controls-button-background-color-default));border:none;border-bottom:1px solid var(--xy-controls-button-border-color-props,var(--xy-controls-button-border-color,var(--xy-controls-button-border-color-default)));width:26px;height:26px;color:var(--xy-controls-button-color-props,var(--xy-controls-button-color,var(--xy-controls-button-color-default)));cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;padding:4px;display:flex}.react-flow__controls-button svg{fill:currentColor;width:100%;max-width:12px;max-height:12px}.react-flow__edge.updating .react-flow__edge-path{stroke:#777}.react-flow__edge-text{font-size:10px}.react-flow__node.selectable:focus,.react-flow__node.selectable:focus-visible{outline:none}.react-flow__node-input,.react-flow__node-default,.react-flow__node-output,.react-flow__node-group{border-radius:var(--xy-node-border-radius,var(--xy-node-border-radius-default));width:150px;color:var(--xy-node-color,var(--xy-node-color-default));text-align:center;border:var(--xy-node-border,var(--xy-node-border-default));background-color:var(--xy-node-background-color,var(--xy-node-background-color-default));padding:10px;font-size:12px}.react-flow__node-input.selectable:hover,.react-flow__node-default.selectable:hover,.react-flow__node-output.selectable:hover,.react-flow__node-group.selectable:hover{box-shadow:var(--xy-node-boxshadow-hover,var(--xy-node-boxshadow-hover-default))}.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible{box-shadow:var(--xy-node-boxshadow-selected,var(--xy-node-boxshadow-selected-default))}.react-flow__node-group{background-color:var(--xy-node-group-background-color,var(--xy-node-group-background-color-default))}.react-flow__nodesselection-rect,.react-flow__selection{background:var(--xy-selection-background-color,var(--xy-selection-background-color-default));border:var(--xy-selection-border,var(--xy-selection-border-default))}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible,.react-flow__selection:focus,.react-flow__selection:focus-visible{outline:none}.react-flow__controls-button:hover{background:var(--xy-controls-button-background-color-hover-props,var(--xy-controls-button-background-color-hover,var(--xy-controls-button-background-color-hover-default)));color:var(--xy-controls-button-color-hover-props,var(--xy-controls-button-color-hover,var(--xy-controls-button-color-hover-default)))}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__controls-button:last-child{border-bottom:none}.react-flow__controls.horizontal .react-flow__controls-button{border-bottom:none;border-right:1px solid var(--xy-controls-button-border-color-props,var(--xy-controls-button-border-color,var(--xy-controls-button-border-color-default)))}.react-flow__controls.horizontal .react-flow__controls-button:last-child{border-right:none}.react-flow__resize-control{position:absolute}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize}.react-flow__resize-control.top,.react-flow__resize-control.bottom{cursor:ns-resize}.react-flow__resize-control.top.left,.react-flow__resize-control.bottom.right{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{background-color:var(--xy-resize-background-color,var(--xy-resize-background-color-default));border:1px solid #fff;border-radius:1px;width:5px;height:5px;translate:-50% -50%}.react-flow__resize-control.handle.left{top:50%;left:0}.react-flow__resize-control.handle.right{top:50%;left:100%}.react-flow__resize-control.handle.top{top:0;left:50%}.react-flow__resize-control.handle.bottom{top:100%;left:50%}.react-flow__resize-control.handle.top.left,.react-flow__resize-control.handle.bottom.left{left:0}.react-flow__resize-control.handle.top.right,.react-flow__resize-control.handle.bottom.right{left:100%}.react-flow__resize-control.line{border-color:var(--xy-resize-background-color,var(--xy-resize-background-color-default));border-style:solid;border-width:0}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{width:1px;height:100%;top:0;transform:translate(-50%)}.react-flow__resize-control.line.left{border-left-width:1px;left:0}.react-flow__resize-control.line.right{border-right-width:1px;left:100%}.react-flow__resize-control.line.top,.react-flow__resize-control.line.bottom{width:100%;height:1px;left:0;transform:translateY(-50%)}.react-flow__resize-control.line.top{border-top-width:1px;top:0}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}.react-flow__edge-textbg{fill:var(--xy-edge-label-background-color,var(--xy-edge-label-background-color-default))}.react-flow__edge-text{fill:var(--xy-edge-label-color,var(--xy-edge-label-color-default))}@property --essa-angle{syntax:"<angle>";inherits:false;initial-value:0deg}:root{--font-sans:"Inter", "Geist", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", "Geist Mono", "SF Mono", ui-monospace, Menlo, Consolas, monospace;--bg:#f5f5f7;--bg-elevated:#fff;--bg-overlay:#f4f4f5b3;--bg-glass:#ffffffc7;--text:#18181b;--text-muted:#71717a;--text-subtle:#a1a1aa;--border:#e4e4e7;--border-strong:#d4d4d8;--accent:#6366f1;--accent-strong:#4f46e5;--accent-soft:#6366f11f;--accent-ring:#6366f147;--accent-text:#fff;--danger:#dc2626;--danger-soft:#dc26261f;--hover:#18181b0d;--selection:#6366f124;--view:#a855f7;--view-soft:#a855f724;--resource:#06b6d4;--resource-soft:#06b6d424;--table:#10b981;--table-soft:#10b98124;--verb-get:#16a34a;--verb-get-soft:#16a34a24;--verb-post:#f59e0b;--verb-post-soft:#f59e0b29;--verb-patch:#3b82f6;--verb-patch-soft:#3b82f624;--verb-delete:#ef4444;--verb-delete-soft:#ef444424;--read:#15803d;--write:#b91c1c;--read-write:#c2410c;--fk:#0e7490;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--radius-xl:24px;--shadow-sm:0 1px 2px #18181b0f;--shadow-md:0 8px 24px #18181b1a;--shadow-lg:0 24px 60px #18181b2e;--ease:cubic-bezier(.22, 1, .36, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--dur-fast:.14s;--dur-base:.24s;--dur-slow:.42s;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--text);background:var(--bg);font-family:var(--font-sans);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[data-theme=dark]{--bg:#0a0a0b;--bg-elevated:#131316;--bg-overlay:#0a0a0bb3;--bg-glass:#141417b3;--text:#fafafa;--text-muted:#a1a1aa;--text-subtle:#71717a;--border:#27272a;--border-strong:#3f3f46;--accent:#818cf8;--accent-strong:#a5b4fc;--accent-soft:#818cf82e;--accent-ring:#818cf852;--accent-text:#0a0a0b;--danger:#f87171;--danger-soft:#f8717124;--hover:#fafafa0f;--selection:#818cf82e;--shadow-sm:0 1px 2px #0006;--shadow-md:0 8px 24px #00000080;--shadow-lg:0 24px 60px #000000b3;--read:#22c55e;--write:#ef4444;--read-write:#f97316;--fk:#22d3ee;--edge-flow-duration:.9s;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{background:var(--bg);min-height:100vh;color:var(--text);margin:0;overflow:hidden}button,input,select,textarea{font:inherit;color:inherit}button{appearance:none;border-radius:var(--radius-sm);background:var(--accent);color:var(--accent-text);cursor:pointer;transition:background var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease), transform var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease);border:1px solid #0000;padding:.5rem .85rem;font-size:.85rem;font-weight:600}button:hover{background:var(--accent-strong)}button:active{transform:translateY(1px)}button:focus-visible{outline:2px solid var(--accent-ring);outline-offset:2px}input,select,textarea{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-elevated);width:100%;color:var(--text);transition:border-color var(--dur-fast) var(--ease), box-shadow var(--dur-fast) var(--ease);padding:.5rem .65rem;font-size:.85rem}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring);outline:none}select{cursor:pointer}label{color:var(--text-muted);letter-spacing:.04em;text-transform:uppercase;gap:.35rem;font-size:.72rem;font-weight:600;display:grid}h1,h2,h3,h4,p{color:var(--text);margin:0}h1{letter-spacing:-.01em;font-size:1.4rem;font-weight:700}h2{letter-spacing:-.005em;font-size:1.05rem;font-weight:700}h3{font-size:.85rem;font-weight:700}::selection{background:var(--selection)}.eyebrow{color:var(--text-subtle);letter-spacing:.14em;text-transform:uppercase;font-size:.65rem;font-weight:700}.eyebrow_workspace{color:var(--text-subtle);letter-spacing:.1em;text-transform:uppercase;margin-left:.5rem;font-size:1rem;font-weight:500}.icon-button{background:var(--bg-glass);-webkit-backdrop-filter:blur(10px)saturate(140%);border:1px solid var(--border);border-radius:var(--radius-sm);width:36px;height:36px;color:var(--text);box-shadow:var(--shadow-sm);justify-content:center;align-items:center;padding:0;display:inline-flex}.icon-button:hover{background:var(--hover);color:var(--text)}.icon-button svg{width:18px;height:18px}.button-ghost{color:var(--text-muted);background:0 0;border:1px solid #0000;padding:.4rem .6rem}.button-ghost:hover{background:var(--hover);color:var(--text)}.button-subtle{background:var(--hover);color:var(--text);border:1px solid var(--border)}.button-subtle:hover{background:var(--bg-elevated);border-color:var(--border-strong)}.button-danger{background:var(--danger-soft);color:var(--danger);border:1px solid #0000}.button-danger:hover{background:var(--danger);color:#fff}.button-icon{border-radius:var(--radius-sm);width:30px;height:30px;color:var(--text-muted);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;padding:0;font-weight:500;display:inline-flex}.button-icon:hover{background:var(--hover);color:var(--text)}.button-icon--danger:hover{background:var(--danger-soft);color:var(--danger);border-color:#0000}.button-icon--sm{width:24px;height:24px}.splash{background:var(--bg);z-index:1000;animation:splash-out var(--dur-slow) var(--ease) forwards;place-items:center;animation-delay:1.5s;display:grid;position:fixed;inset:0}.splash--keep{animation:none}.splash__inner{justify-items:center;gap:1.25rem;display:grid}.splash__logo{filter:drop-shadow(0 18px 28px #18181b1f);transform-origin:42% 58%;width:min(26vw,8rem);height:auto;animation:splash-logo-in .22s var(--ease) .42s both, splash-logo-shaka .75s var(--ease-spring) .64s 2;margin-left:10px}.splash__word{font-family:var(--font-sans);letter-spacing:-.04em;color:var(--text);align-items:baseline;font-size:clamp(3.5rem,10vw,5.5rem);font-weight:700;display:flex}.splash__word span{opacity:0;filter:blur(8px);animation:splash-letter .7s var(--ease) forwards;display:inline-block;transform:translateY(12px)}.splash__word span:first-child{animation-delay:0s}.splash__word span:nth-child(2){animation-delay:90ms}.splash__word span:nth-child(3){animation-delay:.18s}.splash__word span:nth-child(4){animation-delay:.27s}.splash__caret{background:var(--accent);width:.08em;height:.95em;animation:splash-caret .9s var(--ease) infinite;opacity:0;margin-left:.12em;animation-delay:.36s;display:inline-block;transform:translateY(.04em)}.splash__bar{background:var(--border);border-radius:2px;width:9rem;height:2px;overflow:hidden}.splash__bar:after{content:"";background:linear-gradient(90deg, transparent, var(--accent), transparent);width:40%;height:100%;animation:splash-bar 1.1s var(--ease) infinite;display:block}@keyframes splash-logo-in{0%{opacity:0;transform:translateY(16px)rotate(0)scale(.94)}to{opacity:1;transform:translateY(0)rotate(0)scale(1)}}@keyframes splash-logo-shaka{18%{transform:translateY(-10px)rotate(-10deg)}36%{transform:translateY(8px)rotate(28deg)}54%{transform:translateY(-10px)rotate(-10deg)}72%{transform:translateY(8px)rotate(28deg)}}@keyframes splash-letter{to{opacity:1;filter:blur();transform:translateY(0)}}@keyframes splash-caret{0%,to{opacity:1}50%{opacity:0}}@keyframes splash-bar{0%{transform:translate(-100%)}to{transform:translate(350%)}}@keyframes splash-out{to{opacity:0;visibility:hidden;pointer-events:none}}.app-shell{background:var(--bg);width:100vw;height:100vh;position:relative;overflow:hidden}.workspace,.canvas-shell{position:absolute;inset:0}.app-topbar{z-index:10;pointer-events:none;justify-content:space-between;align-items:center;gap:.75rem;display:flex;position:absolute;top:1rem;left:1rem;right:1rem}.app-topbar>*{pointer-events:auto}.app-topbar__left,.app-topbar__right{align-items:center;gap:.5rem;display:flex}.diagram-title{background:var(--bg-glass);-webkit-backdrop-filter:blur(10px)saturate(140%);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);gap:.05rem;min-width:0;padding:.45rem .85rem;display:grid}.diagram-title .eyebrow{letter-spacing:.18em;font-size:.58rem}.diagram-title h2{white-space:nowrap;text-overflow:ellipsis;max-width:24rem;font-size:.95rem;font-weight:600;overflow:hidden}.help-modal__overlay{z-index:60;background:#00000052;place-items:center;padding:1.25rem;display:grid;position:absolute;inset:0}.help-modal{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-xl);width:min(680px,100%);max-height:min(760px,100vh - 2.5rem);box-shadow:var(--shadow-lg);gap:1rem;padding:1.1rem;display:grid;overflow:auto}.help-modal__header,.help-modal__footer{justify-content:space-between;align-items:center;gap:1rem;display:flex}.help-modal__header h2{margin-top:.15rem}.help-modal__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.help-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-lg);grid-template-columns:auto 1fr;gap:.75rem;padding:.9rem;display:grid}.help-card__icon{background:var(--accent-soft);border-radius:var(--radius-md);width:2.25rem;height:2.25rem;color:var(--accent);justify-content:center;align-items:center;display:inline-flex}.help-card__icon svg{width:1.2rem;height:1.2rem}.help-card h3{margin-bottom:.25rem}.help-card p{color:var(--text-muted);font-size:.84rem;line-height:1.45}.help-card kbd{background:var(--bg-elevated);border:1px solid var(--border-strong);min-width:1.45rem;color:var(--text);font-family:var(--font-mono);letter-spacing:0;box-shadow:0 1px 0 var(--border-strong);border-radius:6px;justify-content:center;align-items:center;margin:0 .05rem;padding:.08rem .35rem;font-size:.72rem;font-weight:700;display:inline-flex}@media (width<=640px){.help-modal__grid{grid-template-columns:1fr}}.drawer-overlay{opacity:0;pointer-events:none;transition:opacity var(--dur-base) var(--ease);z-index:30;background:#00000047;position:absolute;inset:0}.drawer-overlay--open{opacity:1;pointer-events:auto}.drawer{background:var(--bg-elevated);border-right:1px solid var(--border);width:min(360px,88vw);box-shadow:var(--shadow-lg);transition:transform var(--dur-base) var(--ease);z-index:40;flex-direction:column;display:flex;position:absolute;top:0;bottom:0;left:0;transform:translate(-105%)}.drawer--open{transform:translate(0)}.drawer__header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:.75rem;padding:1rem 1.1rem;display:flex}.drawer__brand{grid-template-columns:auto 1fr;align-items:center;gap:.1rem;display:grid}.drawer__brand h1{letter-spacing:-.02em;font-size:1.4rem;font-weight:700}.drawer__body{flex-direction:column;flex:1;gap:.5rem;padding:.85rem;display:flex;overflow:auto}.drawer__new{color:var(--text);border:1px dashed var(--border-strong);border-radius:var(--radius-md);background:0 0;justify-content:center;align-items:center;gap:.4rem;padding:.65rem;font-weight:600;display:flex}.drawer__new:hover{background:var(--accent-soft);color:var(--accent);border-color:var(--accent)}.diagram-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);transition:border-color var(--dur-fast) var(--ease), background var(--dur-fast) var(--ease);grid-template-columns:1fr auto;align-items:center;gap:.4rem;padding:.6rem .7rem;display:grid}.diagram-card:hover{border-color:var(--border-strong);background:var(--hover)}.diagram-card--active{border-color:var(--accent);background:var(--accent-soft)}.diagram-card--active:hover{background:var(--accent-soft)}.diagram-card__details{gap:.15rem;width:100%;min-width:0;display:grid}.diagram-card__name-input{color:var(--text);border-radius:calc(var(--radius-sm) - 2px);white-space:nowrap;text-overflow:ellipsis;background:0 0;border:1px solid #0000;min-width:0;padding:.05rem .15rem;font-size:.92rem;font-weight:600;overflow:hidden}.diagram-card__name-input:hover,.diagram-card__name-input:focus{background:var(--bg);border-color:var(--border-strong);box-shadow:none}.diagram-card__meta{color:var(--text-muted);font-size:.72rem;font-weight:500}.diagram-card__export{background:var(--bg);width:fit-content;max-width:7.5rem;color:var(--text-muted);margin-top:.2rem;padding:.3rem .45rem;font-size:.72rem;font-weight:600}.diagram-card__delete{width:28px;height:28px;color:var(--text-subtle);background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.diagram-card__delete:hover{background:var(--danger-soft);color:var(--danger)}.floating-dock{background:var(--bg-glass);-webkit-backdrop-filter:blur(14px)saturate(160%);border:1px solid var(--border);box-shadow:var(--shadow-md);z-index:12;animation:dock-in var(--dur-slow) var(--ease) both;border-radius:999px;align-items:center;gap:.35rem;padding:.35rem;display:flex;position:absolute;bottom:1.4rem;left:50%;transform:translate(-50%)}.floating-dock__button{color:var(--text);background:0 0;border:0;border-radius:999px;align-items:center;gap:.5rem;padding:.5rem .85rem;font-size:.85rem;font-weight:600;display:inline-flex}.floating-dock__button:hover{background:var(--hover);color:var(--text)}.floating-dock__dot{border-radius:50%;width:8px;height:8px;display:inline-block}.floating-dock__dot--restResource{background:var(--resource)}.floating-dock__dot--psqlTable{background:var(--table)}.floating-dock__dot--annotation{background:var(--read-write)}.canvas-mode-dock{z-index:20;background:var(--bg-glass);-webkit-backdrop-filter:blur(14px)saturate(160%);border:1px solid var(--border);box-shadow:var(--shadow-md);border-radius:999px;gap:.25rem;padding:.35rem;display:inline-flex;position:fixed;bottom:1rem;left:50%;transform:translate(-50%)}.canvas-mode-dock__section{gap:.25rem;display:inline-flex}.canvas-mode-dock__section--input{border-left:1px solid var(--border);margin-left:.25rem;padding-left:.5rem}.canvas-mode-dock__button{min-width:4.7rem;color:var(--text-muted);background:0 0;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:.45rem;padding:.5rem .75rem;font-size:.78rem;font-weight:700;display:inline-flex}.canvas-mode-dock__button kbd{background:color-mix(in srgb, currentcolor 10%, transparent);min-width:1.1rem;font-family:var(--font-mono);border-radius:.35rem;padding:.08rem .28rem;font-size:.68rem;line-height:1.2}.canvas-mode-dock__button:hover{background:var(--hover);color:var(--text)}.canvas-mode-dock__button--active{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}.canvas-shell--grip .react-flow__pane{cursor:grab}.canvas-shell--grip .react-flow__pane:active{cursor:grabbing}.canvas-shell--select .react-flow__pane{cursor:default}.canvas-shell--annotate .react-flow__pane{cursor:crosshair}.annotation-preview{z-index:4;border:1px dashed var(--accent);border-radius:var(--radius-lg);background:color-mix(in srgb, var(--accent) 10%, transparent);pointer-events:none;position:absolute;top:0;left:0}.annotation-edit-frame{z-index:12;border:1px solid var(--accent);border-radius:var(--radius-xl);box-shadow:0 0 0 1px color-mix(in srgb, var(--accent) 18%, transparent);pointer-events:none;position:absolute}.annotation-edit-frame__resize{z-index:2;border:2px solid var(--bg-elevated);background:var(--accent);width:.9rem;height:.9rem;box-shadow:var(--shadow-sm);cursor:nwse-resize;pointer-events:auto;border-radius:999px;padding:0;position:absolute;bottom:-.45rem;right:-.45rem}.annotation-editor{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-elevated);box-shadow:var(--shadow-md);pointer-events:auto;align-items:center;gap:.4rem;padding:.4rem;display:inline-flex;position:absolute;top:0;left:0;transform:translateY(-100%)translateY(-.5rem)}.annotation-editor__field{color:var(--text-muted);align-items:center;gap:.35rem;font-size:.72rem;font-weight:700;display:inline-flex}.annotation-editor__field--color{gap:.25rem}.annotation-editor input[type=text],.annotation-editor input:not([type]){width:9rem}.annotation-editor input[type=color]{width:2rem;height:2rem;padding:.15rem}.annotation-editor__delete{border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-muted);background:0 0;padding:.45rem .65rem;font-size:.72rem;font-weight:700}.annotation-editor__delete:hover{background:var(--danger-soft);border-color:color-mix(in srgb, var(--danger) 40%, var(--border));color:var(--danger)}.floating-dock__divider{background:var(--border);width:1px;height:1.2rem;margin:0 .15rem}@keyframes dock-in{0%{opacity:0;transform:translate(-50%,16px)}to{opacity:1;transform:translate(-50%)}}.block-node{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);min-width:260px;max-width:320px;color:var(--text);transition:border-color var(--dur-fast) var(--ease), box-shadow var(--dur-fast) var(--ease), transform var(--dur-fast) var(--ease);padding:.85rem .95rem .95rem;position:relative}.block-node--editable{flex-direction:column;gap:.55rem;display:flex}.block-node:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md)}.react-flow__node.selected .block-node,.block-node--selected{box-shadow:var(--shadow-md), 0 0 0 1px var(--accent);border-color:#0000}.react-flow__node.selected .block-node:before,.block-node--selected:before{content:"";border-radius:calc(var(--radius-lg) + 2px);background:conic-gradient(from var(--essa-angle), var(--accent), var(--accent-strong), var(--accent), transparent 60%, var(--accent));-webkit-mask-composite:xor;pointer-events:none;z-index:1;padding:2px;animation:4s linear infinite spin-border;position:absolute;inset:-2px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@keyframes spin-border{to{--essa-angle:360deg}}.block-node__head{align-items:center;gap:.5rem;margin-bottom:.55rem;display:flex}.block-node--editable .block-node__head{margin-bottom:0}.block-node__head-spacer{flex:1}.block-node__head-trash{opacity:0;transition:opacity var(--dur-fast) var(--ease)}.block-node:hover .block-node__head-trash,.block-node--editing .block-node__head-trash{opacity:1}.block-node__badge{letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);align-items:center;gap:.35rem;font-size:1rem;font-weight:700;display:inline-flex}.block-node__badge:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.block-node--view .block-node__badge{color:var(--view)}.block-node--resource .block-node__badge{color:var(--resource)}.block-node--table .block-node__badge{color:var(--table)}.annotation-node{background:color-mix(in srgb, var(--annotation-color) 12%, transparent);border:1px dashed color-mix(in srgb, var(--annotation-color) 65%, transparent);border-radius:var(--radius-xl);min-width:180px;min-height:120px;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--annotation-color) 18%, transparent);pointer-events:none;position:relative}.react-flow__node-annotation{pointer-events:none}.block-node__title{letter-spacing:-.005em;font-size:1.24rem;font-weight:700;font-family:var(--font-mono);word-break:break-word}.block-node__title--placeholder{color:var(--text-subtle);font-style:italic;font-family:var(--font-sans);font-weight:500}.block-node ul{gap:.3rem;margin:.6rem 0 0;padding:0;list-style:none;display:grid}.block-node__row{background:var(--hover);border-radius:var(--radius-sm);justify-content:space-between;align-items:center;gap:.6rem;padding:.4rem .55rem;font-size:.8rem;display:flex}.block-node__row strong{font-weight:600;font-family:var(--font-mono);color:var(--text)}.block-node__row-meta{color:var(--text-muted);font-size:.82rem;font-family:var(--font-mono);align-items:center;gap:.35rem;display:inline-flex}.block-node__empty{color:var(--text-subtle);font-size:.78rem;font-style:italic}.block-node__column{background:var(--hover);border-radius:var(--radius-sm);grid-template-columns:1fr auto auto;align-items:center;gap:.5rem;padding:.35rem .55rem;font-size:.78rem;display:grid}.block-node__column-name{font-family:var(--font-mono);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.block-node__column-type{font-family:var(--font-mono);color:var(--text-muted);font-size:.82rem}.block-node__column-flags{gap:.25rem;display:inline-flex}.flag-chip{letter-spacing:.04em;background:var(--accent-soft);color:var(--accent);border-radius:4px;justify-content:center;align-items:center;padding:.1rem .35rem;font-size:.6rem;font-weight:700;display:inline-flex}.flag-chip--null{background:var(--hover);color:var(--text-subtle)}.flag-chip--fk{background:var(--verb-get-soft);color:var(--verb-get)}.method-list{flex-wrap:wrap;gap:.3rem;margin-top:.55rem;display:flex}.method-pill{font-family:var(--font-mono);letter-spacing:.02em;background:var(--hover);color:var(--text);border-radius:5px;align-items:center;gap:.25rem;padding:.18rem .45rem;font-size:.78rem;font-weight:700;display:inline-flex}.method-pill--get{background:var(--verb-get-soft);color:var(--verb-get)}.method-pill--post{background:var(--verb-post-soft);color:var(--verb-post)}.method-pill--patch{background:var(--verb-patch-soft);color:var(--verb-patch)}.method-pill--delete{background:var(--verb-delete-soft);color:var(--verb-delete)}.type-chip{font-family:var(--font-mono);background:var(--hover);color:var(--text-muted);border-radius:4px;padding:.1rem .35rem;font-size:.78rem}.block-node__title-input{border-radius:var(--radius-sm);width:100%;font-family:var(--font-mono);letter-spacing:-.005em;color:var(--text);transition:background var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease);background:0 0;border:1px solid #0000;margin:0;padding:.3rem .4rem;font-size:1.8rem;font-weight:700}.block-node__title-input:hover{background:var(--hover)}.block-node__title-input:focus{background:var(--bg-elevated);border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring);outline:none}.block-node__title-input--placeholder{color:var(--text-subtle);font-style:italic;font-family:var(--font-sans);font-weight:500}.block-node__description-input{resize:vertical;background:var(--hover);border-color:#0000;min-height:2.4rem;font-size:.78rem}.block-node__section{flex-direction:column;gap:.3rem;display:flex}.block-node__section-title{letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);margin:.2rem 0 .1rem;font-size:.62rem;font-weight:700}.field-row{background:var(--hover);border-radius:var(--radius-sm);cursor:pointer;text-align:left;width:100%;color:var(--text);transition:background var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease);border:1px solid #0000;grid-template-columns:1fr auto auto;align-items:center;gap:.5rem;padding:.4rem .55rem;font-family:inherit;font-size:.78rem;display:grid;position:relative}.field-row:hover{background:var(--accent-soft);border-color:var(--accent-ring)}.field-row--active{border-color:var(--accent);background:var(--accent-soft)}.field-row--linked{border-color:var(--fk);background:color-mix(in srgb, var(--fk) 14%, transparent);box-shadow:0 0 0 1px color-mix(in srgb, var(--fk) 34%, transparent)}.field-row--linked .field-row__name,.field-row--linked .field-row__type{color:var(--text)}.field-row__name{font-family:var(--font-mono);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.field-row__type{font-family:var(--font-mono);color:var(--text-muted);font-size:.82rem}.field-row__reference{color:var(--accent)}.field-row__handle{opacity:0;pointer-events:none;border-width:1px;width:8px;height:8px}.field-row__flags{align-items:center;gap:.25rem;display:inline-flex}.field-row--button{border:1px dashed var(--border-strong);color:var(--text-muted);background:0 0;justify-content:flex-start;font-weight:600;display:flex}.field-row--button:hover{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.field-row--sub{background:var(--bg);font-size:.74rem}.method-row{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-elevated);transition:border-color var(--dur-fast) var(--ease);flex-direction:column;gap:.4rem;padding:.35rem .4rem;display:flex}.method-row--expanded{border-color:var(--accent);background:var(--accent-soft)}.method-row__head{cursor:pointer;align-items:center;gap:.5rem;display:flex}.method-row__head .method-pill{flex:none}.method-row__hint{color:var(--text-muted);font-size:.68rem;font-family:var(--font-mono);flex:1}.method-row__panel{border-top:1px dashed var(--border);flex-direction:column;gap:.45rem;padding-top:.3rem;display:flex}.method-row__inputs{flex-direction:column;gap:.3rem;display:flex}.method-row__returns{font-size:.7rem}.add-method-anchor{position:relative}.row-popover{z-index:50;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);min-width:240px;max-width:280px;box-shadow:var(--shadow-lg);cursor:default;animation:editor-in var(--dur-fast) var(--ease);padding:.7rem .8rem;position:absolute;top:0;left:calc(100% + 12px)}.row-popover__inner{flex-direction:column;gap:.55rem;display:flex}.row-popover__header{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.row-popover textarea{resize:vertical;min-height:2.4rem}.combo-input{display:block;position:relative}.combo-input input{font-family:var(--font-mono)}.combo-input__list{z-index:60;overscroll-behavior:contain;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);max-height:12rem;box-shadow:var(--shadow-md);flex-direction:column;gap:1px;padding:.25rem;display:flex;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto}.combo-input__option{text-align:left;border-radius:var(--radius-sm);width:100%;font-family:var(--font-mono);color:var(--text);cursor:pointer;transition:background var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease);background:0 0;border:0;padding:.35rem .5rem;font-size:.78rem;font-weight:500;display:block}.combo-input__option:hover,.combo-input__option--active{background:var(--accent-soft);color:var(--accent)}.combo-input__option--current{font-weight:700}.combo-input__option--current:after{content:"✓";color:var(--accent);margin-left:.4rem}.chip-picker{flex-wrap:wrap;gap:.3rem;margin-top:.25rem;display:flex}.chip-picker--column{flex-direction:column;align-items:stretch}.chip{border:1px solid var(--border-strong);font-family:var(--font-mono);cursor:pointer;background:var(--bg-elevated);color:var(--text-muted);transition:all var(--dur-fast) var(--ease);border-radius:999px;align-items:center;padding:.2rem .5rem;font-size:.7rem;font-weight:600;display:inline-flex}.chip:hover{border-color:var(--accent);color:var(--accent)}.chip--active{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}.flag-chip--query{background:var(--verb-patch-soft);color:var(--verb-patch)}.flag-chip--payload{background:var(--verb-post-soft);color:var(--verb-post)}.react-flow__handle{border:2px solid var(--bg-elevated);background:var(--accent);width:14px;height:14px;box-shadow:0 0 0 2px var(--accent-ring);transition:box-shadow var(--dur-fast) var(--ease), background var(--dur-fast) var(--ease)}.react-flow__handle:hover{background:var(--accent-strong);box-shadow:0 0 0 5px var(--accent-ring)}.block-editor,.connection-editor{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);width:min(340px,90vw);max-height:68vh;box-shadow:var(--shadow-lg);overscroll-behavior:contain;animation:editor-in var(--dur-base) var(--ease);color:var(--text);flex-direction:column;gap:.7rem;padding:.85rem .95rem;display:flex;overflow:auto}.block-editor::-webkit-scrollbar{width:6px}.connection-editor::-webkit-scrollbar{width:6px}.block-editor::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:4px}.connection-editor::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:4px}@keyframes editor-in{0%{opacity:0;transform:translate(-6px)scale(.98)}to{opacity:1;transform:translate(0)scale(1)}}.block-editor__header,.field-group__header{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.block-editor__title{letter-spacing:-.005em;font-size:.95rem;font-weight:600}.block-editor__kind{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;border-radius:5px;padding:.15rem .45rem;font-size:.62rem;font-weight:700}.block-editor__kind--restResource{background:var(--resource-soft);color:var(--resource)}.block-editor__kind--psqlTable{background:var(--table-soft);color:var(--table)}.field-group{gap:.5rem;display:grid}.field-group h3{letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);font-size:.7rem;font-weight:700}.stacked-field,.column-editor,.schema-editor,.method-editor,.field-picker{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);gap:.45rem;padding:.6rem;display:grid}.method-editor,.field-picker{background:var(--bg-elevated)}.method-editor__head{justify-content:space-between;align-items:center;display:flex}.checkbox-field{color:var(--text-muted);letter-spacing:0;text-transform:none;flex-direction:row;align-items:center;gap:.5rem;font-size:.78rem;font-weight:500;display:flex}.checkbox-field input{appearance:none;border:1px solid var(--border-strong);background:var(--bg-elevated);cursor:pointer;width:16px;height:16px;transition:background var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease);border-radius:4px;place-items:center;padding:0;display:inline-grid}.checkbox-field input:checked{background:var(--accent);border-color:var(--accent)}.checkbox-field input:checked:after{content:"";border-left:2px solid var(--accent-text);border-bottom:2px solid var(--accent-text);width:9px;height:5px;transform:translateY(-1px)rotate(-45deg)}.row{align-items:center;gap:.4rem;display:flex}.row>*{flex:1;min-width:0}.row__shrink{flex:0}.inline-button{background:var(--hover);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.35rem .5rem;font-size:.75rem;font-weight:600}.inline-button:hover{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.connection-editor{width:min(280px,80vw)}.react-flow{background:var(--bg);--xy-background-color-default:var(--bg);--xy-background-pattern-color-default:var(--border);--xy-edge-stroke-default:var(--text-subtle);--xy-edge-stroke-selected-default:var(--accent);--xy-controls-button-background-color-default:var(--bg-elevated);--xy-controls-button-background-color-hover-default:var(--hover);--xy-controls-button-color-default:var(--text);--xy-controls-button-border-color-default:var(--border);--xy-minimap-background-color-default:var(--bg-glass);--xy-minimap-mask-background-color-default:#00000029}[data-theme=dark] .react-flow{--xy-minimap-mask-background-color-default:#00000080}.react-flow__background{background:var(--bg)}.react-flow__controls{-webkit-backdrop-filter:blur(10px);overflow:hidden;background:var(--bg-glass)!important;border:1px solid var(--border)!important;border-radius:var(--radius-md)!important;box-shadow:var(--shadow-sm)!important}.minimap-shell{flex:none;width:36px;height:36px;position:relative}.minimap-button{z-index:1;background:var(--bg-glass);-webkit-backdrop-filter:blur(10px)saturate(140%);border:1px solid var(--border);border-radius:var(--radius-sm);width:36px;height:36px;box-shadow:var(--shadow-sm);color:var(--text);transition:width var(--dur-base) var(--ease), height var(--dur-base) var(--ease), border-radius var(--dur-base) var(--ease), background var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease);padding:0;position:absolute;top:0;right:0;overflow:hidden}.minimap-shell--expanded .minimap-button{z-index:30;border-radius:var(--radius-lg);background:color-mix(in srgb, var(--bg-glass) 88%, transparent);cursor:crosshair;width:320px;height:190px}.minimap-button:hover{background:var(--hover)}.minimap-shell--expanded .minimap-button:hover{background:color-mix(in srgb, var(--bg-glass) 96%, transparent);border-color:var(--border-strong)}.minimap-button:active{transform:none}.minimap-button__icon{width:18px;height:18px;transition:opacity var(--dur-fast) var(--ease);position:absolute;top:9px;right:9px}.minimap-shell--expanded .minimap-button__icon{opacity:0}.minimap-overlay{z-index:1;width:100%;height:100%;box-shadow:none;animation:minimap-fade-in var(--dur-base) var(--ease);background:0 0;border:none;border-radius:0;position:absolute;inset:0}@keyframes minimap-fade-in{0%{opacity:0}to{opacity:1}}.canvas-minimap{background:color-mix(in srgb, var(--bg-glass) 88%, transparent);-webkit-backdrop-filter:blur(14px)saturate(140%);border:1px solid var(--border);border-radius:var(--radius-lg);width:320px;height:190px;box-shadow:var(--shadow-sm);cursor:crosshair;padding:0;display:block;overflow:hidden}.canvas-minimap:hover{background:color-mix(in srgb, var(--bg-glass) 96%, transparent);border-color:var(--border-strong)}.canvas-minimap svg{width:100%;height:100%;display:block}.canvas-minimap__edge{stroke:var(--text-subtle);stroke-width:1.2px;stroke-linecap:round;opacity:.5}.canvas-minimap__edge--read{stroke:var(--read)}.canvas-minimap__edge--write{stroke:var(--write)}.canvas-minimap__edge--read-write{stroke:var(--read-write)}.canvas-minimap__edge--fk{stroke:var(--fk)}.canvas-minimap__node{fill:color-mix(in srgb, var(--text-subtle) 56%, transparent);stroke:color-mix(in srgb, var(--bg-elevated) 70%, transparent);stroke-width:1px;opacity:.72}.canvas-minimap__node--restResource{fill:color-mix(in srgb, var(--resource) 72%, transparent)}.canvas-minimap__node--psqlTable{fill:color-mix(in srgb, var(--table) 72%, transparent)}.canvas-minimap__node--annotation{fill:color-mix(in srgb, var(--read-write) 24%, transparent);stroke:var(--read-write);stroke-dasharray:3 2}.canvas-minimap__node--selected{fill:var(--accent);opacity:1}.canvas-minimap__viewport{fill:color-mix(in srgb, var(--accent-soft) 35%, transparent);stroke:var(--accent);stroke-width:1.5px;stroke-dasharray:4 3;vector-effect:non-scaling-stroke}.react-flow__controls-button{border-bottom:1px solid var(--border)!important;color:var(--text)!important;background:0 0!important}.react-flow__controls-button:hover{background:var(--hover)!important}.react-flow__controls-button svg{fill:currentColor}.essa-edge__path{fill:none;stroke:var(--text-subtle);stroke-width:1.6px;opacity:.35;transition:stroke var(--dur-fast) var(--ease), stroke-width var(--dur-fast) var(--ease), opacity var(--dur-fast) var(--ease), filter var(--dur-fast) var(--ease)}.essa-edge__hit{fill:none;stroke:#0000;stroke-width:18px;cursor:pointer}.essa-edge--read .essa-edge__path{stroke:var(--read)}.essa-edge--write .essa-edge__path{stroke:var(--write)}.essa-edge--read-write .essa-edge__path{stroke:var(--read-write)}.essa-edge--fk .essa-edge__path{stroke:var(--fk)}.essa-edge__flow{fill:none;stroke-width:2px;stroke-linecap:round;stroke-dasharray:6 9;opacity:0;transition:opacity var(--dur-base) var(--ease);animation:none}.essa-edge--linked .essa-edge__flow,.essa-edge--selected .essa-edge__flow{opacity:1;animation:.9s linear infinite edge-flow}.essa-edge--read .essa-edge__flow{stroke:var(--read)}.essa-edge--write .essa-edge__flow{stroke:var(--write)}.essa-edge--read-write .essa-edge__flow{stroke:var(--read-write)}.essa-edge--fk .essa-edge__flow{stroke:var(--fk)}.essa-edge--linked .essa-edge__path,.essa-edge:hover .essa-edge__path,.essa-edge--selected .essa-edge__path{opacity:.6;stroke-width:2.2px;filter:drop-shadow(0 0 6px)}.essa-edge--selected .essa-edge__flow,.essa-edge:hover .essa-edge__flow{stroke-width:2.6px;filter:drop-shadow(0 0 4px)}@keyframes edge-flow{to{stroke-dashoffset:-30px}}@media (prefers-reduced-motion:reduce){.essa-edge__flow{stroke-dasharray:0;animation:none}}.essa-edge__label{background:var(--bg-glass);-webkit-backdrop-filter:blur(8px);border:1px solid var(--border);font-family:var(--font-mono);letter-spacing:.02em;color:var(--text);pointer-events:all;transition:transform var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease);border-radius:999px;align-items:center;gap:.3rem;padding:.18rem .5rem;font-size:.66rem;font-weight:700;display:inline-flex}.essa-edge__label:hover{border-color:var(--border-strong);transform:translate(-50%,-50%)scale(1.04)}.essa-edge__label-kind{text-transform:uppercase;letter-spacing:.1em;font-size:.6rem}.essa-edge--read .essa-edge__label-kind{color:var(--read)}.essa-edge--write .essa-edge__label-kind{color:var(--write)}.essa-edge--read-write .essa-edge__label-kind{color:var(--read-write)}.essa-edge__label-data{color:var(--text-muted)}.canvas-context-menu{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:50;min-width:180px;animation:editor-in var(--dur-fast) var(--ease);gap:.2rem;padding:.5rem;display:grid;position:fixed}.canvas-context-menu .eyebrow{padding:.25rem .5rem}.canvas-context-menu button{text-align:left;color:var(--text);background:0 0;justify-content:flex-start;align-items:center;gap:.5rem;padding:.45rem .5rem;font-weight:500;display:flex}.canvas-context-menu button:hover{background:var(--hover);color:var(--text)}.perf-overlay{z-index:30;background:color-mix(in srgb, var(--bg-glass) 92%, transparent);-webkit-backdrop-filter:blur(14px)saturate(160%);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);color:var(--text-muted);font-family:var(--font-mono);pointer-events:none;-webkit-user-select:none;user-select:none;grid-template-columns:auto auto;gap:.15rem .7rem;padding:.55rem .75rem;font-size:.72rem;line-height:1.35;display:grid;position:fixed;bottom:1rem;left:1rem}.perf-overlay__row{display:contents}.perf-overlay__label{color:var(--text-subtle);text-transform:uppercase;letter-spacing:.06em;align-self:center;font-size:.62rem}.perf-overlay__value{color:var(--text);font-variant-numeric:tabular-nums;text-align:right}.perf-overlay__value--good{color:var(--read)}.perf-overlay__value--warn{color:var(--read-write)}.perf-overlay__value--bad{color:var(--write)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}