.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:light;--bg: #f3f1ec;--panel: #fffdf8;--ink: #1c1916;--muted: #6d645b;--line: #e4ddd4;--red: #c43c2c;--red-soft: #fde8e4;--yellow: #b78100;--yellow-soft: #fff3d1;--green: #2d7a46;--green-soft: #e4f4ea;--accent: #2f5d8c;--accent-ink: #fff;--shadow: 0 10px 30px rgba(40, 28, 18, .08);font-family:IBM Plex Sans,ui-sans-serif,system-ui,-apple-system,sans-serif;line-height:1.4;font-weight:450;color:var(--ink);background:var(--bg)}*{box-sizing:border-box}html,body,#root{margin:0;height:100%}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}code,.mono{font-family:IBM Plex Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.86em}.app{height:100%;display:grid;grid-template-rows:auto 1fr}.topbar{display:flex;align-items:center;gap:12px;padding:10px 16px;background:var(--panel);border-bottom:1px solid var(--line);flex-wrap:wrap;row-gap:8px}.topbar-file,.topbar-feedback{display:flex;align-items:center;gap:8px;flex-shrink:0}.feedback-btn{display:inline-flex;align-items:center;gap:6px}.feedback-icon{flex:none}.mcp-dot{width:8px;height:8px;border-radius:50%;background:var(--red);flex:none}.mcp-dot.is-on{background:var(--green)}.modal.modal-mcp{height:auto;max-height:min(80vh,640px)}.mcp-modal-body{display:grid;gap:10px;padding:14px;overflow:auto;align-content:start}.mcp-modal-body .welcome-mcp-json{margin:0}@media(max-width:860px){.feedback-label{display:none}}.topbar h1{margin:0;font-size:18px;font-weight:600;letter-spacing:.01em}.topbar .spacer{flex:1}.topbar .crumb{color:var(--muted);font-size:14px}.locale-switch{display:inline-flex;align-items:center;flex-shrink:0}.locale-switch .btn{padding:4px 7px;font-size:12px;letter-spacing:.04em}.locale-switch .btn:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.locale-switch .btn+.btn{margin-left:-1px;border-top-left-radius:0;border-bottom-left-radius:0}.locale-switch .btn.primary{background:var(--ink);color:#fff;border-color:var(--ink)}.btn{border:1px solid var(--line);background:#fff;padding:6px 12px;border-radius:8px}.btn:hover{border-color:#cfc6ba}.btn.primary{background:var(--accent);color:var(--accent-ink);border-color:transparent}.btn.danger{color:var(--red)}.btn.ghost{background:transparent}.badge{display:inline-flex;align-items:center;gap:4px;border-radius:999px;padding:1px 8px;font-size:12px;font-family:IBM Plex Mono,ui-monospace,monospace}.badge.red{background:var(--red-soft);color:var(--red)}.badge.yellow{background:var(--yellow-soft);color:var(--yellow)}.view{min-height:0;overflow:auto}.wrap{max-width:1100px;margin:0 auto;padding:24px 20px 48px}.card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:16px 18px;box-shadow:var(--shadow);margin-bottom:16px}.card h2,.card h3{margin:0 0 12px}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.stack{display:grid;gap:10px}.field{display:grid;gap:4px}.field label,.muted{color:var(--muted);font-size:13px}.field input,.field select,.field textarea,input[type=text],input[type=url],select,textarea{width:100%;border:1px solid var(--line);border-radius:8px;padding:7px 10px;background:#fff}textarea{min-height:64px;resize:vertical}.title-input{font-size:20px;font-weight:600;border:0;background:transparent;padding:0;width:min(240px,100%)}.compact{display:grid;gap:6px}.compact.has-hole{outline:1px solid var(--red);outline-offset:4px;border-radius:8px}.compact-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;gap:6px;align-items:center}.compact-row:has(>:nth-child(5)){grid-template-columns:minmax(0,1fr) auto auto auto auto}.compact-row .kind{color:var(--muted);font-size:13px;min-width:88px}.compact-row input,.compact-row select{width:100%;min-width:0}.compact-row.design-row{grid-template-columns:88px minmax(0,1fr);align-items:start}.hole-list{margin:0;padding:0;list-style:none;display:grid;gap:6px}.hole-list li{display:flex;gap:8px;align-items:flex-start;font-size:14px}.dot{width:8px;height:8px;border-radius:50%;margin-top:6px;flex:none}.dot.red{background:var(--red)}.dot.yellow{background:var(--yellow)}.badge.green{background:var(--green-soft);color:var(--green)}details.extra summary,details summary{cursor:pointer;color:var(--muted);font-size:13px}.action-preview{display:grid;gap:2px;min-width:0}.action-preview.button{border:1px solid #cfc6ba;border-radius:8px;background:#f4efe7;padding:4px 8px}.action-preview.item{border:1px dashed #d2c9bd;border-radius:6px;padding:4px 8px}.action-preview .action-kind{font-size:10px;color:var(--muted)}.action-preview input{border:0;background:transparent;padding:0}.branch-list{display:grid;gap:6px;padding-left:2px}.branch-row{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.branch-row select,.branch-row input{width:auto;min-width:0;flex:1}table.data{width:100%;border-collapse:collapse;font-size:14px}table.data th,table.data td{text-align:left;padding:8px 6px;border-bottom:1px solid var(--line);vertical-align:top}table.data th{color:var(--muted);font-weight:500}.scenario-layout{height:100%;display:grid;grid-template-columns:1fr 380px;min-height:0}.scenario-main{min-width:0;min-height:0;display:grid;grid-template-rows:auto 1fr}.scenario-toolbar{display:flex;gap:8px;align-items:center;padding:8px 12px;border-bottom:1px solid var(--line);background:var(--panel)}.scenario-toolbar .title-input{width:min(280px,40%);font-size:16px}.dock{min-width:0;min-height:0;overflow:auto;border-left:1px solid var(--line);background:var(--panel);padding:12px 12px 32px}.dock .lint-panel{border:0;height:auto}.dock .card{box-shadow:none}.picker{position:relative}.picker-menu{position:absolute;top:calc(100% + 4px);left:0;z-index:15;min-width:180px;padding:6px;background:var(--panel);border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow)}.scenario-row{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}.scenario-open{border:0;background:transparent;text-align:left;display:grid;gap:2px;padding:0}.scenario-open:hover strong{color:var(--accent)}.canvas-hint{position:absolute;inset:0;display:grid;place-items:center;text-align:center;color:var(--muted);pointer-events:none;padding:24px;font-size:15px}.hide-narrow{font-size:12px}@media(max-width:1100px){.hide-narrow{display:none}}.canvas-host{min-height:0;height:100%;background:#efebe3;position:relative}.canvas-host.is-exporting .react-flow__handle,.canvas-host.is-exporting .react-flow__controls,.canvas-host.is-exporting .align-bar,.canvas-host.is-exporting .canvas-hint,.canvas-host.is-exporting .node-drag,.canvas-host.is-exporting .react-flow__selection,.canvas-host.is-exporting .react-flow__nodesselection,.canvas-host.is-exporting .react-flow__edgeupdater{visibility:hidden!important}.canvas-host.is-exporting .decision-node .diamond{filter:none!important}.canvas-host.is-exporting .react-flow__edge-path{stroke:#6d645b!important;stroke-width:1.5!important;fill:none!important}.connect-menu{position:fixed;z-index:40;min-width:188px;max-height:calc(100vh - 16px);overflow-y:auto;overscroll-behavior:contain;padding:6px;background:var(--panel);border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow)}.connect-menu-title{padding:6px 10px 4px;font-size:12px;color:var(--muted)}.connect-menu-item{display:block;width:100%;text-align:left;border:0;background:transparent;padding:7px 10px;border-radius:7px}.connect-menu-item:hover{background:#f6f1ea}.canvas-host .react-flow{width:100%;height:100%}.lint-panel{border-left:1px solid var(--line);background:var(--panel);display:grid;grid-template-rows:auto auto 1fr;min-height:0}.lint-panel .head{padding:12px 14px 8px}.lint-panel .filters{padding:0 14px 8px;display:flex;gap:6px}.lint-list{overflow:auto;padding:0 8px 12px}.lint-item{width:100%;text-align:left;border:0;background:transparent;padding:8px 6px;border-radius:8px}.lint-item:hover{background:#f6f1ea}.lint-item .msg{font-size:13px}.lint-item .meta{font-size:11px;color:var(--muted);margin-top:2px}.drawer-backdrop{position:fixed;inset:0;background:#1c191647;display:flex;justify-content:flex-end;z-index:20}.drawer{width:min(560px,100%);height:100%;background:var(--panel);border-left:1px solid var(--line);overflow:auto;padding:18px 18px 40px;box-shadow:var(--shadow)}.node-drag{display:flex;align-items:center;justify-content:center;height:18px;margin:-2px 0 4px;color:#b7aea4;cursor:grab;letter-spacing:1px;font-size:14px;line-height:1;-webkit-user-select:none;user-select:none}.node-drag:active{cursor:grabbing}.flow-move .react-flow__node{cursor:grab}.flow-move .react-flow__node:active{cursor:grabbing}.flow-move input,.flow-move select,.flow-move textarea,.flow-move .nodrag,.flow-move .edge-label,.flow-move .react-flow__handle{pointer-events:none}.screen-node{background:#fff;border:1.5px solid #d7cfc4;border-radius:12px;padding:10px 12px 12px;width:228px;box-shadow:0 6px 16px #281c120f}.screen-node.is-red{border-color:var(--red)}.screen-node.is-yellow{border-color:var(--yellow)}.screen-node.is-ok{border-color:var(--green)}.screen-node .type{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.screen-node .name{font-weight:650;margin:2px 0 6px}.screen-node .badges{display:flex;gap:4px;margin-bottom:8px}.screen-node .action-empty{color:var(--muted);font-size:12px}.screen-node .action-list{display:grid;gap:6px}.screen-node .action-row{position:relative;padding-right:4px}.screen-node .action-face{display:grid;gap:1px;padding:5px 8px;font-size:12px;line-height:1.25}.screen-node .action-kind{font-size:10px;color:var(--muted);letter-spacing:.02em}.screen-node .action-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.screen-node .action-face.button{border:1px solid #cfc6ba;border-radius:8px;background:#f4efe7;text-align:center}.screen-node .action-face.item{border:1px dashed #d2c9bd;border-radius:6px;background:#faf7f2}.screen-node .action-face.link{padding-left:0;padding-right:0}.screen-node .action-face.link .action-label{text-decoration:underline}.screen-node .action-face.icon,.screen-node .action-face.field{color:var(--muted);padding:2px 0}.react-flow__handle{width:12px;height:12px;background:var(--accent);border:2px solid #fff}.react-flow__handle:hover{transform:scale(1.15)}.port{opacity:0;z-index:3}.port-anchor{pointer-events:none}.port-in{background:#3b6ea8}.port-out{background:#2a8a6e}.port-in.port-top{left:36%}.port-out.port-top{left:64%}.port-in.port-bottom{left:36%}.port-out.port-bottom{left:64%}.port-in.port-left{top:36%}.port-out.port-left{top:64%}.port-in.port-right{top:36%}.port-out.port-right{top:64%}.decision-node .port-in.port-top,.decision-node .port-out.port-top,.decision-node .port-in.port-bottom,.decision-node .port-out.port-bottom{left:50%}.decision-node .port-in.port-left,.decision-node .port-out.port-left,.decision-node .port-in.port-right,.decision-node .port-out.port-right{top:50%}.react-flow__node:hover .port,.flow-linking .port{opacity:1}.screen-node .action-row .react-flow__handle{right:-16px;top:50%;transform:translateY(-50%);opacity:0}.react-flow__node:hover .action-row .react-flow__handle,.flow-linking .action-row .react-flow__handle{opacity:1}.react-flow__node-decision{overflow:visible}.decision-node{position:relative;width:124px;height:124px;overflow:visible}.decision-node .diamond{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;filter:drop-shadow(0 6px 16px rgba(40,28,18,.06))}.decision-node .diamond polygon{fill:#fff6d8;stroke:#c9a227;stroke-width:2.4;stroke-linejoin:round}.decision-node.is-red .diamond polygon{stroke:var(--red)}.decision-node.is-yellow .diamond polygon{stroke:var(--yellow)}.decision-node.is-ok .diamond polygon{stroke:#c9a227}.decision-node .node-drag{position:absolute;top:22px;left:0;right:0;margin:0;z-index:2}.decision-q{position:absolute;z-index:1;left:22%;right:22%;top:38%;width:auto;height:auto;max-height:46%;border:0;background:transparent;text-align:center;font-weight:650;font-size:13px;line-height:1.2;resize:none;overflow:hidden;transform:translateY(-20%)}.decision-node.is-long .decision-q{font-size:11px;top:36%}.note-node{width:220px;height:auto;background:#fff4c8;border:1px solid #ead58a;border-radius:6px;box-shadow:0 8px 16px #281c1214;padding:8px 10px 10px}.note-node .note-kicker{font-size:10px;color:#9a7b2f;letter-spacing:.06em;text-transform:uppercase;margin-bottom:4px}.note-node textarea{display:block;width:100%;min-height:3.9em;overflow:hidden;border:0;padding:0;background:transparent;resize:none;outline:none;font:inherit;line-height:1.35}.flow-tb .screen-node .action-row{padding-right:0;padding-bottom:10px}.flow-tb .screen-node .action-row .react-flow__handle{inset:auto auto -8px 50%;transform:translate(-50%)}.edge-knob{position:absolute;pointer-events:all;z-index:32;width:16px;height:16px;padding:0;border:2px solid var(--accent);border-radius:50%;background:#fff;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;box-shadow:0 1px 4px #281c1233}.edge-knob:active{cursor:grabbing}.edge-label{position:absolute;pointer-events:all;cursor:pointer;width:108px;padding:2px 6px;border:1px solid #e4ddd4;border-radius:999px;background:#fffdf8;font-size:11px;text-align:center;box-shadow:0 4px 10px #281c120f}.edge-pop-wrap{position:absolute;pointer-events:all;z-index:30}.edge-pop{display:grid;gap:8px;width:196px;padding:8px 10px;border:1px solid var(--line);border-radius:12px;background:var(--panel);box-shadow:var(--shadow)}.edge-pop .seg{display:flex;gap:4px}.edge-pop .seg button{flex:1;border:1px solid var(--line);background:#fff;border-radius:8px;padding:4px 6px;font-size:12px}.edge-pop .seg button.is-on,.edge-pop .marks button.is-on{border-color:var(--accent);background:#eef4fa}.edge-pop .marks{display:grid;grid-template-columns:auto 1fr 1fr;gap:4px;align-items:center;font-size:11px;color:var(--muted)}.edge-pop .marks button{border:1px solid var(--line);background:#fff;border-radius:8px;padding:3px 6px;font-size:12px}.edge-pop label{display:grid;gap:4px;font-size:11px;color:var(--muted)}.edge-pop input[type=range]{width:100%}.face-node,.effect-node,.leave-node{background:#fff;border:1.5px solid #d7cfc4;border-radius:12px;padding:8px 10px 10px;width:188px}.face-node{width:260px}.face-node.has-shot{width:max-content;max-width:640px}.face-main{display:flex;align-items:flex-start;gap:8px}.face-main.shot-right{flex-direction:row-reverse}.face-body{min-width:236px;flex:1 1 248px}.face-node.has-shot .face-body{width:248px;flex:0 0 248px}.face-kicker{display:flex;align-items:center;justify-content:space-between;gap:8px}.face-side{display:flex;gap:2px}.face-side button{width:22px;height:20px;padding:0;border:1px solid transparent;background:transparent;border-radius:5px;color:var(--muted);font-size:12px;line-height:1}.face-side button.on{border-color:var(--line);background:#fff;color:var(--ink)}.face-shot{flex:0 0 auto;max-width:144px;max-height:210px}.face-shot .design-thumb-btn{display:block;width:auto;height:auto}.face-shot .design-thumb{width:auto;height:auto;max-width:144px;max-height:210px;object-fit:contain;object-position:top center}.face-node.is-red,.effect-node.is-red{border-color:var(--red)}.face-node.is-yellow,.effect-node.is-yellow{border-color:var(--yellow)}.face-node.is-ok,.effect-node.is-ok{border-color:var(--green)}.face-node .type,.leave-node .type{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.face-region,.face-name,.effect-name,.effect-text,.effect-kind{width:100%;border:0;background:transparent;padding:2px 0}.face-name,.effect-name,.leave-node .name{font-weight:650}.design-slot{margin-top:6px;display:grid;gap:4px}.design-thumb-btn{display:block;width:100%;padding:0;border:0;background:transparent;cursor:zoom-in}.design-thumb{display:block;width:100%;max-height:120px;object-fit:cover;border-radius:8px;border:1px solid #ead58a;background:#fff8dc;pointer-events:none}.screen-node .design-thumb{max-height:72px}.screen-node .design-thumb-btn{margin:6px 0}.design-lightbox{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:24px;background:#1c1610b8;cursor:zoom-out}.design-lightbox img{max-width:min(96vw,1200px);max-height:92vh;object-fit:contain;border-radius:8px;box-shadow:0 16px 48px #00000059;background:#111}.design-chip{display:block;font-size:11px;color:#3b6ea8;text-decoration:underline;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.design-bar{display:flex;gap:4px;align-items:center}.design-bar span{font-size:11px;color:#9a7b2f}.design-bar input{min-width:0;flex:1;border:0;background:transparent;padding:2px 0;font-size:11px}.design-slot.kind-empty .design-bar{border:1px dashed #d2c9bd;border-radius:6px;padding:2px 6px;background:#faf7f2}.align-bar{position:absolute;top:10px;left:50%;transform:translate(-50%);z-index:20;display:flex;gap:4px;align-items:center;padding:4px 8px;background:var(--panel);border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow)}.align-bar span{font-size:12px;color:var(--muted);padding:0 4px}.align-bar .btn{min-width:28px;padding:4px 8px}.react-flow__nodesselection-rect,.react-flow__selection{background:#3a6ea814;border:1px dashed var(--accent)}.face-add{margin-top:8px;width:100%;border:1px dashed #d2c9bd;background:#faf7f2;border-radius:8px;padding:5px 8px;font-size:12px;color:var(--muted);cursor:pointer}.face-action{display:grid;grid-template-columns:1fr 1fr;gap:4px}.face-action input,.face-action select{width:100%;border:1px solid var(--line);border-radius:6px;background:#fff;padding:3px 6px;font-size:11px}.face-action button{grid-column:1 / -1;justify-self:end;border:0;background:transparent;color:var(--red);padding:0 4px;cursor:pointer}.face-node .action-row{position:relative;margin-top:8px;padding-right:4px}.face-node .action-row .react-flow__handle{opacity:1;right:-14px;top:50%;transform:translateY(-50%);z-index:4}.flow-tb .face-node .action-row{padding-right:0;padding-bottom:10px}.flow-tb .face-node .action-row .react-flow__handle{inset:auto auto -8px 50%;transform:translate(-50%)}.effect-node.kind-request{background:#eef4fb;border-style:dashed}.effect-node.kind-snack{background:#fff6e8}.effect-node.kind-poll{background:#f3eefb;border-style:dashed}.outcome-list{display:grid;gap:4px;margin-top:8px}.outcome-row{position:relative;padding:5px 10px;border-radius:8px;font-size:12px;font-weight:600}.outcome-row.success{background:var(--green-soft);color:var(--green)}.outcome-row.error{background:var(--red-soft);color:var(--red)}.outcome-row .outcome-handle{opacity:1;right:-14px;top:50%;transform:translateY(-50%);z-index:4}.outcome-row.success .outcome-handle{background:var(--green)}.outcome-row.error .outcome-handle{background:var(--red)}.flow-tb .outcome-row{padding-bottom:10px}.flow-tb .outcome-row .outcome-handle{inset:auto auto -8px 50%;transform:translate(-50%)}.effect-node.kind-set,.effect-node.kind-stay{background:#f4f1ea;color:var(--muted)}.leave-node{border-style:dashed;background:#f7f3ec;width:160px}.md-preview{white-space:pre-wrap;background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:13px}.banner-error{background:var(--red-soft);color:var(--red);padding:8px 16px}.welcome{position:relative;isolation:isolate;min-height:0;overflow:auto;display:grid;place-items:center;padding:28px 20px 48px;background:radial-gradient(920px 520px at 88% 8%,rgba(196,60,44,.11),transparent 58%),radial-gradient(760px 480px at 6% 96%,rgba(47,93,140,.12),transparent 52%),linear-gradient(180deg,#f8f4ed,#efe7db)}.welcome-orb{position:absolute;z-index:0;pointer-events:none;border-radius:50%;filter:blur(28px);opacity:.7;animation:welcome-orb 14s ease-in-out infinite}.welcome-orb-a{width:280px;height:280px;right:8%;top:6%;background:#c43c2c38}.welcome-orb-b{width:240px;height:240px;left:4%;bottom:8%;background:#2f5d8c33;animation-delay:-5s}.welcome-grid{position:absolute;inset:0;z-index:0;pointer-events:none;background-image:linear-gradient(rgba(40,28,18,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(40,28,18,.045) 1px,transparent 1px);background-size:32px 32px;-webkit-mask-image:radial-gradient(ellipse at 70% 42%,#000 18%,transparent 72%);mask-image:radial-gradient(ellipse at 70% 42%,#000 18%,transparent 72%)}.welcome-stage{position:relative;z-index:1;width:min(1080px,100%);display:grid;grid-template-columns:minmax(0,1.05fr) minmax(280px,420px);gap:48px;align-items:center}.welcome-kicker{margin:0 0 10px;color:var(--accent);font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;animation:welcome-rise .7s cubic-bezier(.2,.8,.2,1) both}.welcome-headline{margin:0;font-size:clamp(28px,4.2vw,44px);line-height:1.12;font-weight:700;letter-spacing:-.03em;animation:welcome-rise .75s .06s cubic-bezier(.2,.8,.2,1) both}.welcome-lead{margin:14px 0 0;color:var(--muted);font-size:clamp(16px,2vw,20px);font-style:italic;animation:welcome-rise .75s .12s cubic-bezier(.2,.8,.2,1) both}.welcome-actions{display:flex;flex-wrap:wrap;gap:10px;margin:28px 0 18px;animation:welcome-rise .75s .2s cubic-bezier(.2,.8,.2,1) both}.welcome-cta{padding:10px 16px;border-radius:12px;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.welcome-cta:hover{transform:translateY(-2px)}.welcome-cta.primary{box-shadow:0 10px 22px #2f5d8c47}.welcome-demo{display:inline-flex;align-items:center;gap:8px;background:var(--panel)}.welcome-pulse{width:8px;height:8px;border-radius:50%;background:var(--red);box-shadow:0 0 #c43c2c8c;animation:welcome-beat 1.8s ease-out infinite}.welcome-mcp{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:12px 16px 16px;box-shadow:var(--shadow);animation:welcome-rise .75s .3s cubic-bezier(.2,.8,.2,1) both}.welcome-mcp summary{cursor:pointer;font-weight:600;list-style:none}.welcome-mcp summary::-webkit-details-marker{display:none}.welcome-mcp summary:after{content:"↘";float:right;color:var(--muted);transition:transform .2s ease}.welcome-mcp[open] summary:after{transform:rotate(90deg)}.welcome-mcp h3{margin:14px 0 8px;font-size:16px}.welcome-mcp-live{margin:8px 0 0;color:var(--green, #2f6b3a);font-size:13px}.welcome-mcp-json{margin:12px 0 0;padding:12px 14px;overflow:auto;background:#1c1916;color:#f0e7d8;border-radius:10px;font-size:12px;line-height:1.5}.welcome-graph{--tilt-x: 0deg;--tilt-y: 0deg;position:relative;display:flex;align-items:center;justify-content:center;min-height:280px;padding:28px 8px 36px;transform:perspective(900px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y));transform-style:preserve-3d;transition:transform .45s ease;animation:welcome-rise .9s .16s cubic-bezier(.2,.8,.2,1) both}.welcome-graph:hover{transition:transform .1s linear}.welcome-connector{width:92px;height:150px;flex:none;overflow:visible;transform:translateY(10px)}.welcome-wire{fill:none;stroke-width:2.2;stroke-linecap:round}.welcome-wire.ok{stroke:var(--accent);stroke-dasharray:140;stroke-dashoffset:140;animation:welcome-draw .9s .7s cubic-bezier(.2,.7,.2,1) forwards}.welcome-wire.hole{stroke:var(--red);stroke-dasharray:5 8;opacity:0;animation:welcome-fade .4s 1.05s forwards,welcome-ants 1.1s 1.05s linear infinite}.welcome-node{position:relative;width:168px;flex:none;padding:10px 12px 12px;background:var(--panel);border:1.5px solid #d7cfc4;border-radius:12px;box-shadow:0 14px 30px #281c121a;animation:welcome-pop .7s var(--d, 0s) cubic-bezier(.2,.85,.2,1) both}.welcome-node.is-ok{border-color:var(--green);transform:translateY(-18px);animation-name:welcome-pop-up}.welcome-node.is-red{border-color:var(--red);transform:translateY(22px);animation:welcome-pop-down .7s var(--d, 0s) cubic-bezier(.2,.85,.2,1) both,welcome-glow 2.4s 1.2s ease-in-out infinite}.welcome-node .type{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.welcome-node .name{font-weight:650;margin:2px 0 8px}.welcome-node .action-face{margin-top:8px;padding:5px 8px;font-size:12px;text-align:center;border:1px solid #cfc6ba;border-radius:8px;background:#f4efe7}.welcome-node .action-face.is-broken{border-style:dashed;border-color:var(--red);color:var(--red);background:var(--red-soft)}.welcome-chip{position:absolute;z-index:1;padding:3px 8px;border-radius:999px;background:var(--red-soft);color:var(--red);font-size:11px;font-family:IBM Plex Mono,ui-monospace,monospace;box-shadow:0 6px 16px #c43c2c1f;animation:welcome-chip .55s 1.15s cubic-bezier(.2,.9,.2,1) both}.welcome-chip.chip-a{right:-10px;top:-12px}.welcome-chip.chip-b{left:10px;bottom:-14px;animation-delay:1.35s}@keyframes welcome-rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes welcome-pop{0%{opacity:0;transform:translateY(16px) scale(.96)}to{opacity:1;transform:none}}@keyframes welcome-pop-up{0%{opacity:0;transform:translateY(4px) scale(.96)}to{opacity:1;transform:translateY(-18px)}}@keyframes welcome-pop-down{0%{opacity:0;transform:translateY(36px) scale(.96)}to{opacity:1;transform:translateY(22px)}}@keyframes welcome-draw{to{stroke-dashoffset:0}}@keyframes welcome-fade{to{opacity:1}}@keyframes welcome-ants{to{stroke-dashoffset:-13}}@keyframes welcome-glow{0%,to{box-shadow:0 14px 30px #281c121a,0 0 #c43c2c2e}50%{box-shadow:0 16px 34px #281c121f,0 0 0 8px #c43c2c00}}@keyframes welcome-chip{0%{opacity:0;transform:translateY(8px) scale(.9)}to{opacity:1;transform:none}}@keyframes welcome-beat{0%{box-shadow:0 0 #c43c2c80}70%{box-shadow:0 0 0 8px #c43c2c00}to{box-shadow:0 0 #c43c2c00}}@keyframes welcome-orb{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(-18px,14px,0) scale(1.08)}}@media(max-width:860px){.welcome-stage{grid-template-columns:1fr;gap:28px}.welcome-graph{min-height:240px;order:-1}.welcome-node{width:150px}.welcome-connector{width:64px}}@media(prefers-reduced-motion:reduce){.welcome-orb,.welcome-kicker,.welcome-headline,.welcome-lead,.welcome-actions,.welcome-mcp,.welcome-graph,.welcome-node,.welcome-wire,.welcome-chip,.welcome-pulse{animation:none!important;opacity:1;transform:none;stroke-dashoffset:0}.welcome-graph{transform:none}}.modal-backdrop{position:fixed;inset:0;z-index:40;background:#1c191666;display:grid;place-items:center;padding:16px}.modal{width:min(720px,100%);height:min(80vh,760px);background:var(--panel);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);display:grid;grid-template-rows:auto 1fr;overflow:hidden}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;border-bottom:1px solid var(--line)}.modal-head h2{margin:0;font-size:16px}.modal-frame{width:100%;height:100%;border:0;background:#fff}.section-title{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:8px}.check{display:flex;align-items:center;gap:8px;font-size:14px}