.flowchart-palette--classic{justify-content:space-between;align-items:center;gap:14px;padding:12px 14px;background:#fbfcfd}.flowchart-palette__hint{color:#5d6675;font-size:.82rem;line-height:1.45}.flowchart-palette__hint strong{color:#2a374c}.flowchart-palette__legend{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.flowchart-palette__item{display:inline-flex;align-items:center;gap:6px;color:#667085;font-size:.72rem;font-weight:700}.flowchart-palette-symbol{display:inline-block;width:24px;height:16px;box-sizing:border-box;background:#fff;border:1.5px solid #7a8492}.flowchart-palette-symbol--input,.flowchart-palette-symbol--output{clip-path:polygon(16% 0,100% 0,84% 100%,0 100%);background:#f5f9ff}.flowchart-palette-symbol--assignment{border-radius:1px}.flowchart-palette-symbol--declaration{position:relative;width:26px;background:#f7f8fa;box-shadow:inset 4px 0 0 #f7f8fa,inset 5.5px 0 0 #7a8492,inset -4px 0 0 #f7f8fa,inset -5.5px 0 0 #7a8492}.flowchart-palette-symbol--decision{width:20px;height:20px;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);background:#fff9e9}.flowchart-palette-symbol--for,.flowchart-palette-symbol--while{width:26px;height:18px;clip-path:polygon(14% 0,86% 0,100% 50%,86% 100%,14% 100%,0 50%)}.flowchart-palette-symbol--for{background:#fff7df;border-color:#a77924}.flowchart-palette-symbol--while{background:#f6f8fb;border-color:#66717f}.flowchart-palette-symbol--connector{width:18px;height:18px;border-radius:50%}.flowchart-canvas{background:#fff}.flowchart-canvas .react-flow__background{opacity:.5}.flowchart-node{--flow-border:#66717f;--flow-fill:#fff;position:relative;display:grid;place-items:center;width:170px;height:72px;min-width:0;max-width:none;min-height:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;text-align:center}.flowchart-node strong{position:relative;z-index:2;display:block;max-width:145px;color:#273142;font:700 .88rem/1.32 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;overflow-wrap:anywhere}.flowchart-symbol{position:relative;display:grid;place-items:center;width:100%;height:100%;box-sizing:border-box;padding:12px 18px;border:2px solid var(--flow-border);background:var(--flow-fill)}.flowchart-node--start,.flowchart-node--end{width:160px;height:64px;--flow-border:#15966f;--flow-fill:#effbf7}.flowchart-node--start .flowchart-symbol,.flowchart-node--end .flowchart-symbol{border-radius:999px}.flowchart-node--input,.flowchart-node--output{width:184px;height:72px;--flow-fill:#f7fbff}.flowchart-node--input .flowchart-symbol,.flowchart-node--output .flowchart-symbol,.flowchart-node--decision .flowchart-symbol,.flowchart-node--for .flowchart-symbol,.flowchart-node--while .flowchart-symbol{border:0;background:var(--flow-border)}.flowchart-node--input .flowchart-symbol,.flowchart-node--output .flowchart-symbol{clip-path:polygon(13% 0,100% 0,87% 100%,0 100%);padding-inline:30px}.flowchart-node--input .flowchart-symbol::before,.flowchart-node--output .flowchart-symbol::before,.flowchart-node--decision .flowchart-symbol::before,.flowchart-node--for .flowchart-symbol::before,.flowchart-node--while .flowchart-symbol::before{content:"";position:absolute;z-index:0;inset:2px;background:var(--flow-fill);clip-path:inherit}.flowchart-node--assignment{width:176px;height:70px;--flow-fill:#fff}.flowchart-node--assignment .flowchart-symbol{border-radius:1px}.flowchart-node--declaration{width:190px;height:70px;--flow-fill:#f7f8fa}.flowchart-node--declaration .flowchart-symbol{padding-inline:28px;border-radius:1px}.flowchart-node--declaration .flowchart-symbol::before,.flowchart-node--declaration .flowchart-symbol::after{content:"";position:absolute;top:0;bottom:0;width:7px;border-left:1.5px solid var(--flow-border);border-right:1.5px solid var(--flow-border);pointer-events:none}.flowchart-node--declaration .flowchart-symbol::before{left:8px}.flowchart-node--declaration .flowchart-symbol::after{right:8px}.flowchart-node--declaration strong{max-width:140px;font-size:.82rem}.flowchart-node--decision{width:190px;height:118px;--flow-border:#a77924;--flow-fill:#fffaf0;overflow:visible}.flowchart-node--decision .flowchart-symbol{clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);padding:28px 40px}.flowchart-node--decision strong{max-width:120px}.flowchart-node--for,.flowchart-node--while{width:200px;height:82px;overflow:visible}.flowchart-node--for{--flow-border:#9a7429;--flow-fill:#fff8e6}.flowchart-node--while{--flow-border:#66717f;--flow-fill:#f7f9fc}.flowchart-node--for .flowchart-symbol,.flowchart-node--while .flowchart-symbol{clip-path:polygon(12% 0,88% 0,100% 50%,88% 100%,12% 100%,0 50%);padding:16px 30px}.flowchart-node--for strong,.flowchart-node--while strong{max-width:145px;font-size:.76rem;line-height:1.25}.flowchart-node--for .react-flow__handle-bottom.source,.flowchart-node--for .react-flow__handle-bottom[data-handleid="false"],.flowchart-node--while .react-flow__handle-bottom.source,.flowchart-node--while .react-flow__handle-bottom[data-handleid="false"]{left:50%}.flowchart-node--for .react-flow__handle-bottom.target,.flowchart-node--for .react-flow__handle-bottom[data-handleid="loop-return"],.flowchart-node--while .react-flow__handle-bottom.target,.flowchart-node--while .react-flow__handle-bottom[data-handleid="loop-return"]{left:72%}.flowchart-node--connector{width:62px;height:62px;--flow-fill:#fff}.flowchart-node--connector .flowchart-symbol{border-radius:50%;padding:6px}.flowchart-node--connector strong{font-size:.7rem}.flowchart-node.is-current{border:0;box-shadow:none;--flow-border:#0eb582;filter:drop-shadow(0 0 7px rgba(14,181,130,.34))}.flowchart-node.is-selected{outline:0;--flow-border:#253865;filter:drop-shadow(0 0 5px rgba(37,56,101,.28))}.flowchart-node.is-current.is-selected{--flow-border:#0eb582}.flowchart-node .react-flow__handle{width:8px;height:8px;border:2px solid #fff;background:#5f6875;opacity:.18;transition:opacity .15s ease}.flowchart-node:hover .react-flow__handle,.flowchart-node.is-selected .react-flow__handle,.flowchart-node--decision .react-flow__handle,.flowchart-node--for .react-flow__handle,.flowchart-node--while .react-flow__handle{opacity:1}.flowchart-node__branch{position:absolute;top:50%;bottom:auto;z-index:5;transform:translateY(-50%);padding:2px 5px;border-radius:4px;background:#fff;color:#556070;font-size:.62rem;font-weight:900;line-height:1;pointer-events:none}.flowchart-node__branch--true{left:-34px}.flowchart-node__branch--false{right:-30px}.flowchart-canvas .react-flow__edge-path{stroke-linecap:square}.flowchart-canvas .react-flow__edge.flowchart-edge--active path,.flowchart-canvas .flowchart-edge--active path{stroke:#0eb582;stroke-width:3}.flowchart-edge-insert{position:absolute;z-index:8;display:grid;place-items:center;pointer-events:all}.flowchart-edge-insert__plus{display:grid;place-items:center;width:28px;height:28px;padding:0;border:1px solid #aeb7c3;border-radius:50%;background:#fff;color:#344054;box-shadow:0 4px 10px rgba(42,55,76,.12);font:800 1.05rem/1 Arial,sans-serif;cursor:pointer;transition:.15s ease}.flowchart-edge-insert__plus:hover,.flowchart-edge-insert.is-selected .flowchart-edge-insert__plus{border-color:#0eb582;background:#effbf7;color:#087b5a;transform:scale(1.06)}.flowchart-edge-insert__branch{position:absolute;bottom:32px;padding:2px 6px;border-radius:999px;background:#fff;color:#556070;box-shadow:0 2px 7px rgba(42,55,76,.08);font-size:.62rem;font-weight:900;white-space:nowrap}.flowchart-edge-insert.is-branch .flowchart-edge-insert__branch{bottom:31px}.flowchart-edge-insert.is-for-loop .flowchart-edge-insert__branch{color:#7b5a19;background:#fff9e9}.flowchart-edge-insert[data-flowchart-source-type="While"] .flowchart-edge-insert__branch{color:#45556c;background:#f5f7fa}.flowchart-edge-insert__menu{position:absolute;top:36px;left:50%;z-index:50;display:grid;gap:4px;width:220px;padding:9px;transform:translateX(-50%);border:1px solid #d6dce5;border-radius:9px;background:#fff;box-shadow:0 14px 30px rgba(42,55,76,.18)}.flowchart-edge-insert__menu>strong{padding:4px 6px 7px;color:#667085;font-size:.68rem;text-transform:uppercase;letter-spacing:.05em}.flowchart-edge-insert__menu button{display:flex;align-items:center;gap:10px;width:100%;padding:8px 9px;border:0;border-radius:6px;background:#fff;color:#2a374c;font:700 .78rem/1.2 inherit;text-align:left;cursor:pointer}.flowchart-edge-insert__menu button:hover{background:#f2fbf7;color:#087b5a}.flowchart-edge-menu__icon{display:inline-block;flex:0 0 auto;width:28px;height:18px;box-sizing:border-box;border:1.5px solid #7a8492;background:#fff}.flowchart-edge-menu__icon--input,.flowchart-edge-menu__icon--output{clip-path:polygon(15% 0,100% 0,85% 100%,0 100%);background:#f7fbff}.flowchart-edge-menu__icon--assignment{border-radius:1px}.flowchart-edge-menu__icon--declaration{position:relative;width:30px;background:#f7f8fa;box-shadow:inset 4px 0 0 #f7f8fa,inset 5.5px 0 0 #7a8492,inset -4px 0 0 #f7f8fa,inset -5.5px 0 0 #7a8492}.flowchart-edge-menu__icon--decision{width:22px;height:22px;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);background:#fffaf0}.flowchart-edge-menu__icon--for,.flowchart-edge-menu__icon--while{width:30px;height:20px;clip-path:polygon(14% 0,86% 0,100% 50%,86% 100%,14% 100%,0 50%)}.flowchart-edge-menu__icon--for{border-color:#a77924;background:#fff8e6}.flowchart-edge-menu__icon--while{border-color:#66717f;background:#f7f9fc}.flowchart-edge-menu__icon--connector{width:20px;height:20px;border-radius:50%}.flowchart-inspector{border-top:1px solid #e3e5eb}.flowchart-inspector>div strong{color:#2a374c}.flowchart-for-editor,.flowchart-declaration-editor{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%}.flowchart-for-editor label,.flowchart-declaration-editor label{margin:0}.flowchart-for-editor label:nth-child(5){grid-column:1/-1}.flowchart-for-editor select,.flowchart-declaration-editor select{width:100%;min-height:38px;padding:7px 9px;border:1px solid #d7dce3;border-radius:5px;background:#fff;color:#2a374c;font:inherit}.flowchart-declaration-editor__array{display:flex!important;align-items:flex-end;justify-content:flex-start;gap:8px;padding-bottom:8px}.flowchart-declaration-editor__array input{width:auto!important;margin:0}.flowchart-declaration-editor__variables{grid-column:1/-1}.flowchart-declaration-editor__variables small{display:block;margin-top:5px;color:#667085;font-size:.72rem;line-height:1.35}.flowchart-vars>div.is-array{align-items:flex-start}.flowchart-vars>div.is-array span{max-width:100%;overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.76rem}.flowchart-canvas .react-flow__controls{border:1px solid #e3e5eb;border-radius:6px;overflow:hidden;box-shadow:none}@media(max-width:900px){.flowchart-palette--classic{align-items:flex-start;flex-direction:column}.flowchart-palette__legend{gap:8px 12px}}@media(max-width:620px){.flowchart-node{transform-origin:center}.flowchart-palette__legend{display:none}.flowchart-edge-insert__menu{width:190px}.flowchart-for-editor,.flowchart-declaration-editor{grid-template-columns:1fr}.flowchart-declaration-editor__variables{grid-column:1}.flowchart-declaration-editor__array{align-items:center;padding-bottom:0}}