*{box-sizing:border-box;margin:0;padding:0}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color-scheme:dark;color:#ffffffde;background-color:#1a1a1a;--color-bg: #1a1a1a;--color-bg-secondary: #1e1e1e;--color-bg-tertiary: #252525;--color-bg-hover: #333;--color-border: #333;--color-border-light: #444;--color-text: #fff;--color-text-secondary: #aaa;--color-text-muted: #666;--color-accent: #5087CF;--color-accent-hover: #4077BF;--color-selection: #6366F1;--color-error: #EF4444;--color-consumed-base: 92, 122, 246;--color-provided-base: 139, 92, 246;--color-text-inverted: var(--color-text);--color-node-bg: #2a2a2a;--color-node-border: var(--color-border-light);--color-node-text: var(--color-text);--color-node-text-secondary: var(--color-text-secondary);--color-scrollbar-track: var(--color-bg-secondary);--color-scrollbar-thumb: var(--color-border-light);--color-scrollbar-thumb-hover: #555;--color-consumed-bg: rgba(var(--color-consumed-base), .2);--color-consumed-border: rgba(var(--color-consumed-base), .4);--color-consumed-text: #5C7AF6;--color-consumed-chip: var(--color-consumed-border);--color-consumed-chip-hover: rgba(var(--color-consumed-base), .6);--color-provided-bg: rgba(var(--color-provided-base), .2);--color-provided-border: rgba(var(--color-provided-base), .4);--color-provided-text: #8B5CF6;--color-provided-chip: var(--color-provided-border);--color-provided-chip-hover: rgba(var(--color-provided-base), .6);--color-selection-shadow: rgba(99, 102, 241, .4);--color-shadow-node: rgba(0, 0, 0, .4);--color-shadow-sm: rgba(0, 0, 0, .1);--color-shadow-md: rgba(0, 0, 0, .15);--color-shadow-lg: rgba(0, 0, 0, .2);--color-shadow-xl: rgba(0, 0, 0, .3);--color-backdrop: rgba(0, 0, 0, .5);--color-edge: #64748B;--color-edge-highlight: var(--color-consumed-text);--color-dots: var(--color-bg-hover);--color-minimap-mask: rgba(26, 26, 26, .7);--color-overlay-subtle: rgba(255, 255, 255, .2);--color-overlay-medium: rgba(255, 255, 255, .7);--color-overlay-on-accent: rgba(255, 255, 255, .3);--color-glass-bg: rgba(40, 40, 40, .35);--color-glass-border: rgba(255, 255, 255, .12);--color-glass-shadow: var(--color-shadow-node);--color-glass-hover: rgba(255, 255, 255, .1);--color-glass-subtle: rgba(255, 255, 255, .05);--node-person-bg: #E8F5F3;--node-person-border: #4ECDC4;--node-person-icon: #2A9D8F;--node-movie-bg: #FFE8E8;--node-movie-border: #FF6B6B;--node-movie-icon: #E63946;--node-company-bg: #E3F2FD;--node-company-border: #45B7D1;--node-company-icon: #1976D2;--node-product-bg: #E8F5E9;--node-product-border: #96CEB4;--node-product-icon: #43A047;--node-location-bg: #FFF8E1;--node-location-border: #FFD93D;--node-location-icon: #F9A825;--node-event-bg: #F3E5F5;--node-event-border: #DDA0DD;--node-event-icon: #8E24AA;--node-document-bg: #E0F2F1;--node-document-border: #98D8C8;--node-document-icon: #00897B;--node-service-bg: #F3EBFF;--node-service-border: #8B5CF6;--node-service-icon: #7C3AED;--node-library-bg: #F5F5F5;--node-library-border: #9E9E9E;--node-library-icon: #616161;--node-application-bg: #EEF2FF;--node-application-border: #5C7AF6;--node-application-icon: #4F46E5;--node-database-bg: #FFF3E0;--node-database-border: #FF9800;--node-database-icon: #E65100;--node-api-bg: #E8EAF6;--node-api-border: #5C6BC0;--node-api-icon: #3949AB;--node-server-bg: #ECEFF1;--node-server-border: #78909C;--node-server-icon: #455A64;--node-cloud-bg: #E1F5FE;--node-cloud-border: #03A9F4;--node-cloud-icon: #0288D1;--node-lambda-bg: #FFF8E1;--node-lambda-border: #FF9800;--node-lambda-icon: #FF6F00;--node-default-bg: #F5F5F5;--node-default-border: #9E9E9E;--node-default-icon: #616161}[data-theme=light]{color-scheme:light;color:#2d2a26;background-color:#faf9f7;--color-bg: #faf9f7;--color-bg-secondary: #fffffe;--color-bg-tertiary: #f5f4f1;--color-bg-hover: #efeee9;--color-border: #e4e2dc;--color-border-light: #d4d1c9;--color-text: #2d2a26;--color-text-secondary: #5c584f;--color-text-muted: #8a857a;--color-accent: #2b7a78;--color-accent-hover: #236462;--color-node-bg: var(--color-bg-secondary);--color-text-inverted: #ffffff;--color-scrollbar-thumb: #d4d1c9;--color-scrollbar-thumb-hover: #b8b4aa;--color-scrollbar-track: #f5f4f1;--color-shadow-sm: rgba(60, 50, 40, .04);--color-shadow-md: rgba(60, 50, 40, .06);--color-shadow-lg: rgba(60, 50, 40, .09);--color-shadow-xl: rgba(60, 50, 40, .14);--color-shadow-node: rgba(60, 50, 40, .12);--color-glass-shadow: rgba(60, 50, 40, .08);--color-backdrop: rgba(45, 42, 38, .45);--color-minimap-mask: rgba(245, 244, 241, .8);--color-glass-bg: rgba(255, 255, 254, .75);--color-glass-border: rgba(60, 50, 40, .1);--color-glass-hover: rgba(60, 50, 40, .06);--color-glass-subtle: rgba(60, 50, 40, .03);--color-overlay-subtle: rgba(45, 42, 38, .05);--color-overlay-medium: rgba(45, 42, 38, .1);--color-overlay-on-accent: rgba(255, 255, 255, .3);--color-edge: #a8a49a;--color-dots: #e4e2dc;--color-consumed-bg: rgba(var(--color-consumed-base), .1);--color-consumed-border: rgba(var(--color-consumed-base), .3);--color-consumed-text: #4558c9;--color-provided-bg: rgba(var(--color-provided-base), .1);--color-provided-border: rgba(var(--color-provided-base), .3);--color-provided-text: #7248c4;--color-consumed-chip: #4a6cf5;--color-consumed-chip-hover: #3a5ae0;--color-provided-chip: #8149eb;--color-provided-chip-hover: #6f38d9;--color-selection-shadow: rgba(99, 102, 241, .2)}body{margin:0;min-width:320px;min-height:100vh;overflow:hidden}#root{width:100%;height:100vh}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--color-scrollbar-thumb);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-scrollbar-thumb-hover)}.react-flow__node{font-size:12px;cursor:pointer;transition:transform var(--node-transition-duration, .7s) cubic-bezier(.4,0,.2,1),opacity .3s ease}.react-flow__edge{transition:opacity var(--edge-transition-duration, .21s) ease-in-out}.react-flow__edge path{transition:opacity .15s ease,stroke-width .15s ease}.react-flow__edgelabel-renderer{transition:opacity var(--edge-transition-duration, .21s) ease-in-out}.react-flow__edges.transitioning .react-flow__edge,.react-flow__edgelabel-renderer.transitioning{opacity:0!important;transition:none}.edges-transitioning .react-flow__handle{opacity:0!important}.react-flow__node.dragging{transition:none}.react-flow__node-custom{background:transparent!important;border:none!important;padding:0!important;box-shadow:none!important;border-radius:0!important}.react-flow__node-custom>div{position:static!important}.react-flow__node:hover{filter:brightness(1.1)}.react-flow__edge-path{stroke-width:2}.react-flow__edge-text{font-size:10px}.react-flow__controls{background:var(--color-bg-secondary);border:1px solid var(--color-border);box-shadow:0 2px 8px var(--color-shadow-xl)}.react-flow__controls-button{background:var(--color-bg-secondary);border-color:var(--color-border);color:var(--color-text)}.react-flow__controls-button:hover{background:var(--color-bg-hover)}.react-flow__minimap{background:var(--color-bg-secondary)!important;border:1px solid var(--color-border);border-radius:8px;transform:scale(.6);transform-origin:bottom right;opacity:.5;transition:transform .2s ease,opacity .2s ease .5s}.react-flow__minimap svg,.react-flow__minimap-svg{background:var(--color-bg-secondary)!important}.react-flow__minimap-mask{fill:var(--color-minimap-mask)}.react-flow__minimap:hover{transform:scale(1);opacity:1;transition:transform .2s ease,opacity .2s ease}.react-flow__minimap.minimap-hidden{opacity:0;visibility:hidden;transition:transform .2s ease,opacity .2s ease .5s,visibility 0s ease .7s}@keyframes edge-shimmer{0%{stroke-dashoffset:24}to{stroke-dashoffset:0}}.react-flow__edge.highlighted-edge .react-flow__edge-path,.react-flow__edge.animated .react-flow__edge-path{stroke-dasharray:8 4;animation:edge-shimmer .6s linear infinite}