:root{color:#20251f;font-synthesis:none;--ink:#20251f;--green:#22663e;--lime:#dffe71;background:#f6f7f4;font-family:Inter,Manrope,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;overflow:hidden}button,input,textarea{font:inherit}button{color:inherit}.app{background:#f7f8f5;height:100vh}.topbar{z-index:20;background:#fffffff0;border-bottom:1px solid #e3e6df;align-items:center;gap:16px;height:64px;padding:0 18px;display:flex;position:relative;box-shadow:0 1px 8px #212b220a}.brand{letter-spacing:-.5px;cursor:pointer;background:0 0;border:0;align-items:center;gap:9px;padding:0;font-size:18px;font-weight:800;display:flex}.brand-mark{color:#173521;background:var(--lime);border-radius:9px;place-items:center;width:31px;height:31px;display:grid;transform:rotate(-2deg)}.divider{background:#e4e6e0;width:1px;height:30px}.file-info{gap:1px;display:grid}.file-title{cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;padding:0;font-size:13px;font-weight:700;display:flex}.title-input{border:0;border-bottom:1px solid #5c7c66;outline:0;width:210px;padding:0;font-size:13px;font-weight:700}.save-state{color:#858b82;align-items:center;gap:5px;font-size:10px;font-weight:600;display:flex}.saved-dot,.saving-dot{background:#79a58a;border-radius:50%;width:5px;height:5px}.saving-dot{background:#e0ae50}.top-actions{align-items:center;gap:7px;margin-left:auto;display:flex}.icon-btn,.toolbar button,.bottom-left button,.zoom-control button{cursor:pointer;background:0 0;border:0;place-items:center;display:grid}.icon-btn{color:#697068;border-radius:9px;width:34px;height:34px}.icon-btn:hover{color:#263027;background:#f0f2ee}.share-btn,.export-btn{cursor:pointer;border-radius:9px;align-items:center;gap:7px;height:36px;font-size:12px;font-weight:700;display:flex}.share-btn{background:#fff;border:1px solid #dfe2dc;padding:0 13px}.export-btn{color:#fff;background:#183f27;border:1px solid #153922;padding:0 13px;box-shadow:inset 0 1px #ffffff21,0 2px 5px #14372021}.export-btn:hover{background:#245c38}.shortcut{color:#a6c5af;padding-left:5px;font-size:9px;font-weight:500}.avatar{color:#4b3761;cursor:pointer;background:#d8c8ef;border:2px solid #fff;border-radius:50%;width:34px;height:34px;font-size:10px;font-weight:800;box-shadow:0 0 0 1px #dedfdc}.workspace{height:calc(100vh - 64px);position:relative;overflow:hidden}.canvas{touch-action:none;cursor:default;background-color:#f7f8f5;background-image:radial-gradient(#cdd2cb 1.05px,#0000 1.05px);background-size:22px 22px;position:absolute;inset:0;overflow:hidden}.canvas.is-panning{cursor:grab}.canvas.is-panning:active{cursor:grabbing}.board{transform-origin:0 0;width:1800px;height:1000px;position:absolute;top:0;left:0}.edges{position:absolute;inset:0;overflow:visible}.edge{fill:none;stroke:#7c867c;stroke-width:2.1px;stroke-linecap:round;stroke-linejoin:round;marker-end:url(#arrow)}.routed-edge{transition:d .12s}#arrow path{fill:#7c867c}.edge-object{cursor:pointer}.edge-hit{fill:none;stroke:#0000;stroke-width:16px;pointer-events:stroke}.edge-object:hover .routed-edge{filter:drop-shadow(0 0 2px #26784a57)}.edge-object.selected .routed-edge{filter:drop-shadow(0 0 2px #26784a59);stroke:#26784a!important}.edge-label{fill:#343b34;stroke:#f7f8f5;stroke-width:7px;paint-order:stroke fill;pointer-events:none;font-size:11px;font-weight:700}.curve-handle{fill:#3478f6;stroke:#fff;stroke-width:3px;vector-effect:non-scaling-stroke;pointer-events:all;cursor:move;filter:drop-shadow(0 1px 2px #214b9640)}.node{cursor:grab;-webkit-user-select:none;user-select:none;background:#fff;border:1.5px solid #d6dad3;border-radius:12px;justify-content:center;align-items:center;width:176px;min-height:64px;padding:27px 15px 13px;display:flex;position:absolute;box-shadow:0 3px 9px #1f2b2114,0 1px 1px #1f2b210d}.node:active{cursor:grabbing}.node:hover{border-color:#aab3aa;box-shadow:0 5px 14px #1f2b211a}.node.selected{border:2px solid #26784a;box-shadow:0 0 0 3px #26784a1c,0 5px 14px #1f2b211a}.node.multi-selected{border:2px solid #3478f6;box-shadow:0 0 0 3px #3478f61f,0 5px 14px #1f2b211a}.node.connecting{background:#f1faec;border-color:#26784a}.node.start{background:#f0f9dc;border-color:#bfd88a}.node.end{background:#eaf5ef;border-color:#9fc8ac}.node.decision{clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);box-shadow:none;filter:drop-shadow(0 4px 5px #443c171a);background:#fff8df;border:0;border-radius:0;padding:38px 25px 24px}.node.decision:hover{box-shadow:none;filter:brightness(.985)drop-shadow(0 5px 7px #443c171f);border:0}.node.decision.selected{box-shadow:none;filter:brightness(.98)drop-shadow(0 5px 7px #1f462a26);border:0}.node.decision .node-kind{top:29px;left:50%;transform:translate(-50%)}.node.decision .node-icon{top:38px;right:35px}.node.decision .resize-handle{bottom:21px;right:21px}.node-icon{z-index:1;color:#4d6854;background:#edf1ec;border-radius:6px;place-items:center;width:20px;height:20px;display:grid;position:absolute;top:7px;right:9px}.start .node-icon{color:#557130;background:#dceeb2}.decision .node-icon{color:#826c1d;background:#f6e5a7;font-weight:800}.end .node-icon{color:#2c7045;background:#cce8d6}.node-copy{justify-content:center;align-items:center;width:100%;min-width:0;display:flex}.node-kind{color:#8c928a;letter-spacing:.08em;text-transform:uppercase;font-size:8.5px;font-weight:800;line-height:1;position:absolute;top:11px;left:12px}.node strong{text-align:center;text-overflow:ellipsis;width:100%;font-size:12px;font-weight:700;line-height:1.35;overflow:hidden}.node input{text-align:center;background:0 0;border:0;border-bottom:1px solid #8db299;outline:0;width:100%;padding:0 0 2px;font-size:12px;font-weight:700}.node.sticky{border-color:#e1c965;border-radius:3px 3px 13px;box-shadow:2px 5px 13px #52481921}.node.sticky:after{content:"";pointer-events:none;background:linear-gradient(135deg,#7b681b21 49%,#ffffffa6 51%);border-radius:10px 0 11px;width:17px;height:17px;position:absolute;bottom:-1px;right:-1px}.node.sticky .node-icon{color:#79651b;background:#f7df78}.node.text{box-shadow:none;border-color:#0000;border-radius:4px}.node.text:hover{box-shadow:none;border-style:dashed;border-color:#b9c1b8}.node.text.selected{border-style:dashed}.node.text .node-icon{color:#727a72;background:0 0}.handle{background:#fff;border:2px solid #26784a;border-radius:50%;width:9px;height:9px;margin-top:-4.5px;position:absolute;top:50%}.handle.left{left:-6px}.handle.right{right:-6px}.link-port{z-index:3;color:#fff;cursor:crosshair;background:#26784a;border:2px solid #fff;border-radius:50%;place-items:center;width:18px;height:18px;margin-top:-9px;padding:0;transition:transform .12s;display:grid;position:absolute;top:50%;box-shadow:0 0 0 1.5px #26784a,0 2px 5px #1c502d38}.link-port:hover{transform:scale(1.18)}.link-port.right{right:-9px}.link-port.left{left:-9px}.link-port.top{margin:0 0 0 -9px;top:-9px;left:50%}.link-port.bottom{margin:0 0 0 -9px;top:auto;bottom:-9px;left:50%}.decision .link-port.right{right:0}.decision .link-port.left{left:0}.decision .link-port.top{top:0}.decision .link-port.bottom{bottom:0}.target-link-port{z-index:4;color:#3478f6;pointer-events:none;background:#fff;border:2px solid #3478f6;border-radius:50%;place-items:center;width:16px;height:16px;margin-top:-8px;animation:.12s port-in;display:grid;position:absolute;top:50%;box-shadow:0 2px 6px #3478f633}.target-link-port.right{right:-8px}.target-link-port.left{left:-8px}.target-link-port.top{margin:0 0 0 -8px;top:-8px;left:50%}.target-link-port.bottom{margin:0 0 0 -8px;top:auto;bottom:-8px;left:50%}.target-link-port.active{color:#fff;background:#3478f6;transform:scale(1.2);box-shadow:0 0 0 4px #3478f624}.decision .target-link-port.right{right:0}.decision .target-link-port.left{left:0}.decision .target-link-port.top{top:0}.decision .target-link-port.bottom{bottom:0}@keyframes port-in{0%{opacity:0;transform:scale(.65)}}.edge-preview{stroke:#26784a;stroke-width:2.4px;stroke-dasharray:7 5}.alignment-guide{stroke:#3478f6;stroke-width:1.25px;stroke-dasharray:5 4;vector-effect:non-scaling-stroke;pointer-events:none}.resize-handle{cursor:nwse-resize;background:#fff;border:2px solid #26784a;border-radius:3px;width:13px;height:13px;padding:0;position:absolute;bottom:-7px;right:-7px}.inspector{z-index:12;background:#fffffff7;border:1px solid #dfe2dc;border-radius:13px;width:244px;max-height:calc(100% - 36px);padding:14px;position:absolute;top:18px;right:18px;overflow:auto;box-shadow:0 8px 25px #1b251d1f}.inspector-head{color:#737b73;letter-spacing:.09em;text-transform:uppercase;justify-content:space-between;align-items:center;margin-bottom:13px;font-size:9px;font-weight:800;display:flex}.inspector-head button{color:#7d857d;cursor:pointer;background:0 0;border:0;padding:2px;display:grid}.object-actions{grid-template-columns:1fr 1fr;gap:6px;margin:-2px 0 12px;display:grid}.object-actions button{color:#4c554d;cursor:pointer;background:#f8faf7;border:1px solid #dce1da;border-radius:7px;align-items:center;gap:5px;height:30px;padding:0 7px;font-size:9px;font-weight:700;display:flex}.object-actions button:disabled{opacity:.4;cursor:default}.object-actions kbd{color:#969d95;margin-left:auto;font:8px inherit}.inspector label{color:#697168;gap:6px;font-size:9px;font-weight:700;display:grid}.inspector>label+label,.size-row{margin-top:12px}.inspector label>input:not([type=color]){color:#293029;background:#fafbf9;border:1px solid #dce1da;border-radius:7px;outline:0;width:100%;height:34px;padding:0 9px;font-size:11px;font-weight:600}.inspector label>input:focus{border-color:#6e9b7b;box-shadow:0 0 0 2px #dceadf}.color-row{align-items:center;gap:6px;display:flex}.color-row .color{cursor:pointer;border:1px solid #ccd1ca;border-radius:6px;width:21px;height:21px;padding:0}.color-row .color.active{outline-offset:1px;outline:2px solid #33784b}.color-row input[type=color]{cursor:pointer;background:0 0;border:0;border-radius:5px;width:22px;height:22px;padding:0}.size-row{grid-template-columns:1fr 1fr;gap:9px;display:grid}.align-panel{border-top:1px solid #eceeea;margin-top:13px;padding-top:12px}.align-panel select{color:#404840;background:#fafbf9;border:1px solid #dce1da;border-radius:7px;outline:0;width:100%;height:32px;padding:0 7px;font-size:9px}.align-buttons{grid-template-columns:repeat(6,1fr);gap:4px;margin-top:7px;display:grid}.align-buttons button{color:#596159;cursor:pointer;background:#fff;border:1px solid #dce1da;border-radius:6px;height:27px;padding:0;font-size:9px;font-weight:800}.align-buttons button:hover:not(:disabled){color:#286540;background:#edf6ea;border-color:#8eb49a}.align-buttons button:disabled{opacity:.35;cursor:default}.selection-marquee{z-index:20;pointer-events:none;background:#3478f617;border:1.5px dashed #3478f6;position:absolute}.multi-selection-badge{z-index:14;color:#285cae;background:#f6f9fff7;border:1px solid #b9d0fa;border-radius:9px;align-items:center;gap:10px;padding:8px 12px;font-size:10px;font-weight:800;display:flex;position:absolute;top:17px;left:50%;transform:translate(-50%);box-shadow:0 4px 14px #274e8d1f}.multi-selection-badge span{color:#7b8ba3;font-size:8px;font-weight:600}.edge-summary{color:#687068;background:#f8faf7;border:1px solid #e2e5df;border-radius:8px;grid-template-columns:1fr auto 1fr;align-items:center;gap:5px;margin:-2px 0 15px;padding:9px;font-size:8px;font-weight:700;display:grid}.edge-summary span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.edge-summary span:last-child{text-align:right}.edge-field{color:#697168;gap:6px;margin-top:14px;font-size:9px;font-weight:700;display:grid}.edge-styles{grid-template-columns:1fr 1fr;gap:6px;display:grid}.edge-styles button{color:#697169;text-transform:capitalize;cursor:pointer;background:#fff;border:1px solid #dce1da;border-radius:7px;align-items:center;gap:7px;height:35px;padding:0 7px;font-size:8px;font-weight:700;display:flex}.edge-styles button.active{color:#286540;background:#eff7ed;border-color:#78a78a;box-shadow:0 0 0 1px #d7e9d8}.line-sample{border-top:2px solid;width:22px;height:0}.line-sample.dashed{border-top-style:dashed}.line-sample.dotted{border-top-style:dotted}.line-sample.bold{border-top-width:4px}.edge-colors{gap:8px;display:flex}.edge-colors button{cursor:pointer;border:2px solid #fff;border-radius:50%;width:24px;height:24px;padding:0;box-shadow:0 0 0 1px #cfd4cd}.edge-colors button.active{box-shadow:0 0 0 2px #2d7447}.remove-arrow{color:#9b4842;cursor:pointer;background:#fff8f7;border:1px solid #ead6d3;border-radius:7px;align-items:center;gap:7px;width:100%;height:34px;margin-top:17px;padding:0 9px;font-size:9px;font-weight:700;display:flex}.remove-arrow kbd{color:#b7837f;margin-left:auto}.reset-curve{color:#44658c;cursor:pointer;background:#f6f9fd;border:1px solid #d7e0ed;border-radius:7px;width:100%;height:31px;margin-top:15px;font-size:8px;font-weight:700}.inspector p{color:#8a9189;border-top:1px solid #eceeea;align-items:center;gap:7px;margin:14px -2px -2px;padding-top:11px;font-size:8px;display:flex}.middle-mouse{border:1px solid #929991;border-radius:6px;width:10px;height:14px;display:inline-block}.middle-mouse:before{content:"";background:#7b837b;border-radius:2px;width:2px;height:4px;margin:2px auto;display:block}.toolbar{z-index:10;background:#fffffff5;border:1px solid #dfe2dc;border-radius:13px;gap:4px;width:48px;padding:7px;display:grid;position:absolute;top:50%;left:18px;transform:translateY(-50%);box-shadow:0 7px 22px #1b251d1c}.toolbar button{color:#555e55;border-radius:8px;width:34px;height:34px}.toolbar button:hover{color:#202620;background:#f0f2ee}.toolbar button.active{color:#275e39;background:#e9f2e6;box-shadow:inset 0 0 0 1px #d1e3d1}.tool-sep{background:#e8eae5;height:1px;margin:3px 4px}.diamond{border:1.8px solid;width:13px;height:13px;transform:rotate(45deg)}.connect-tip{z-index:15;color:#fff;background:#26362a;border-radius:10px;align-items:center;gap:12px;padding:8px 10px 8px 14px;font-size:11px;font-weight:700;display:flex;position:absolute;top:16px;left:50%;transform:translate(-50%);box-shadow:0 4px 14px #24372838}.connect-tip button{color:#bed0c2;cursor:pointer;background:0 0;border:0;place-items:center;padding:2px;display:grid}.bottom-left,.zoom-control{z-index:10;background:#fffffff2;border:1px solid #dfe2dc;border-radius:10px;align-items:center;display:flex;position:absolute;bottom:18px;overflow:hidden;box-shadow:0 3px 12px #1b251d14}.bottom-left{left:18px}.bottom-left button,.zoom-control button{color:#5d655d;width:36px;height:34px}.bottom-left button:hover,.zoom-control button:hover{background:#f0f2ee}.bottom-left button:disabled{opacity:.3;cursor:default}.bottom-left .delete-btn{color:#a64d45;border-left:1px solid #e5e7e1}.zoom-control{right:18px}.zoom-control .zoom-value{color:#4e574f;border-left:1px solid #e5e7e1;border-right:1px solid #e5e7e1;width:48px;font-size:10px;font-weight:700}.minimap{cursor:crosshair;background:#ffffffeb;border:1px solid #dfe2dc;border-radius:10px;width:130px;height:78px;padding:7px;position:absolute;bottom:66px;right:18px;box-shadow:0 3px 12px #1b251d12}.mini-map-inner{background:#f5f6f2;border-radius:5px;width:100%;height:100%;overflow:hidden}.mini-map-inner rect:not(.mini-viewport){fill:#91aa98}.mini-map-inner .mini-viewport{fill:#42775114;stroke:#39744c;stroke-width:2px;vector-effect:non-scaling-stroke}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#141b1661;place-items:center;padding:20px;animation:.15s fade;display:grid;position:fixed;inset:0}.export-modal{background:#fff;border:1px solid #dce0d9;border-radius:18px;width:min(760px,100%);max-height:calc(100vh - 40px);padding:25px;animation:.2s rise;overflow:auto;box-shadow:0 24px 80px #151f1740}.modal-head{align-items:flex-start;gap:13px;display:flex}.modal-icon{color:#285d38;background:#e4f2df;border-radius:11px;flex:none;place-items:center;width:41px;height:41px;display:grid}.modal-head h2{letter-spacing:-.35px;margin:1px 0 4px;font-size:18px}.modal-head p{color:#7a8179;margin:0;font-size:11px}.close{color:#808780;cursor:pointer;background:0 0;border:0;margin-left:auto;padding:4px;display:grid}.export-tabs{background:#f4f6f2;border:1px solid #dde2db;border-radius:10px;grid-template-columns:1fr 1fr;margin-top:19px;padding:3px;display:grid}.export-tabs button{color:#717970;cursor:pointer;background:0 0;border:0;border-radius:7px;height:34px;font-size:10px;font-weight:800}.export-tabs button.active{color:#275f3b;background:#fff;box-shadow:0 1px 4px #1c2d1f1f}.privacy-note{background:#f2f8ee;border:1px solid #d6e8d1;border-radius:10px;align-items:flex-start;gap:9px;margin:14px 0 17px;padding:12px 14px;display:flex}.privacy-note>span{color:#fff;background:#4b885f;border-radius:50%;place-items:center;width:19px;height:19px;display:grid}.privacy-note strong{color:#386048;margin-bottom:2px;font-size:10px;display:block}.privacy-note p{color:#708075;margin:0;font-size:9px}.code-label{color:#7c837b;justify-content:space-between;margin-bottom:8px;font-size:9px;font-weight:700;display:flex}.code-label span:first-child{color:#454d45;font-size:10px}.code-wrap{background:#17231b;border:1px solid #31473a;border-radius:11px;height:275px;position:relative;overflow:auto}.code-wrap pre{color:#d9e7d8;white-space:pre;margin:0;padding:19px 78px 19px 19px;font:11px/1.75 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.copy-float{z-index:2;color:#dbe6db;cursor:pointer;background:#29372e;border:1px solid #536559;border-radius:7px;align-items:center;gap:6px;height:28px;padding:0 9px;font-size:9px;font-weight:700;display:flex;position:absolute;top:10px;right:10px}.copy-float:disabled{opacity:.4;cursor:default}.source-label{color:#454d45;justify-content:space-between;margin-bottom:7px;font-size:10px;font-weight:700;display:flex}.source-label span:last-child{color:#858c84;font-size:9px;font-weight:600}.mermaid-source{resize:vertical;color:#334038;background:#f9faf8;border:1px solid #cfd7ce;border-radius:9px;outline:0;width:100%;height:118px;margin-bottom:13px;padding:12px 14px;font:10px/1.55 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.mermaid-source:focus{border-color:#6e9b7b;box-shadow:0 0 0 2px #dceadf}.conversion-messages{border-radius:9px;max-height:105px;margin:0 0 13px;padding:10px 12px;font-size:9px;overflow:auto}.conversion-messages strong{margin-bottom:4px;font-size:10px;display:block}.conversion-messages p{margin:3px 0;line-height:1.4}.conversion-messages.errors{color:#823e39;background:#fff5f4;border:1px solid #edcfcb}.conversion-messages.warnings{color:#735b1b;background:#fff9e8;border:1px solid #eadcae}.python-code{height:230px}.python-code.disabled{background:#354039;border-color:#6d7770}.modal-foot{justify-content:space-between;align-items:center;margin-top:20px;display:flex}.modal-foot a{color:#39714c;align-items:center;gap:5px;font-size:10px;font-weight:700;text-decoration:none;display:flex}.modal-foot>div{gap:8px;display:flex}.modal-foot button{cursor:pointer;border-radius:8px;height:36px;padding:0 14px;font-size:10px;font-weight:700}.secondary{background:#fff;border:1px solid #dce0d9}.download{color:#fff;background:#1c4b2d;border:1px solid #173f27;align-items:center;gap:7px;display:flex}.download:disabled{opacity:.45;cursor:default}.python-foot>span{color:#7c837b;max-width:270px;font-size:9px;line-height:1.4}@keyframes fade{0%{opacity:0}}@keyframes rise{0%{opacity:0;transform:translateY(9px)scale(.99)}}@media (width<=760px){.topbar{gap:9px;padding:0 10px}.brand>span:last-child,.divider,.icon-btn,.share-btn,.shortcut,.save-state{display:none}.file-info{max-width:130px}.file-title{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.export-btn{padding:0 10px}.minimap{display:none}.inspector{width:205px;top:10px;right:10px}.modal-foot{flex-direction:column;align-items:flex-start;gap:12px}.modal-foot>div{justify-content:flex-end;width:100%}.export-modal{padding:19px}.code-wrap{height:230px}}