.react-flow{direction:ltr;--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: rgba(255, 255, 255, .5);--xy-minimap-background-color-default: #fff;--xy-minimap-mask-background-color-default: rgba(240, 240, 240, .6);--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: rgba(240, 240, 240, .25);--xy-node-boxshadow-hover-default: 0 1px 4px 1px rgba(0, 0, 0, .08);--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: rgba(0, 89, 220, .08);--xy-selection-border-default: 1px dotted rgba(0, 89, 220, .8);--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 rgba(0, 0, 0, .08);--xy-edge-label-background-color-default: #ffffff;--xy-edge-label-color-default: inherit;--xy-resize-background-color-default: #3367d9}.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: rgba(150, 150, 150, .25);--xy-minimap-background-color-default: #141414;--xy-minimap-mask-background-color-default: rgba(60, 60, 60, .6);--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: #555;--xy-background-pattern-lines-color-default: #333;--xy-background-pattern-cross-color-default: #333;--xy-node-color-default: #f8f8f8;--xy-node-border-default: 1px solid #3c3c3c;--xy-node-background-color-default: #1e1e1e;--xy-node-group-background-color-default: rgba(240, 240, 240, .25);--xy-node-boxshadow-hover-default: 0 1px 4px 1px rgba(255, 255, 255, .08);--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: rgba(200, 200, 220, .08);--xy-selection-border-default: 1px dotted rgba(200, 200, 220, .8);--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 rgba(0, 0, 0, .08);--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{position:absolute;width:100%;height:100%;top:0;left:0}.react-flow__pane{z-index:1;touch-action:none}.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{overflow:visible;position:absolute;pointer-events:none}.react-flow__edge{pointer-events:visibleStroke}.react-flow__edge.selectable{cursor:pointer}.react-flow__edge.animated path{stroke-dasharray:5;animation:dashdraw .5s linear infinite}.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;-moz-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:dashdraw .5s linear infinite}svg.react-flow__connectionline{z-index:1001;overflow:visible;position:absolute}.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:default}.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:left top;pointer-events:none}.react-flow__nodesselection-rect{position:absolute;pointer-events:all;cursor:grab}.react-flow__handle{position:absolute;pointer-events:none;min-width:5px;min-height:5px;width:6px;height:6px;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%}.react-flow__handle.connectingfrom{pointer-events:all}.react-flow__handle.connectionindicator{pointer-events:all;cursor:crosshair}.react-flow__handle-bottom{top:auto;left:50%;bottom:0;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{position:absolute;z-index:5;margin:15px}.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{font-size:10px;background:var(--xy-attribution-background-color, var(--xy-attribution-background-color-default));padding:2px 3px;margin:0}.react-flow__attribution a{text-decoration:none;color:#999}@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;left:0;top:0}.react-flow__viewport-portal{position:absolute;width:100%;height:100%;left:0;top:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.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{display:flex;flex-direction:column;box-shadow:var(--xy-controls-box-shadow, var(--xy-controls-box-shadow-default))}.react-flow__controls.horizontal{flex-direction:row}.react-flow__controls-button{display:flex;justify-content:center;align-items:center;height:26px;width:26px;padding:4px;border:none;background:var(--xy-controls-button-background-color, var(--xy-controls-button-background-color-default));border-bottom:1px solid var( --xy-controls-button-border-color-props, var(--xy-controls-button-border-color, var(--xy-controls-button-border-color-default)) );color:var( --xy-controls-button-color-props, var(--xy-controls-button-color, var(--xy-controls-button-color-default)) );cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__controls-button svg{width:100%;max-width:12px;max-height:12px;fill:currentColor}.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{padding:10px;border-radius:var(--xy-node-border-radius, var(--xy-node-border-radius-default));width:150px;font-size:12px;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))}.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{width:5px;height:5px;border:1px solid #fff;border-radius:1px;background-color:var(--xy-resize-background-color, var(--xy-resize-background-color-default));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:var(--xy-resize-background-color, var(--xy-resize-background-color-default));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%}.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))}:root{color-scheme:dark;--bg: #07090f;--bg-panel: #0e1220;--bg-card: #141a2c;--bg-raise: #1a2136;--border: rgba(148, 163, 205, .14);--text: #e8ecf6;--text-dim: #93a0bd;--accent: #4f8cff;--accent-2: #8b5cf6;--accent-grad: linear-gradient(135deg, #4f8cff 0%, #8b5cf6 100%);--accent-dim: #2a4a8f;--accent-read: #4fd2ff;--accent-write: #ffb04f;--ok: #3ddc97;--warn: #f5b942;--danger: #ff5f6d;--danger-deep: #7a2230;--success: #3ddc97;--accent-soft: #5b7cf0;--radius: 14px;font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;width:100%;height:100%;background:var(--bg);color:var(--text);overflow:hidden}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#94a3cd2e;border-radius:8px;border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:#94a3cd52;background-clip:padding-box;border:2px solid transparent}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.home{position:relative;flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;background:var(--bg);color:var(--text)}.home-aurora{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden}.aurora-blob{position:absolute;border-radius:50%;filter:blur(90px);opacity:.34;animation:auroraFloat 18s ease-in-out infinite alternate}.b1{width:520px;height:520px;background:#1d4ed8;top:-160px;left:-120px}.b2{width:460px;height:460px;background:#6d28d9;top:22%;right:-160px;animation-delay:-6s}.b3{width:420px;height:420px;background:#0e7490;bottom:-140px;left:32%;animation-delay:-12s;opacity:.24}@keyframes auroraFloat{0%{transform:translate(0) scale(1)}to{transform:translate(46px,-34px) scale(1.12)}}.aurora-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(148,163,205,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(148,163,205,.05) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:radial-gradient(ellipse 90% 60% at 50% 0%,#000 30%,transparent 75%);mask-image:radial-gradient(ellipse 90% 60% at 50% 0%,#000 30%,transparent 75%)}.home-nav{position:relative;z-index:1;display:flex;justify-content:center;max-width:1080px;margin:0 auto;padding:44px 24px 0}.home-brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:15px;letter-spacing:.2px}.brand-mark{width:22px;height:22px;border-radius:7px;background:var(--accent-grad);box-shadow:0 0 18px #4f8cff8c}.brand-mark.small{width:14px;height:14px;border-radius:4px}.home-hero{position:relative;z-index:1;max-width:1080px;margin:0 auto;padding:34px 24px 40px;text-align:center}.hero-chip{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:var(--accent-read);background:#4f8cff14;border:1px solid rgba(79,140,255,.25);padding:6px 14px;border-radius:999px;margin-bottom:26px}.hero-chip:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--ok);box-shadow:0 0 10px var(--ok)}.home-hero h1{font-size:clamp(38px,6vw,64px);line-height:1.08;letter-spacing:-.03em;font-weight:800;margin:0 0 22px}.hero-grad{background:var(--accent-grad);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-sub{max-width:640px;margin:0 auto 32px;font-size:16.5px;line-height:1.65;color:var(--text-dim)}.hero-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.btn-primary{border:none;background:var(--accent-grad);color:#fff;font-weight:600;font-size:15px;padding:13px 26px;border-radius:12px;cursor:pointer;box-shadow:0 8px 30px #4f8cff59;transition:transform .15s ease,box-shadow .2s ease}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 12px 40px #4f8cff80}.btn-ghost{border:1px solid var(--border);background:#94a3cd0f;color:var(--text);font-weight:500;font-size:14px;padding:13px 22px;border-radius:12px;cursor:pointer;transition:border-color .15s,background .15s}.btn-ghost:hover{border-color:#4f8cff80;background:#4f8cff14}.hero-stats{display:flex;gap:34px;justify-content:center;flex-wrap:wrap;margin-top:46px;font-size:13px;color:var(--text-dim)}.hero-stats b{color:var(--text);font-size:15px;margin-right:4px}.home-section{position:relative;z-index:1;max-width:1080px;margin:0 auto;padding:64px 24px 8px}.home-section h2{font-size:30px;letter-spacing:-.02em;margin:0 0 8px;font-weight:700}.section-sub{color:var(--text-dim);font-size:14.5px;margin:0 0 28px}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}.feature-card{background:#141a2cb8;border:1px solid var(--border);border-radius:var(--radius);padding:22px;transition:transform .18s ease,border-color .18s ease,background .18s}.feature-card:hover{transform:translateY(-3px);border-color:#4f8cff66;background:#1a2136d9}.feature-icon{font-size:22px;margin-bottom:12px}.feature-card h3{margin:0 0 8px;font-size:15.5px;font-weight:600}.feature-card p{margin:0;font-size:13.5px;line-height:1.6;color:var(--text-dim)}.preset-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}.preset-card{display:flex;flex-direction:column;align-items:flex-start;gap:6px;text-align:left;background:#141a2cb8;border:1px solid var(--border);border-radius:var(--radius);padding:20px 22px;color:var(--text);cursor:pointer;font-size:14px;transition:transform .18s ease,border-color .18s ease}.preset-card:hover{transform:translateY(-3px);border-color:#4f8cff73}.preset-name{font-weight:700;font-size:16px}.preset-blurb{font-size:13px;color:var(--text-dim);line-height:1.55}.preset-cta{margin-top:8px;font-size:12.5px;font-weight:600;color:var(--accent)}.home-footer{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:10px;max-width:1080px;margin:0 auto;padding:56px 24px 34px;font-size:12.5px;color:var(--text-dim)}.home-footer p{margin:0}.app-wrap{display:flex;flex-direction:column;width:100%;height:100%}.navbar{position:relative;z-index:50;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 22px;height:54px;border-bottom:1px solid var(--border);background:#0a0d16d1;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.nav-brand{display:flex;align-items:center;gap:10px;border:none;background:none;color:var(--text);font-weight:700;font-size:14.5px;letter-spacing:.2px;cursor:pointer;padding:0}.nav-brand:hover .brand-mark{box-shadow:0 0 22px #4f8cffcc}.nav-links{display:flex;align-items:center;gap:4px}.nav-link{border:none;background:none;color:var(--text-dim);font-size:13px;font-weight:500;padding:7px 14px;border-radius:9px;cursor:pointer;transition:color .15s,background .15s}.nav-link:hover{color:var(--text);background:#94a3cd14}.nav-link.active{color:var(--accent-read);background:#4f8cff1a}.app-shell{display:flex;flex:1;min-height:0;width:100%}.canvas-wrap{flex:1;min-width:0;height:100%;position:relative}.metrics-panel{width:290px;flex-shrink:0;background:var(--bg-panel);border-left:1px solid var(--border);height:100%;overflow-y:auto}.metric-row{display:flex;justify-content:space-between;align-items:center;padding:3px 0;font-size:12px}.metric-row span{color:var(--text-dim)}.metric-row .value{color:var(--text);font-weight:600;font-variant-numeric:tabular-nums}.server-block{padding:8px 10px;background:var(--bg-card);border-radius:8px;margin-bottom:8px}.server-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px;font-size:12px;font-weight:600}.status-pill{font-size:10px;padding:1px 8px;border-radius:999px;background:#3ddc971f;color:var(--ok)}.status-pill.warn{background:#f5b9421f;color:var(--warn)}.status-pill.danger{background:#ff5f6d1f;color:var(--danger)}.metrics-foot{padding:12px 16px;font-size:11px;color:var(--text-dim);line-height:1.5}.palette{position:absolute;top:14px;left:14px;width:190px;max-height:calc(100% - 28px);overflow-y:auto;background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius);padding:12px;z-index:15;display:flex;flex-direction:column;gap:8px;box-shadow:0 8px 28px #0006}.palette-title{font-size:12px;font-weight:600;color:var(--text-dim);padding-bottom:4px;border-bottom:1px solid var(--border)}.palette-item{display:flex;align-items:center;gap:8px;padding:7px 8px;border-radius:8px;background:var(--bg-card);border:1px solid var(--border);cursor:grab;transition:background .15s,border-color .15s}.palette-item:hover{background:#232b3e;border-color:var(--accent-dim)}.palette-dot{width:12px;height:12px;border-radius:4px;flex-shrink:0}.palette-dot.client{background:#4f8cff}.palette-dot.lb{background:#f5b942}.palette-dot.api-gateway{background:#e8942c}.palette-dot.server{background:#8b5cf6}.palette-dot.database{background:#3ddc97}.palette-dot.sqs{background:#22d3ee}.palette-dot.sns{background:#e0577f}.palette-dot.s3{background:#e76f51}.palette-dot.dynamodb{background:#3a5f8a}.palette-dot.cloudfront{background:#6f9df5}.palette-dot.cloudwatch{background:#f5c542}.palette-dot.kafka{background:#7a6ff0}.palette-dot.kinesis{background:#3ddc97}.palette-dot.opensearch{background:#005eb8}.palette-dot.redis{background:#d82c20}.palette-dot.lambda{background:#f90}.palette-dot.llm{background:#8b5cf6}.palette-dot.vector-db{background:#0d9488}.palette-body{flex:1;min-width:0}.palette-unused{opacity:.65}.placed-count{float:right;font-size:10px;font-weight:600;color:var(--text);background:var(--bg-panel);border:1px solid var(--border);border-radius:999px;padding:1px 7px}.placed-count.zero{color:var(--text-dim);background:transparent;border-style:dashed}.palette-name{font-size:12px;font-weight:600}.palette-hint{font-size:10px;color:var(--text-dim)}.palette-help{font-size:10px;color:var(--text-dim);padding-top:4px;border-top:1px solid var(--border)}.react-flow__handle{width:10px;height:10px;background:var(--accent);border:2px solid var(--bg-panel)}.react-flow__handle-left{left:-5px}.react-flow__handle-right{right:-5px}.connect-toast{position:absolute;top:14px;left:50%;transform:translate(-50%);z-index:30;display:flex;align-items:center;gap:10px;max-width:440px;background:#24141c;border:1px solid rgba(255,95,109,.55);color:#ffd7dc;font-size:12.5px;line-height:1.45;padding:9px 12px;border-radius:10px;box-shadow:0 8px 28px #00000073;animation:toastIn .18s ease}@keyframes toastIn{0%{opacity:0;transform:translate(-50%) translateY(-6px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.ct-close{flex-shrink:0;border:none;background:none;color:#ff9aa5;font-size:14px;line-height:1;padding:2px 4px;border-radius:6px;cursor:pointer}.ct-close:hover{color:#fff}.control-bar{width:320px;flex-shrink:0;background:var(--bg-panel);border-right:1px solid var(--border);display:flex;flex-direction:column;height:100%;overflow-y:auto;transition:width .2s ease}.control-bar.collapsed{width:46px;align-items:center;padding-top:10px;gap:6px;overflow:visible}.rail-btn{width:34px;height:34px;padding:0;font-size:15px;line-height:1;border-radius:9px;display:flex;align-items:center;justify-content:center;color:var(--text-dim)}.rail-btn:hover{color:var(--text);border-color:#4f8cff8c}.bar-header{padding:14px 16px 10px;border-bottom:1px solid var(--border)}.bar-header-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.collapse-btn{width:26px;height:26px;flex-shrink:0;padding:0;font-size:15px;line-height:1;border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--text-dim)}.collapse-btn:hover{color:var(--text);border-color:#ff5f6d80}.bar-header h1{margin:0;font-size:17px;letter-spacing:.3px}.bar-header p{margin:2px 0 0;font-size:12px;color:var(--text-dim)}.section{padding:14px 16px;border-bottom:1px solid var(--border)}.section h2{margin:0 0 10px;font-size:12px;text-transform:uppercase;letter-spacing:.8px;color:var(--text-dim)}.field{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;gap:10px}.field label{font-size:13px;color:var(--text)}.field .value{font-variant-numeric:tabular-nums;font-weight:600;font-size:14px;min-width:42px;text-align:right}input[type=range]{width:100%;accent-color:var(--accent)}select{background:var(--bg-card);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:6px 8px;font-size:13px}button{background:var(--bg-card);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:7px 12px;font-size:13px;cursor:pointer;transition:background .15s,border-color .15s}button:hover{background:#232b3e}button.primary{background:var(--accent);border-color:var(--accent);color:#fff}button.danger{background:var(--danger);border-color:var(--danger);color:#fff}button.success{background:var(--success);border-color:var(--success);color:#fff}button.secondary{background:#94a3cd0f;border-color:var(--border);color:var(--text-dim)}.row{display:flex;gap:8px;flex-wrap:wrap}.hint{font-size:11px;color:var(--text-dim);line-height:1.5;margin-top:6px}.status-badge{display:inline-flex;align-items:center;gap:6px;font-size:10px;padding:2px 8px;border-radius:999px;background:var(--bg-card);border:1px solid var(--border)}.status-badge:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--ok)}.status-badge.warn:before{background:var(--warn)}.status-badge.danger:before{background:var(--danger)}.react-flow__controls{box-shadow:0 2px 8px #0006}.react-flow__controls-button{background:var(--bg-card)!important;border-bottom:1px solid var(--border)!important;fill:var(--text)!important}.guide{position:absolute;left:16px;bottom:16px;width:340px;background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px;box-shadow:0 8px 28px #00000080;z-index:20}.guide h4{margin:4px 0 6px;font-size:15px}.guide p{margin:0 0 12px;font-size:12.5px;line-height:1.55;color:var(--text-dim)}.guide-head{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--text-dim)}.guide-close{background:none;border:none;font-size:18px;padding:0 4px;color:var(--text-dim)}.guide-nav{display:flex;gap:8px;justify-content:flex-end}.guide-fab{position:absolute;left:16px;bottom:16px;z-index:20;background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 6px 20px #0006}.design-row{display:flex;flex-direction:column;gap:2px;width:100%;text-align:left;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:8px 10px;margin-bottom:6px;color:var(--text);cursor:pointer;transition:border-color .15s ease,background .15s ease}.design-row:hover{border-color:var(--accent);background:var(--bg-panel)}.design-name{font-weight:600;font-size:12.5px}.design-blurb{font-size:11px;color:var(--text-dim)}.service-icon{flex-shrink:0;vertical-align:middle;margin-right:6px}.group{border-bottom:1px solid var(--border)}.group summary{cursor:pointer;padding:11px 16px;font-size:12px;text-transform:uppercase;letter-spacing:.7px;color:var(--text-dim);-webkit-user-select:none;user-select:none;list-style:none;display:flex;justify-content:space-between;align-items:center}.group summary::-webkit-details-marker{display:none}.group summary:after{content:"▾";font-size:10px;opacity:.6;transition:transform .15s ease}.group details[open] summary:after{transform:rotate(180deg)}.group details[open] summary{color:var(--text)}.group-body{padding:0 16px 12px}.check-label{display:flex;align-items:center;gap:8px;font-size:13px;cursor:pointer}.cap-table{width:100%;border-collapse:collapse;font-size:11px;margin:6px 0}.cap-table th,.cap-table td{padding:4px 6px;text-align:right;border-bottom:1px solid var(--border);font-variant-numeric:tabular-nums}.cap-table th:first-child,.cap-table td:first-child{text-align:left}.cap-table th{color:var(--text-dim);font-weight:600}.cap-sub{display:block;font-size:9px;color:var(--text-dim);font-weight:400}.event-log{position:absolute;right:16px;bottom:16px;width:clamp(280px,32vw,420px);background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 8px 28px #00000080;z-index:15;display:flex;flex-direction:column;max-height:220px}.event-log-header{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;border-bottom:1px solid var(--border);font-size:11px;text-transform:uppercase;letter-spacing:.7px;color:var(--text-dim)}.event-log-body{overflow-y:auto;padding:6px 0}.ev-line{display:flex;gap:8px;padding:4px 12px;font-size:12px;line-height:1.45;align-items:flex-start}.ev-dot{width:7px;height:7px;border-radius:50%;margin-top:4px;flex-shrink:0;background:var(--text-dim)}.ev-good .ev-dot{background:var(--ok)}.ev-warn .ev-dot{background:var(--warn)}.ev-bad .ev-dot{background:var(--danger)}.ev-info .ev-dot{background:var(--accent-soft, #5b7cf0)}.ev-tone-g .ev-text,.ev-good .ev-text{color:var(--text)}.ev-bad .ev-text{color:#ff9d9d}.ev-warn .ev-text{color:var(--warn)}.ev-placeholder{padding:10px 12px;font-size:12px;color:var(--text-dim)}.notes-page{display:flex;height:100%;overflow:hidden}.notes-sidebar{width:260px;flex-shrink:0;background:var(--bg-panel);border-right:1px solid var(--border);height:100%;overflow-y:auto;display:flex;flex-direction:column}.notes-sidebar-header{padding:16px;border-bottom:1px solid var(--border)}.notes-sidebar-header h3{margin:0 0 4px;font-size:15px;font-weight:700}.notes-sidebar-header p{margin:0;font-size:11px;color:var(--text-dim)}.notes-search{margin:12px 12px 8px;padding:8px 10px;font-size:12px;font-family:inherit;color:var(--text);background:var(--bg-card);border:1px solid var(--border);border-radius:8px;outline:none;transition:border-color .15s}.notes-search:focus{border-color:var(--accent)}.notes-search::placeholder{color:var(--text-dim)}.notes-topic-meta{margin-bottom:6px}.notes-topic-badge{display:inline-block;font-size:10px;font-weight:600;color:var(--accent-read);background:#4f8cff1a;border:1px solid rgba(79,140,255,.25);border-radius:999px;padding:2px 10px;cursor:pointer}.notes-topic-badge:hover{background:#4f8cff2e}.notes-topic-idx{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:18px}.notes-chip{font-size:11px;font-weight:500;padding:4px 10px;border-radius:999px;background:var(--bg-card);border:1px solid var(--border);color:var(--text-dim);cursor:pointer;transition:color .15s,border-color .15s}.notes-chip:hover{color:var(--text);border-color:var(--accent)}.notes-try-btn{margin-top:10px;font-size:11.5px;font-weight:600;padding:6px 12px;border-radius:8px;border:none;background:var(--accent-grad);color:#fff;cursor:pointer;transition:transform .15s ease,box-shadow .2s ease}.notes-try-btn:hover{transform:translateY(-1px);box-shadow:0 6px 18px #4f8cff59}.notes-empty{padding:40px 0}.notes-empty h2{margin-bottom:8px}.notes-empty p{color:var(--text-dim);font-size:13.5px}.notes-section-btn{display:flex;align-items:center;gap:8px;width:100%;padding:10px 16px;border:none;border-bottom:1px solid var(--border);background:none;color:var(--text-dim);font-size:13px;font-weight:500;cursor:pointer;text-align:left;transition:background .15s,color .15s}.notes-section-btn:hover{background:var(--bg-card);color:var(--text)}.notes-section-btn.active{background:#4f8cff1a;color:var(--accent);border-left:3px solid var(--accent)}.notes-section-icon{font-size:14px;flex-shrink:0}.notes-section-title{flex:1}.notes-back-btn{margin:12px 16px;padding:8px 12px;font-size:12px;color:var(--text-dim);border:1px solid var(--border);border-radius:8px;background:none;cursor:pointer;transition:background .15s,color .15s}.notes-back-btn:hover{background:var(--bg-card);color:var(--text)}.notes-content{flex:1;overflow-y:auto;padding:24px 32px;max-width:800px}.notes-content h2{font-size:24px;font-weight:700;margin:0 0 20px;letter-spacing:-.02em}.notes-topic{margin-bottom:20px;padding:16px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius)}.notes-topic h4{margin:0 0 8px;font-size:15px;font-weight:600;color:var(--accent)}.notes-topic p{margin:0;font-size:13.5px;line-height:1.65;color:var(--text-dim)}.auth-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:20px;background:#05070cb8;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:auth-fade .16s ease-out}@keyframes auth-fade{0%{opacity:0}to{opacity:1}}.auth-card{position:relative;width:100%;max-width:380px;padding:26px 26px 22px;background:var(--bg-panel);border:1px solid var(--border);border-radius:16px;box-shadow:0 24px 60px #0000008c}.auth-close{position:absolute;top:10px;right:12px;border:none;background:none;color:var(--text-dim);font-size:20px;line-height:1;cursor:pointer;padding:4px 8px;border-radius:8px}.auth-close:hover{color:var(--text);background:#94a3cd1a}.auth-brand{width:42px;height:42px;border-radius:12px;background:var(--accent-grad);margin-bottom:16px;box-shadow:0 0 24px #4f8cff73}.auth-title{margin:0 0 6px;font-size:20px;font-weight:700;letter-spacing:-.02em}.auth-sub{margin:0 0 18px;font-size:12.5px;line-height:1.55;color:var(--text-dim)}.auth-label{display:block;font-size:11.5px;font-weight:600;color:var(--text-dim);margin:12px 0 5px}.auth-input{width:100%;padding:9px 12px;font-size:13.5px;color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:9px;outline:none;box-sizing:border-box;transition:border-color .15s}.auth-input:focus{border-color:var(--accent)}.auth-error{margin-top:12px;padding:8px 11px;font-size:12px;line-height:1.5;color:#ff8fa3;background:#ff47571a;border:1px solid rgba(255,71,87,.35);border-radius:8px}.auth-notice{margin-top:12px;padding:8px 11px;font-size:12px;line-height:1.5;color:var(--accent-read);background:#4fd2ff14;border:1px solid rgba(79,210,255,.3);border-radius:8px}.auth-submit{width:100%;margin-top:18px;padding:10px 14px;font-size:13.5px;font-weight:600;color:#fff;background:var(--accent-grad);border:none;border-radius:10px;cursor:pointer;transition:filter .15s,opacity .15s}.auth-submit:hover{filter:brightness(1.12)}.auth-submit:disabled{opacity:.6;cursor:default}.auth-switch{margin-top:16px;font-size:12px;text-align:center;color:var(--text-dim)}.auth-switch button{border:none;background:none;color:var(--accent-read);font-size:inherit;font-weight:600;cursor:pointer;padding:2px 4px}.auth-switch button:hover{text-decoration:underline}.nav-gap{flex:1}.nav-user{display:flex;align-items:center;gap:6px;margin-left:8px}.nav-user-email{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;color:var(--text-dim)}.nav-login{margin-left:8px;padding:7px 14px;font-size:13px;font-weight:600;color:#fff;background:var(--accent-grad);border:none;border-radius:9px;cursor:pointer;transition:filter .15s}.nav-login:hover{filter:brightness(1.12)}.flow-section{display:flex;flex-direction:column;gap:8px;margin:0 0 10px;padding:12px 14px;background:var(--bg-card);border:1px solid var(--border);border-radius:12px}.flow-name-row{display:flex;align-items:center;gap:6px}.flow-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;font-weight:600}.flow-rename-btn{flex-shrink:0;border:none;background:none;color:var(--text-dim);font-size:13px;padding:2px 6px;border-radius:7px;cursor:pointer}.flow-rename-btn:hover{color:var(--text);background:#94a3cd1f}.flow-name-input{flex:1;min-width:0;padding:7px 10px;font-size:13px;color:var(--text);background:var(--bg);border:1px solid var(--accent-dim);border-radius:8px;outline:none}.flow-name-input:focus{border-color:var(--accent)}.flow-save-btn{width:100%;padding:8px 12px;font-size:13px;font-weight:600;color:#fff;background:var(--accent-grad);border:none;border-radius:9px;cursor:pointer;transition:filter .15s}.flow-save-btn:hover{filter:brightness(1.12)}.flow-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:150;display:flex;align-items:center;justify-content:center;padding:20px;background:#05070cb8;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.flow-card{width:100%;max-width:340px;padding:22px;background:var(--bg-panel);border:1px solid var(--border);border-radius:14px;box-shadow:0 24px 60px #0000008c}.flow-card-title{margin:0 0 4px;font-size:16px;font-weight:700}.flow-card .flow-name-input{width:100%;box-sizing:border-box;margin-top:12px}.flow-card-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}.flow-card-actions button{padding:8px 14px;font-size:12.5px;font-weight:600;border-radius:8px;border:1px solid var(--border);cursor:pointer}.sim-node{position:relative;min-width:190px;max-width:230px;border-radius:var(--radius);background:var(--bg-card);border:1px solid var(--border);padding:10px 12px;font-size:12px;color:var(--text);transition:border-color .2s,box-shadow .2s;-webkit-user-select:none;user-select:none}.sim-node.saturated{border-color:var(--danger);box-shadow:0 0 0 2px #ff5f6d40,0 0 18px #ff5f6d40;animation:dangerPulse 1.1s ease-in-out infinite}.sim-node.api-gateway-node{border-color:#e8942c73}.sim-node.sns-node{border-color:#e0577f73}.sim-node.s3-node{border-color:#e76f5180}.sim-node.dynamo-node{border-color:#3a5f8a80}.sim-node.cloudfront-node{border-color:#6f9df580}.sim-node.cloudwatch-node{border-color:#f5c54273}.sim-node.kafka-node{border-color:#7a6ff080}.sim-node.kinesis-node{border-color:#3ddc9780}.sim-node.opensearch-node{border-color:#005eb88c}.sim-node.degraded{border-color:var(--warn)}.sim-node.down-node,.sim-node.down{opacity:.55;filter:grayscale(.6)}@keyframes dangerPulse{0%,to{box-shadow:0 0 0 2px #ff5f6d40,0 0 12px #ff5f6d33}50%{box-shadow:0 0 0 3px #ff5f6d73,0 0 24px #ff5f6d66}}.node-title{font-weight:600;margin-bottom:4px}.node-delete{position:absolute;top:4px;right:4px;width:20px;height:20px;line-height:1;padding:0;border-radius:50%;border:1px solid var(--border);background:var(--bg-card);color:var(--text-dim);font-size:13px;cursor:pointer;display:flex;align-items:center;justify-content:center}.node-delete:hover{color:var(--danger);border-color:var(--danger)}.node-act{position:absolute;top:4px;right:26px;width:20px;height:20px;line-height:1;padding:0;border-radius:50%;border:1px solid var(--border);background:var(--bg-card);color:var(--text-dim);font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center}.node-act:hover{color:var(--accent);border-color:var(--accent)}.node-tag{font-size:10px;color:var(--accent);padding:1px 6px;background:#4f8cff1f;border-radius:6px;display:inline-block;margin-bottom:6px}.node-stat{display:flex;justify-content:space-between;gap:6px;padding:2px 0}.node-stat .big{font-size:16px;font-weight:700;font-variant-numeric:tabular-nums}.node-stat .dim{color:var(--text-dim);font-size:11px;align-self:flex-end}.node-bar{height:8px;border-radius:4px;background:#1a1f2c;overflow:hidden;margin:4px 0 6px}.node-bar-fill{height:100%;background:var(--ok);border-radius:4px;transition:width .15s ease,background-color .2s}.node-bar-fill.warn{background:var(--warn)}.node-bar-fill.danger{background:var(--danger)}.node-actions{display:flex;justify-content:flex-end;gap:6px;margin-top:6px}.node-action-btn{font-size:10px;padding:2px 8px}.node-action-btn.active{background:var(--accent-read);color:#0b0f14;border-color:var(--accent-read)}.node-action-btn.suggest{border-color:var(--danger);color:var(--danger);animation:suggest-pulse 1.6s ease-in-out infinite}@keyframes suggest-pulse{0%,to{box-shadow:0 0 #ef444459}50%{box-shadow:0 0 0 4px #ef444414}}.node-diag{margin-top:6px;padding:6px 8px;border:1px solid rgba(239,68,68,.45);border-radius:8px;background:#ef444414;font-size:10px;line-height:1.45}.node-diag-title{font-weight:600;color:var(--danger)}.node-diag-line{color:var(--text);margin-top:2px}.node-diag-fix{color:var(--warn);margin-top:2px}@media(prefers-reduced-motion:reduce){.node-action-btn.suggest{animation:none;border-color:var(--warn);color:var(--warn)}}.node-stat .warn-text{color:var(--warn)}.node-stat .danger-text{color:var(--danger)}.node-row{display:flex;justify-content:space-between;align-items:center;gap:6px;margin-top:6px}.node-inline-label{font-size:10px;color:var(--text-dim);flex-shrink:0}.node-foot{margin-top:4px;font-size:10px}.node-select{width:100%;font-size:10px;padding:2px 4px;color:var(--text);background:var(--bg-card);border:1px solid var(--border);border-radius:6px}.shard-strip{display:grid;gap:6px;margin:8px 0}.shard-cell .node-bar{margin-bottom:0}.shard-cell{display:flex;align-items:center;gap:8px}.shard-tag{font-size:10px;color:var(--text-dim);width:44px;flex-shrink:0;font-variant-numeric:tabular-nums}.node-rename{right:48px}.node-rename-input{position:absolute;top:4px;left:4px;right:4px;z-index:5;font-size:12px;font-weight:600;padding:4px 6px;border-radius:6px;border:1px solid var(--accent);background:var(--bg-card);color:var(--text)}.node-steppers{display:grid;grid-template-columns:1fr 1fr;gap:4px 8px;margin:8px 0}.node-stepper{display:flex;align-items:center;gap:4px;font-size:10px;min-width:0}.ns-label{color:var(--text-dim);font-size:10px;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ns-btn{width:18px;height:18px;line-height:1;padding:0;border-radius:5px;border:1px solid var(--border);background:var(--bg-card);color:var(--text);font-size:11px;cursor:pointer;flex-shrink:0;display:flex;align-items:center;justify-content:center}.ns-btn:hover{border-color:var(--accent);color:var(--accent)}.ns-value{min-width:36px;text-align:center;font-variant-numeric:tabular-nums;color:var(--text)}.ns-select{min-width:0;flex-shrink:0;background:var(--bg-card);color:var(--text);border:1px solid var(--border);border-radius:5px;font-size:10px;font-family:inherit;padding:2px 4px;cursor:pointer}.ns-select:hover{border-color:var(--accent)}.node-toggle{display:inline-flex;align-items:center;gap:6px;font-size:11px;padding:3px 10px;border-radius:999px;border:1px solid var(--border);background:var(--bg-card);color:var(--text-dim);cursor:pointer;margin:2px 0 6px}.node-toggle .nt-dot{width:8px;height:8px;border-radius:50%;background:var(--text-dim)}.node-toggle.on{background:#4f8cff26;border-color:var(--accent);color:var(--accent)}.node-toggle.on .nt-dot{background:var(--ok)}.shard-block{border:1px solid var(--border);border-radius:8px;padding:6px 8px;margin:6px 0;background:var(--bg-card)}.shard-block-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.shard-block-head .shard-tag{width:auto;color:var(--text);font-weight:600}.shard-block-head .shard-tag.hot{color:var(--warn)}.shard-waiting{font-size:10px;color:var(--warn)}.pool-row{display:grid;grid-template-columns:74px 1fr 42px;align-items:center;gap:6px}.pool-row .node-bar{margin:3px 0}.pool-label{font-size:10px;color:var(--text-dim);white-space:nowrap}.pl-w{color:#8ab4ff}.pl-r{color:#7fe08a}.pool-count{font-size:10px;text-align:right;font-variant-numeric:tabular-nums;color:var(--text)}.react-flow__edge-path{transition:stroke .2s}@keyframes dash-fade{0%{stroke-dashoffset:0}to{stroke-dashoffset:-32}}.edge-label .edge-semantic{fill:#7b8496;font-size:9px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;font-family:Segoe UI,system-ui,sans-serif;text-anchor:middle;paint-order:stroke;stroke:#0f1117e6;stroke-width:3px;pointer-events:none;-webkit-user-select:none;user-select:none}.edge-label .edge-ms{fill:#9aa3b5;font-size:10px;font-family:Segoe UI,system-ui,sans-serif;text-anchor:middle;paint-order:stroke;stroke:#0f1117d9;stroke-width:3px;pointer-events:none;-webkit-user-select:none;user-select:none}.edge-label .edge-cachehit{fill:var(--accent-read);font-size:9px;font-weight:600;font-family:Segoe UI,system-ui,sans-serif;text-anchor:middle;pointer-events:none;-webkit-user-select:none;user-select:none}.edge-label .edge-cachemiss{fill:var(--warn);font-size:9px;font-weight:600;font-family:Segoe UI,system-ui,sans-serif;text-anchor:middle;pointer-events:none;-webkit-user-select:none;user-select:none}.edge-label .edge-custom{fill:var(--accent-read);font-size:11px;font-weight:700;letter-spacing:.02em;font-family:Segoe UI,system-ui,sans-serif;text-anchor:middle;paint-order:stroke;stroke:#0f1117eb;stroke-width:3.5px;pointer-events:none;-webkit-user-select:none;user-select:none}.edge-editor{position:absolute;top:14px;left:50%;transform:translate(-50%);z-index:20;display:flex;flex-direction:column;gap:6px;padding:10px 12px;background:var(--bg-panel);border:1px solid var(--accent-read);border-radius:10px;box-shadow:0 8px 28px #00000073;min-width:320px}.edge-editor-title{font-size:11px;font-weight:600;color:var(--text-dim)}.edge-editor-input{font-size:12px;padding:5px 8px;color:var(--text);background:var(--bg-card);border:1px solid var(--border);border-radius:6px;outline:none}.edge-editor-input:focus{border-color:var(--accent-read)}.edge-editor-actions{display:flex;gap:6px;justify-content:flex-end}.edge-editor-remove{margin-left:8px;border-color:var(--danger);color:var(--danger)}.edge-editor-remove:hover{background:var(--danger);color:#0b0f14;border-color:var(--danger)}