@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root{--font-family: "Outfit", system-ui, -apple-system, sans-serif;--color-bg-dark: #0f172a;--color-bg-panel: rgba(30, 41, 59, .7);--color-primary: #3b82f6;--color-accent: #8b5cf6;--color-text-main: #f8fafc;--color-text-muted: #94a3b8;--color-border: rgba(148, 163, 184, .1);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-glow: 0 0 15px rgba(59, 130, 246, .5);--glass-bg: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .1);--glass-blur: blur(12px);--node-bg: rgba(15, 23, 42, .6);--node-border: 1px solid rgba(148, 163, 184, .2);--node-radius: 8px;--node-shadow-selected: 0 0 0 2px var(--color-primary);--node-font: var(--font-family)}[data-ui-mode=dark]{--color-bg-dark: #0f172a;--color-bg-panel: rgba(30, 41, 59, .7);--color-text-main: #f8fafc;--color-text-muted: #94a3b8;--color-border: rgba(148, 163, 184, .1);--glass-bg: rgba(255, 255, 255, .05)}[data-ui-mode=light]{--color-bg-dark: #f1f5f9;--color-bg-panel: rgba(255, 255, 255, .7);--color-text-main: #0f172a;--color-text-muted: #64748b;--color-border: rgba(148, 163, 184, .2);--glass-bg: rgba(255, 255, 255, .6)}[data-visual-style=blueprint]{--font-family: "Courier New", monospace;--color-bg-dark: #1e3a8a;--color-bg-panel: rgba(30, 58, 138, .9);--color-primary: #ffffff;--color-accent: #93c5fd;--color-text-main: #ffffff;--color-text-muted: #bfdbfe;--color-border: rgba(255, 255, 255, .3);--shadow-sm: none;--shadow-md: none;--shadow-lg: none;--shadow-glow: none;--glass-bg: rgba(30, 58, 138, .8);--glass-border: rgba(255, 255, 255, .3);--glass-blur: none;--node-bg: rgba(30, 58, 138, .9);--node-border: 2px solid #ffffff;--node-radius: 0px;--node-shadow-selected: 0 0 0 2px #93c5fd;--node-font: "Courier New", monospace}[data-visual-style=cyberpunk]{--font-family: "Orbitron", system-ui, sans-serif;--color-bg-dark: #000000;--color-bg-panel: rgba(20, 20, 20, .8);--color-primary: #f0abfc;--color-accent: #facc15;--color-text-main: #f0abfc;--color-text-muted: #a8a29e;--color-border: #f0abfc;--shadow-sm: 0 0 5px #f0abfc;--shadow-md: 0 0 10px #f0abfc;--shadow-lg: 0 0 20px #f0abfc;--shadow-glow: 0 0 15px #f0abfc;--glass-bg: rgba(0, 0, 0, .7);--glass-border: #f0abfc;--glass-blur: blur(4px);--node-bg: #000000;--node-border: 1px solid #f0abfc;--node-radius: 0px;--node-shadow-selected: 0 0 15px #f0abfc;--node-font: "Orbitron", monospace}[data-visual-style=retro]{--font-family: "Georgia", serif;--color-bg-dark: #fef3c7;--color-bg-panel: rgba(251, 191, 36, .2);--color-primary: #78350f;--color-accent: #92400e;--color-text-main: #451a03;--color-text-muted: #92400e;--color-border: #78350f;--shadow-sm: 2px 2px 0px rgba(120, 53, 15, .2);--shadow-md: 4px 4px 0px rgba(120, 53, 15, .2);--shadow-lg: 6px 6px 0px rgba(120, 53, 15, .2);--shadow-glow: none;--glass-bg: rgba(255, 251, 235, .8);--glass-border: #78350f;--glass-blur: none;--node-bg: #fffbeb;--node-border: 2px solid #78350f;--node-radius: 2px;--node-shadow-selected: 0 0 0 2px #78350f;--node-font: "Georgia", serif}[data-visual-style=handdrawn]{--node-bg: #ffffff;--node-border: 2px solid #000000;--node-radius: 255px 15px 225px 15px / 15px 225px 15px 255px;--node-shadow-selected: 2px 2px 0px #000000;--node-font: "Comic Sans MS", "Chalkboard SE", sans-serif;--node-text-color: #000000}[data-visual-style=minimalist]{--node-bg: #ffffff;--node-border: 1px solid #e5e5e5;--node-radius: 4px;--node-shadow-selected: 0 0 0 1px #000000;--node-font: "Helvetica", sans-serif;--node-text-color: #000000}[data-visual-style=flat]{--node-bg: #3b82f6;--node-border: none;--node-radius: 4px;--node-shadow-selected: 0 0 0 4px rgba(59, 130, 246, .3);--node-font: "Arial", sans-serif;--node-text-color: #ffffff}[data-visual-style=brutalist]{--node-bg: #c0c0c0;--node-border: 3px solid #000000;--node-radius: 0px;--node-shadow-selected: 4px 4px 0px #000000;--node-font: "Courier", monospace;--node-text-color: #000000}[data-visual-style=terminal]{--node-bg: #0c0c0c;--node-border: 1px dashed #00ff00;--node-radius: 0px;--node-shadow-selected: 0 0 10px #00ff00;--node-font: "Courier New", monospace;--node-text-color: #00ff00}[data-visual-style=highcontrast]{--node-bg: #000000;--node-border: 4px solid #ffff00;--node-radius: 0px;--node-shadow-selected: 0 0 0 4px #ffffff;--node-font: "Verdana", sans-serif}[data-visual-style=monochrome]{--node-bg: #dedede;--node-border: 1px solid #555555;--node-radius: 2px;--node-shadow-selected: 0 2px 4px rgba(0, 0, 0, .2);--node-font: "Times New Roman", serif}[data-visual-style=pastel]{--node-bg: #fdf2f8;--node-border: 2px solid #f9a8d4;--node-radius: 20px;--node-shadow-selected: 0 0 0 4px #fbcfe8;--node-font: "Comic Sans MS", cursive;--node-text-color: #831843}[data-visual-style=glass]{--node-bg: rgba(255, 255, 255, .1);--node-border: 1px solid rgba(255, 255, 255, .5);--node-radius: 12px;--node-shadow-selected: 0 0 20px rgba(255, 255, 255, .4);--node-font: "Arial", sans-serif;--node-text-color: #ffffff}[data-visual-style=sketch]{--node-bg: transparent;--node-border: 2px dashed #444;--node-radius: 2px;--node-shadow-selected: 2px 2px 0 #444}[data-visual-style=nature]{--node-bg: #ecfccb;--node-border: 1px solid #65a30d;--node-radius: 8px 0 8px 0;--node-shadow-selected: 0 0 0 2px #4d7c0f;--node-font: "Georgia", serif}[data-visual-style=ocean]{--node-bg: #ecfeff;--node-border: 1px solid #06b6d4;--node-radius: 12px;--node-shadow-selected: 0 0 10px #22d3ee;--node-text-color: #0e7490}[data-visual-style=sunset]{--node-bg: linear-gradient(135deg, #ffedd5 0%, #fae8ff 100%);--node-border: 1px solid #f472b6;--node-radius: 12px;--node-shadow-selected: 0 0 10px #f472b6}[data-visual-style=slate]{--node-bg: #334155;--node-border: 1px solid #94a3b8;--node-radius: 4px;--node-shadow-selected: 0 0 0 2px #cbd5e1}[data-visual-style=navy]{--node-bg: #172554;--node-border: 1px solid #60a5fa;--node-radius: 2px;--node-shadow-selected: 0 0 15px #2563eb}[data-visual-style=corporate]{--node-bg: #ffffff;--node-border: 1px solid #1e40af;--node-radius: 4px;--node-shadow-selected: 0 0 0 2px #1e40af;--node-font: "Tahoma", sans-serif;--node-text-color: #1e3a8a}[data-visual-style=futuristic]{--node-bg: rgba(0, 20, 40, .8);--node-border: 1px solid #00ffff;--node-radius: 0px;--node-shadow-selected: 0 0 10px #00ffff;--node-font: "Orbitron", sans-serif}[data-visual-style=clay]{--node-bg: #f0f0f3;--node-border: none;--node-radius: 16px;--node-shadow-selected: inset 5px 5px 10px #aeaec0, inset -5px -5px 10px #ffffff, 0 0 0 2px #3b82f6;--node-font: "Nunito", sans-serif;--node-text-color: #4b5563}[data-visual-style=grid]{--node-bg: #ffffff;--node-border: 1px solid #000000;--node-radius: 0px;--node-shadow-selected: 4px 4px 0 rgba(0, 0, 0, .1);--node-font: "Courier Prime", monospace;--node-text-color: #000000}[data-visual-style=typography]{--node-bg: transparent;--node-border: 3px solid #000000;--node-radius: 0px;--node-shadow-selected: 0 0 0 2px #000000;--node-font: "Impact", "Anton", sans-serif}[data-visual-style=ink]{--node-bg: #ffffff;--node-border: 3px solid #000000;--node-radius: 2px;--node-shadow-selected: 0 0 0 4px #000000;--node-font: "Garamond", serif}[data-visual-style="8bit"]{--node-bg: #ff0000;--node-border: 4px solid #000000;--node-radius: 0px;--node-shadow-selected: 4px 4px 0px #000000;--node-font: "Press Start 2P", monospace;--node-text-color: #000000}[data-visual-style=vaporwave]{--node-bg: linear-gradient(to right, #ff71ce, #01cdfe);--node-border: 1px solid #fff;--node-radius: 0px;--node-shadow-selected: 4px 4px 0px #05ffa1;--node-font: sans-serif;--node-text-color: #fff}[data-visual-style=steampunk]{--node-bg: #d4b483;--node-border: 4px double #4a3b2a;--node-radius: 8px;--node-shadow-selected: 0 0 10px #c19a6b;--node-font: "Courier New", serif;--node-text-color: #2e261a}[data-visual-style=gothic]{--node-bg: #2b2b2b;--node-border: 2px solid #800000;--node-radius: 2px 8px 2px 8px;--node-shadow-selected: 0 0 15px #000;--node-font: serif;--node-text-color: #c0c0c0}[data-visual-style=vintage]{--node-bg: #f4e4bc;--node-border: 1px solid #8b4513;--node-radius: 2px;--node-shadow-selected: 2px 2px 4px rgba(139, 69, 19, .4);--node-font: "Times New Roman", serif;--node-text-color: #4b3621}[data-visual-style=neumorphism]{--node-bg: #e0e5ec;--node-border: none;--node-radius: 16px;--node-shadow-selected: 9px 9px 16px rgb(163, 177, 198, .6), -9px -9px 16px rgba(255, 255, 255, .5);--node-font: sans-serif;--node-text-color: #4d4d4d}[data-visual-style=material]{--node-bg: #ffffff;--node-border: none;--node-radius: 4px;--node-shadow-selected: 0 10px 20px rgba(0, 0, 0, .19), 0 6px 6px rgba(0, 0, 0, .23);--node-font: "Roboto", sans-serif;--node-text-color: #212121}[data-visual-style=nordic]{--node-bg: #eceff4;--node-border: 1px solid #d8dee9;--node-radius: 8px;--node-shadow-selected: 0 4px 6px rgba(0, 0, 0, .1);--node-font: sans-serif;--node-text-color: #2e3440}[data-visual-style=comic]{--node-bg: #fff;--node-border: 3px solid #000;--node-radius: 0px;--node-shadow-selected: 6px 6px 0px #000;--node-font: "Comic Sans MS", sans-serif;--node-text-color: #000}[data-visual-style=bento]{--node-bg: #fca5a5;--node-border: none;--node-radius: 24px;--node-shadow-selected: 0 4px 12px rgba(0, 0, 0, .1);--node-font: sans-serif;--node-text-color: #fff}[data-visual-style=chalkboard]{--node-bg: transparent;--node-border: 2px dashed rgba(255, 255, 255, .7);--node-radius: 2px;--node-shadow-selected: 2px 2px 4px rgba(255, 255, 255, .2);--node-font: monospace;--node-text-color: #fff}[data-visual-style=wood]{--node-bg: #deb887;--node-border: 2px solid #8b4513;--node-radius: 4px;--node-shadow-selected: inset 0 0 10px #8b4513;--node-font: serif;--node-text-color: #3e2723}[data-visual-style=metal]{--node-bg: linear-gradient(135deg, #e0e0e0 0%, #bdbdbd 100%);--node-border: 1px solid #9e9e9e;--node-radius: 4px;--node-shadow-selected: 0 0 5px #757575;--node-font: sans-serif;--node-text-color: #212121}[data-visual-style=marble]{--node-bg: #f5f5f5;--node-border: 1px solid #dcdcdc;--node-radius: 0px;--node-shadow-selected: 0 4px 8px rgba(0, 0, 0, .1);--node-font: serif;--node-text-color: #424242}[data-visual-style=leather]{--node-bg: #5d4037;--node-border: 1px dashed #a1887f;--node-radius: 6px;--node-shadow-selected: 0 2px 4px rgba(0, 0, 0, .4);--node-font: sans-serif;--node-text-color: #d7ccc8}[data-visual-style=matrix]{--node-bg: #000;--node-border: 1px solid #0f0;--node-radius: 0;--node-shadow-selected: 0 0 8px #0f0;--node-font: monospace;--node-text-color: #0f0}[data-visual-style=scifi]{--node-bg: rgba(0, 50, 100, .8);--node-border: 1px solid #00aaff;--node-radius: 2px;--node-shadow-selected: 0 0 10px #00aaff;--node-font: sans-serif;--node-text-color: #00aaff}[data-visual-style=holographic]{--node-bg: rgba(255, 255, 255, .1);--node-border: 1px solid rgba(255, 255, 255, .5);--node-radius: 4px;--node-shadow-selected: 0 0 15px rgba(255, 255, 255, .8);--node-font: sans-serif;--node-text-color: #fff}[data-visual-style=space]{--node-bg: #0b1026;--node-border: 1px solid #4b5d8f;--node-radius: 50%;--node-shadow-selected: 0 0 20px #6d28d9;--node-font: sans-serif;--node-text-color: #e2e8f0}[data-visual-style=biolum]{--node-bg: #022c22;--node-border: 1px solid #34d399;--node-radius: 12px;--node-shadow-selected: 0 0 15px #10b981;--node-font: sans-serif;--node-text-color: #a7f3d0}[data-visual-style=candy]{--node-bg: #fce7f3;--node-border: 2px solid #ec4899;--node-radius: 16px;--node-shadow-selected: 0 4px 0 #db2777;--node-font: sans-serif;--node-text-color: #831843}[data-visual-style=neon]{--node-bg: #111;--node-border: 2px solid #ff00ff;--node-radius: 4px;--node-shadow-selected: 0 0 10px #ff00ff, 0 0 20px #ff00ff;--node-font: sans-serif;--node-text-color: #fff}[data-visual-style=monokai]{--node-bg: #272822;--node-border: 1px solid #a6e22e;--node-radius: 4px;--node-shadow-selected: 0 0 0 2px #fd971f;--node-font: monospace;--node-text-color: #f8f8f2}[data-visual-style=forest]{--node-bg: #064e3b;--node-border: 1px solid #34d399;--node-radius: 6px;--node-shadow-selected: 0 4px 6px rgba(0, 0, 0, .3);--node-font: sans-serif;--node-text-color: #d1fae5}[data-visual-style=desert]{--node-bg: #fff7ed;--node-border: 1px solid #f97316;--node-radius: 2px;--node-shadow-selected: 2px 2px 0 #c2410c;--node-font: serif;--node-text-color: #7c2d12}[data-visual-style=midnight]{--node-bg: #1e1b4b;--node-border: 1px solid #6366f1;--node-radius: 8px;--node-shadow-selected: 0 0 15px #4f46e5;--node-font: sans-serif;--node-text-color: #e0e7ff}[data-visual-style=lavender]{--node-bg: #f3e8ff;--node-border: 1px solid #a855f7;--node-radius: 12px;--node-shadow-selected: 0 0 8px #d8b4fe;--node-font: sans-serif;--node-text-color: #581c87}[data-visual-style=coffee]{--node-bg: #3e2723;--node-border: 1px solid #8d6e63;--node-radius: 4px;--node-shadow-selected: 2px 2px 4px rgba(0, 0, 0, .4);--node-font: serif;--node-text-color: #efebe9}[data-visual-style=watercolor]{--node-bg: #fff;--node-border: 2px solid rgba(0, 0, 0, .2);--node-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;--node-shadow-selected: 0 4px 6px rgba(0, 0, 0, .1);--node-font: sans-serif;--node-text-color: #333}[data-visual-style=oilpaint]{--node-bg: #d97706;--node-border: 3px solid #78350f;--node-radius: 2px;--node-shadow-selected: 2px 2px 0 #451a03;--node-font: serif;--node-text-color: #fff}[data-visual-style=collage]{--node-bg: #fff;--node-border: 2px dashed #000;--node-radius: 0;--node-shadow-selected: 4px 4px 0 rgba(0, 0, 0, .2);--node-font: monospace;--node-text-color: #000}[data-visual-style=origami]{--node-bg: #fff;--node-border: 1px solid #ccc;--node-radius: 0;--node-shadow-selected: 0 4px 8px rgba(0, 0, 0, .1);--node-font: sans-serif;--node-text-color: #333}[data-visual-style=luxury]{--node-bg: #000;--node-border: 1px solid #ffd700;--node-radius: 0;--node-shadow-selected: 0 0 10px #ffd700;--node-font: serif;--node-text-color: #ffd700}[data-visual-style=industrial]{--node-bg: #fbbf24;--node-border: 4px solid #000;--node-radius: 2px;--node-shadow-selected: 4px 4px 0 #000;--node-font: sans-serif;--node-text-color: #000}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--color-bg-dark);color:var(--color-text-main);background-image:radial-gradient(circle at 10% 20%,rgba(59,130,246,.15) 0%,transparent 20%),radial-gradient(circle at 90% 80%,rgba(139,92,246,.15) 0%,transparent 20%);min-height:100vh;overflow:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.sidebar{width:300px;height:100vh;background:var(--color-bg-panel);border-right:1px solid var(--color-border);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);padding:1.5rem;display:flex;flex-direction:column;z-index:10;position:relative;box-shadow:var(--shadow-xl)}.sidebar-header{margin-bottom:1.5rem;flex-shrink:0}.title{font-size:1.25rem;font-weight:700;color:transparent;background:linear-gradient(to right,#60a5fa,#a855f7);-webkit-background-clip:text;background-clip:text}.subtitle{font-size:.875rem;color:var(--color-text-muted);margin-top:.25rem}.tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;border-bottom:1px solid var(--color-border);padding-bottom:.5rem;overflow-x:auto;flex-shrink:0}.tab{background:transparent;border:none;color:var(--color-text-muted);font-weight:600;font-size:.875rem;cursor:pointer;padding:.5rem .75rem;border-radius:.5rem;transition:all .2s;white-space:nowrap}.tab:hover{background:#ffffff0d;color:var(--color-text-main)}.tab.active{background:var(--color-primary);color:#fff}.scrollable{flex-grow:1;overflow-y:auto;padding-right:.5rem}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;padding-bottom:2rem}.dnd-item{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.75rem;border-radius:.75rem;background:var(--glass-bg);border:1px solid var(--glass-border);cursor:grab;transition:all .2s ease;color:var(--color-text-main)}.dnd-item:active{cursor:grabbing}.dnd-item.shape:hover{border-color:#60a5fa80;background:#3b82f61a}.dnd-item.shape .icon{color:#60a5fa;transition:transform .2s}.dnd-item.shape:hover .icon{transform:scale(1.1)}.dnd-item.cloud.aws:hover{border-color:#ff990080;background:#ff99001a}.dnd-item.cloud.aws .icon{color:#f90;transition:transform .2s}.dnd-item.cloud.azure:hover{border-color:#008ad780;background:#008ad71a}.dnd-item.cloud.azure .icon{color:#008ad7;transition:transform .2s}.dnd-item.cloud.gcp:hover{border-color:#4285f480;background:#4285f41a}.dnd-item.cloud.gcp .icon{color:#4285f4;transition:transform .2s}.dnd-item.cloud:hover .icon{transform:scale(1.1)}.label{font-size:.75rem;text-align:center}.add-btn{width:100%;margin-bottom:1rem;padding:.75rem;background:#ffffff0d;border:1px dashed var(--glass-border);border-radius:.5rem;color:var(--color-text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s}.add-btn:hover{background:#ffffff1a;border-color:var(--color-text-main);color:var(--color-text-main)}.sidebar-header{display:flex;justify-content:space-between;align-items:center}.theme-toggle{background:#ffffff0d;border:1px solid var(--glass-border);color:var(--color-text-muted);padding:.5rem;border-radius:.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.theme-toggle:hover{background:#ffffff1a;color:var(--color-text-main);border-color:var(--color-primary)}.theme-select{background:#ffffff0d;border:1px solid var(--glass-border);color:var(--color-text-muted);padding:.25rem .5rem;border-radius:.5rem;cursor:pointer;font-size:.75rem;outline:none;transition:all .2s}.theme-select:hover,.theme-select:focus{background:#ffffff1a;color:var(--color-text-main);border-color:var(--color-primary)}.theme-select option,.theme-select optgroup{background-color:var(--color-bg-dark);color:var(--color-text-main)}.theme-select optgroup{color:var(--color-text-muted);font-weight:600;font-style:normal}.react-flow{direction:ltr}.react-flow__container{position:absolute;width:100%;height:100%;top:0;left:0}.react-flow__pane{z-index:1;cursor:-webkit-grab;cursor:grab}.react-flow__pane.selection{cursor:pointer}.react-flow__pane.dragging{cursor:-webkit-grabbing;cursor:grabbing}.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 .react-flow__edges{pointer-events:none;overflow:visible}.react-flow__edge-path,.react-flow__connection-path{stroke:#b1b1b7;stroke-width:1;fill:none}.react-flow__edge{pointer-events:visibleStroke;cursor:pointer}.react-flow__edge.animated path{stroke-dasharray:5;-webkit-animation:dashdraw .5s linear infinite;animation:dashdraw .5s linear infinite}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;-webkit-animation: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:focus .react-flow__edge-path,.react-flow__edge:focus-visible .react-flow__edge-path{stroke:#555}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge-textbg{fill:#fff}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;-webkit-animation:dashdraw .5s linear infinite;animation:dashdraw .5s linear infinite}.react-flow__connectionline{z-index:1001}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:all;transform-origin:0 0;box-sizing:border-box;cursor:-webkit-grab;cursor:grab}.react-flow__node.dragging{cursor:-webkit-grabbing;cursor:grabbing}.react-flow__nodesselection{z-index:3;transform-origin:left top;pointer-events:none}.react-flow__nodesselection-rect{position:absolute;pointer-events:all;cursor:-webkit-grab;cursor:grab}.react-flow__handle{position:absolute;pointer-events:none;min-width:5px;min-height:5px;width:6px;height:6px;background:#1a192b;border:1px solid white;border-radius:100%}.react-flow__handle.connectionindicator{pointer-events:all;cursor:crosshair}.react-flow__handle-bottom{top:auto;left:50%;bottom:-4px;transform:translate(-50%)}.react-flow__handle-top{left:50%;top:-4px;transform:translate(-50%)}.react-flow__handle-left{top:50%;left:-4px;transform:translateY(-50%)}.react-flow__handle-right{right:-4px;top:50%;transform:translateY(-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__panel{position:absolute;z-index:5;margin:15px}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.center{left:50%;transform:translate(-50%)}.react-flow__attribution{font-size:10px;background:#ffffff80;padding:2px 3px;margin:0}.react-flow__attribution a{text-decoration:none;color:#999}@-webkit-keyframes dashdraw{0%{stroke-dashoffset:10}}@keyframes dashdraw{0%{stroke-dashoffset:10}}.react-flow__edgelabel-renderer{position:absolute;width:100%;height:100%;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.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-default,.react-flow__node-input,.react-flow__node-output,.react-flow__node-group{padding:10px;border-radius:3px;width:150px;font-size:12px;color:#222;text-align:center;border-width:1px;border-style:solid;border-color:#1a192b;background-color:#fff}.react-flow__node-default.selectable:hover,.react-flow__node-input.selectable:hover,.react-flow__node-output.selectable:hover,.react-flow__node-group.selectable:hover{box-shadow:0 1px 4px 1px #00000014}.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.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:0 0 0 .5px #1a192b}.react-flow__node-group{background-color:#f0f0f040}.react-flow__nodesselection-rect,.react-flow__selection{background:#0059dc14;border:1px dotted rgba(0,89,220,.8)}.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{box-shadow:0 0 2px 1px #00000014}.react-flow__controls-button{border:none;background:#fefefe;border-bottom:1px solid #eee;box-sizing:content-box;display:flex;justify-content:center;align-items:center;width:16px;height:16px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:5px}.react-flow__controls-button:hover{background:#f4f4f4}.react-flow__controls-button svg{width:100%;max-width:12px;max-height:12px}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__minimap{background-color:#fff}.react-flow__minimap svg{display:block}.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{width:4px;height:4px;border:1px solid #fff;border-radius:1px;background-color:#3367d9;transform:translate(-50%,-50%)}.react-flow__resize-control.handle.left{left:0;top:50%}.react-flow__resize-control.handle.right{left:100%;top:50%}.react-flow__resize-control.handle.top{left:50%;top:0}.react-flow__resize-control.handle.bottom{left:50%;top:100%}.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:#3367d9;border-width:0;border-style:solid}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{width:1px;transform:translate(-50%);top:0;height:100%}.react-flow__resize-control.line.left{left:0;border-left-width:1px}.react-flow__resize-control.line.right{left:100%;border-right-width:1px}.react-flow__resize-control.line.top,.react-flow__resize-control.line.bottom{height:1px;transform:translateY(-50%);left:0;width:100%}.react-flow__resize-control.line.top{top:0;border-top-width:1px}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}.canvas-wrapper{flex-grow:1;height:100vh;width:100%;position:relative;background-color:var(--color-bg-dark)}.react-flow__edge.selected .react-flow__edge-path{stroke:var(--color-primary);stroke-width:3;filter:drop-shadow(0 0 4px var(--color-primary))}.toolbar{position:absolute;top:1rem;right:1rem;z-index:5;background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);padding:.5rem;border-radius:.5rem;display:flex;gap:.5rem;box-shadow:var(--shadow-lg)}.toolbar button{background:transparent;border:none;color:var(--color-text-main);padding:.5rem;border-radius:.25rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.toolbar button:hover:not(:disabled){background:#ffffff1a}.toolbar button:disabled{opacity:.5;cursor:not-allowed}.separator{width:1px;background:var(--glass-border);margin:0 .25rem}.react-flow__controls{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:.5rem;overflow:hidden;box-shadow:var(--shadow-glow)}.react-flow__controls-button{border:none;border-bottom:1px solid var(--glass-border);background:transparent;width:32px;height:32px;display:flex!important;align-items:center;justify-content:center;cursor:pointer;color:var(--color-text-main);transition:all .2s}.react-flow__controls-button:last-child{border-bottom:none}.react-flow__controls-button:hover{background:#ffffff1a}.react-flow__controls-button svg{fill:currentColor}.custom-node{min-width:100px;min-height:100px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem;border-radius:var(--node-radius);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);background:var(--node-bg);border:var(--node-border);box-shadow:var(--shadow-lg);transition:all .3s ease;position:relative;color:var(--node-text-color, var(--color-text-main));font-family:var(--node-font)}.custom-node.selected{box-shadow:var(--node-shadow-selected);border-color:var(--color-primary);background:var(--node-bg)}.custom-node:hover{border-color:#fff3}.custom-node.square{border-radius:var(--node-radius)}.custom-node.rectangle{width:160px;height:100px;border-radius:.5rem}.custom-node.circle{border-radius:50%;width:120px;height:120px}.custom-node.cylinder,.custom-node.triangle{width:120px;height:100px}.custom-node.diamond{width:100px;height:100px;transform:rotate(45deg);border-radius:.5rem}.custom-node.diamond .node-content{transform:rotate(-45deg)}.custom-node.hexagon{width:120px;height:110px}.custom-node.icon-node{min-width:auto;min-height:auto;padding:1.25rem;gap:.5rem}.icon-wrapper{padding:.75rem;border-radius:50%;background:#ffffff0d;box-shadow:inset 0 2px 4px #0000001a;display:flex;align-items:center;justify-content:center}.node-label{font-size:.75rem;font-weight:500;letter-spacing:.025em;margin-top:.5rem}.custom-node.aws .icon-wrapper{background:#ff99001a}.custom-node.aws.selected{border-color:#f90;box-shadow:0 0 15px #ff99004d}.custom-node.azure .icon-wrapper{background:#008ad71a}.custom-node.azure.selected{border-color:#008ad7;box-shadow:0 0 15px #008ad74d}.custom-node.gcp .icon-wrapper{background:#4285f41a}.custom-node.gcp.selected{border-color:#4285f4;box-shadow:0 0 15px #4285f44d}.react-flow__handle{width:8px;height:8px;background:var(--color-primary);border:2px solid var(--color-text-main);opacity:0;transition:opacity .2s}.custom-node:hover .react-flow__handle{opacity:1}.node-content{display:flex;flex-direction:column;align-items:center;justify-content:center}.custom-node.text-node{background:transparent;border:1px dashed transparent;box-shadow:none;padding:0}.custom-node.text-node:hover{border-color:#fff3;background:#ffffff0d}.custom-node.text-node.selected{border-color:#3b82f6;border-style:solid;background:#3b82f60d}.custom-node.group-node{background:transparent!important;border:2px dashed transparent;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;justify-content:flex-start;align-items:flex-start;padding:0}.custom-node.group-node:hover,.custom-node.group-node.selected{border-color:var(--color-primary);background:#ffffff05}.group-label{background:var(--color-primary);color:#fff;padding:2px 8px;border-bottom-right-radius:8px;font-size:.75rem;font-weight:600}.properties-panel{width:280px;background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-left:1px solid var(--glass-border);display:flex;flex-direction:column;height:100vh;color:var(--color-text-main);transition:all .3s ease;z-index:10}.panel-header{padding:1rem;border-bottom:1px solid var(--glass-border);display:flex;justify-content:space-between;align-items:center}.panel-header h3{font-size:1rem;font-weight:600;margin:0}.close-btn{background:transparent;border:none;color:var(--color-text-muted);cursor:pointer;padding:.25rem;border-radius:.25rem}.close-btn:hover{background:#ffffff1a;color:var(--color-text-main)}.panel-content{flex:1;overflow-y:auto;padding:1rem}.section{margin-bottom:1.5rem}.section h4{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin-bottom:1rem}.control-group{margin-bottom:1rem}.control-group label{display:block;font-size:.875rem;margin-bottom:.5rem;color:var(--color-text-secondary)}.control-group input[type=text],.control-group input[type=number],.control-group select{width:100%;padding:.5rem;background:#0003;border:1px solid var(--glass-border);border-radius:.25rem;color:var(--color-text-main);font-size:.875rem;outline:none}.control-group input[type=text]:focus,.control-group input[type=number]:focus,.control-group select:focus{border-color:var(--color-primary)}.control-group input[type=range]{width:100%}.color-picker-wrapper{display:flex;align-items:center;gap:.5rem;background:#0003;padding:.25rem;border-radius:.25rem;border:1px solid var(--glass-border)}.color-picker-wrapper input[type=color]{background:none;border:none;width:24px;height:24px;padding:0;cursor:pointer}.control-group.checkbox label{display:flex;align-items:center;gap:.5rem;cursor:pointer}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;color:var(--color-text-muted);opacity:.7}.export-menu-container{position:absolute;top:1.5rem;left:50%;transform:translate(-50%);z-index:100}.export-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-radius:.5rem;color:var(--color-text-main);cursor:pointer;font-weight:500;transition:all .2s;box-shadow:var(--shadow-md)}.export-btn:hover{background:#ffffff1a;border-color:var(--color-primary)}.export-dropdown{position:absolute;top:110%;right:0;width:180px;background:var(--color-bg-panel);border:1px solid var(--color-border);border-radius:.5rem;box-shadow:var(--shadow-xl);padding:.5rem;display:flex;flex-direction:column;gap:.25rem}.export-dropdown button,.export-link-btn{display:flex;align-items:center;gap:.75rem;padding:.5rem;border:none;background:transparent;color:var(--color-text-main);border-radius:.25rem;cursor:pointer;text-align:left;font-size:.875rem;text-decoration:none;box-sizing:border-box;width:100%;font-family:inherit}.export-dropdown button:hover,.export-link-btn:hover{background:#ffffff1a;color:var(--color-primary)}.divider{height:1px;background:var(--color-border);margin:.25rem 0}.app-container{display:flex;flex-direction:row;height:100vh;width:100vw;overflow:hidden;background-color:var(--color-bg-dark)}.importer-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000}.importer-modal{width:600px;background:#1e1e1e;border:1px solid #333;border-radius:12px;box-shadow:0 20px 25px -5px #00000080;display:flex;flex-direction:column;overflow:hidden;animation:modalSlideIn .2s ease-out}@keyframes modalSlideIn{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.importer-header{padding:1rem 1.5rem;border-bottom:1px solid #333;display:flex;align-items:center;justify-content:space-between;background:#252525}.importer-header h3{margin:0;display:flex;align-items:center;gap:.5rem;color:#e2e8f0}.close-btn{background:transparent;border:none;color:#94a3b8;cursor:pointer;padding:4px;border-radius:4px}.close-btn:hover{background:#ffffff1a;color:#fff}.importer-body{padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.format-selector{display:flex;gap:1rem}.radio-label{display:flex;align-items:center;gap:.5rem;color:#94a3b8;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;border-radius:6px;background:#2a2a2a;transition:all .2s}.radio-label:hover{background:#333}.radio-label.active{background:#3b82f6;color:#fff}.radio-label input{display:none}.code-input{width:100%;height:300px;background:#111;border:1px solid #333;border-radius:6px;padding:1rem;color:#fff;font-family:Fira Code,monospace;font-size:.9rem;resize:vertical;outline:none}.code-input:focus{border-color:#3b82f6}.error-msg{color:#ef4444;font-size:.85rem;background:#ef44441a;padding:.75rem;border-radius:6px}.importer-footer{padding:1rem 1.5rem;border-top:1px solid #333;display:flex;justify-content:flex-end;gap:.75rem;background:#252525}.cancel-btn{background:transparent;border:1px solid #444;color:#94a3b8;padding:.5rem 1rem;border-radius:6px;cursor:pointer}.cancel-btn:hover{border-color:#666;color:#fff}.import-btn{background:#3b82f6;border:none;color:#fff;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-weight:500;display:flex;align-items:center;gap:.5rem}.import-btn:hover{background:#2563eb}