.flow-editor{--flow-teal:#087d70;--flow-blue:#386a94;--flow-violet:#655694;--flow-amber:#8b641f;--flow-rose:#a45e5b;color:var(--ink);margin:-8px -12px}.flow-header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px}.flow-header-copy{display:flex;gap:14px;align-items:center;min-width:0}.flow-header h1{font-size:25px;margin:8px 0 4px;letter-spacing:-.8px}.flow-header p{font-size:12px;margin:0;color:var(--muted)}.flow-header-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap;justify-content:flex-end}.flow-header-actions button,.flow-canvas-toolbar button{padding:9px 12px;border:1px solid var(--line);border-radius:9px;background:#fffdfa;color:var(--ink);font-size:11px;font-weight:600;min-height:36px}.flow-header-actions button.primary{background:var(--green);color:white}.flow-header-actions button.secondary{background:#eeebf8;color:#655694;border-color:#d8d0eb}.flow-header-actions #flow-save-status{font-size:10px;color:var(--muted);width:100%;text-align:right}.flow-back{background:#eeebf8;color:#655694;border-radius:12px;width:38px;height:38px;font-size:20px}.flow-workspace{display:grid;grid-template-columns:195px minmax(280px,1fr) 265px;border:1px solid #dcded9;border-radius:20px;overflow:hidden;background:#fffdfa;box-shadow:0 12px 35px #183d3b07;min-height:610px}.flow-library{padding:22px 14px;background:#fbfaf6;border-right:1px solid var(--line)}.flow-section-title{margin-bottom:15px}.flow-section-title>span{font-size:10px;letter-spacing:1.2px;font-weight:750;display:block}.flow-section-title>small{font-size:10px;margin-top:5px}.flow-block{display:flex;align-items:center;gap:9px;background:#fffdfa;border:1px solid var(--line);padding:12px 9px;width:100%;border-radius:12px;margin:8px 0;text-align:left;transition:transform .15s,box-shadow .15s}.flow-block:hover{transform:translateX(3px);box-shadow:0 3px 10px #183d3b0b}.flow-block>span:nth-child(2){flex:1}.flow-block strong{font-size:11px;display:block}.flow-block small{font-size:9px;line-height:1.4;margin-top:4px}.flow-block b{font-size:16px;color:#829490;font-weight:400}.flow-type-icon{width:30px;height:30px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;font-size:18px;background:var(--flow-soft,#e7f2ed);color:var(--flow-color,#087d70)}.flow-tone-teal{--flow-color:#087d70;--flow-soft:#e7f2ed}.flow-tone-blue{--flow-color:#386a94;--flow-soft:#e9f1f9}.flow-tone-violet{--flow-color:#655694;--flow-soft:#eeebf8}.flow-tone-amber{--flow-color:#8b641f;--flow-soft:#faf0dd}.flow-tone-rose{--flow-color:#a45e5b;--flow-soft:#f7e9e5}.flow-library-divider,.flow-inspector-divider{height:1px;background:var(--line);margin:22px 0}.flow-library select{font-size:11px;padding:9px}.flow-template-button{width:100%;font-size:11px;color:#655694;background:#eeebf8;padding:10px;border-radius:9px;margin-top:9px}.flow-library-note{font-size:10px;color:var(--muted);margin:19px 0 12px}.flow-enable{display:flex;align-items:center;gap:8px;font-size:10px}.flow-enable input{width:auto;margin:0;accent-color:var(--green)}.flow-library>small{font-size:9px}.flow-canvas-section{min-width:0;display:flex;flex-direction:column;background:#f8f9f5}.flow-canvas-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;background:#fffdfad9;border-bottom:1px solid var(--line);font-size:10px}.flow-canvas-toolbar>div{display:flex;gap:4px;align-items:center}.flow-canvas-toolbar button{padding:5px 8px;min-height:29px;font-size:10px}.flow-live-dot{display:inline-block;width:6px;height:6px;background:#087d70;border-radius:50%;margin-right:5px}.flow-viewport{position:relative;overflow:hidden;flex:1;min-height:520px;background-image:radial-gradient(#bbc8c080 .9px,transparent .9px);background-size:20px 20px;touch-action:none;cursor:grab}.flow-viewport:active{cursor:grabbing}.flow-world{position:absolute;transform-origin:0 0;width:1px;height:1px}.flow-world>svg{position:absolute;top:0;left:0;overflow:visible;pointer-events:none}.flow-edge{fill:none;stroke:#a6b8b1;stroke-width:2;color:#a6b8b1}.flow-edge.tested{stroke:#087d70;stroke-width:3;color:#087d70}.flow-world svg text{font-size:11px;fill:#647b71;paint-order:stroke;stroke:#f8f9f5;stroke-width:5px;stroke-linejoin:round}.flow-node{position:absolute;width:250px;border:1px solid #dce4dd;border-radius:14px;background:#fffdfa;box-shadow:0 5px 14px #183d3b0a;cursor:grab}.flow-node.selected{border-color:var(--flow-color);box-shadow:0 0 0 3px var(--flow-soft),0 8px 18px #183d3b12}.flow-node.has-issue{border-color:#b54c41}.flow-node.was-tested{box-shadow:0 0 0 3px #d3eee4}.flow-node-body{padding:14px;width:100%;background:transparent;text-align:left;color:var(--ink);border-radius:14px;cursor:grab;min-height:138px;display:block}.flow-node-top{display:flex;align-items:center;gap:8px;font-size:10px;font-weight:650;color:var(--flow-color);margin-bottom:10px}.flow-node-top .flow-type-icon{width:26px;height:26px;font-size:16px;border-radius:8px}.flow-node-top b{margin-left:auto;color:#a44d45}.flow-node strong{font-size:13px;font-weight:700}.flow-node p{font-size:11px;color:var(--muted);margin:7px 0 0;line-height:1.5;max-height:34px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.flow-variable{display:inline-block;background:var(--flow-soft);color:var(--flow-color);font-size:9px;border-radius:5px;padding:3px 6px;margin-top:8px}.flow-node-ports{border-top:1px solid var(--line);display:flex;flex-direction:column;padding:6px 0}.flow-node-ports button{display:flex;align-items:center;justify-content:flex-end;gap:9px;font-size:10px;min-height:28px;padding:3px 12px;background:transparent;color:var(--muted);position:relative}.flow-node-ports i{width:9px;height:9px;border:2px solid var(--flow-color);border-radius:50%;position:absolute;right:-5px;background:#fffdfa}.flow-node-ports .connected i{background:var(--flow-color)}.flow-node-ports button:hover{background:var(--flow-soft);color:var(--flow-color)}.flow-canvas-hint{position:absolute;bottom:17px;left:18px;font-size:9px;color:#687e73;pointer-events:none;max-width:55%}.flow-minimap{position:absolute;bottom:14px;right:14px;border:1px solid #d5dfd8;background:#fffdfade;border-radius:10px;pointer-events:none;box-shadow:0 3px 10px #183d3b05}.flow-minimap rect{fill:#c3d2c7;stroke:#a7bdac;stroke-width:.5}.flow-minimap rect.selected{fill:#655694;stroke:#655694}.flow-connect-hint{position:absolute;left:20px;top:16px;padding:10px 14px;border:1px solid #d7cfeb;background:#eeebf8;border-radius:10px;font-size:11px;color:#655694;pointer-events:none}.flow-status{border-top:1px solid var(--line);padding:12px 16px;font-size:10px;background:#fffdfa;min-height:41px;max-height:180px;overflow:auto}.flow-status details{margin:0}.flow-status summary{font-weight:600;color:var(--ink)}.flow-issue-dot{background:#f7e9e5;color:#a45e5b;border-radius:5px;display:inline-flex;width:16px;height:16px;align-items:center;justify-content:center;margin-right:5px}.flow-status details button{display:block;text-align:left;background:transparent;font-size:10px;color:#8c534d;margin-top:8px}.flow-inspector{border-left:1px solid var(--line);padding:21px 19px;max-height:735px;overflow:auto}.flow-inspector header{display:flex;gap:10px;align-items:center}.flow-inspector header small{font-size:8px;letter-spacing:1px}.flow-inspector h2{font-size:17px;margin:4px 0 0}.flow-inspector label{font-size:10px;margin-top:17px}.flow-inspector input,.flow-inspector select,.flow-inspector textarea{font-size:11px;padding:9px 10px}.flow-inspector textarea{min-height:110px}.flow-inspector small,.flow-inspector-description{font-size:10px;line-height:1.6}.flow-inspector-description{margin:12px 0 0;color:var(--muted)}.flow-inspector-actions{display:flex;gap:9px;border-top:1px solid var(--line);margin-top:25px;padding-top:16px}.flow-inspector-actions button{background:transparent;color:#655694;font-size:10px;padding:5px}.flow-inspector-actions button:last-child{color:#a45e5b}.flow-action-note,.flow-end-note{padding:11px;background:#f7f4ee;border-radius:9px;font-size:10px;line-height:1.6;margin-top:16px}.flow-bindings{padding:1px 0 10px}.flow-test-panel{margin-top:20px;background:#fffdfa;border:1px solid var(--line);border-radius:18px;padding:26px}.flow-test-head{display:flex;justify-content:space-between;align-items:flex-start;gap:15px}.flow-test-head h2{margin:9px 0;font-size:23px}.flow-test-head p{color:var(--muted);font-size:12px}.flow-test-head button{background:#eeebf8;color:#655694;border-radius:9px;width:30px;height:30px;font-size:18px}.flow-test-grid{display:grid;grid-template-columns:280px 1fr;gap:35px;margin-top:20px}.flow-test-grid form{border-right:1px solid var(--line);padding-right:25px}.flow-test-grid form label{font-size:11px}.flow-test-grid form input,.flow-test-grid form select{font-size:12px}.flow-test-grid .primary{margin-top:20px;gap:5px}.flow-test-empty{text-align:center;padding:32px;color:var(--muted)}.flow-test-empty>span{display:inline-flex;background:#eeebf8;color:#655694;width:52px;height:52px;border-radius:17px;align-items:center;justify-content:center;font-size:26px;margin-bottom:20px}.flow-test-empty p{font-size:12px;max-width:390px;margin:auto}.flow-test-result-heading{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--line);font-size:12px}.flow-test-result-heading>span{font-size:10px;color:var(--muted)}.flow-test-step{display:flex;gap:14px;padding:14px 0;border-bottom:1px solid var(--line)}.flow-test-step>span{font-size:11px;color:#655694;background:#eeebf8;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:9px;flex-shrink:0}.flow-test-step p{font-size:12px;margin:5px 0 0}.flow-test-step em{font-size:10px;color:#8b641f;font-style:normal}.flow-test-step small{font-size:9px}.flow-studio-launch{display:flex;gap:20px;align-items:center;justify-content:space-between;background:linear-gradient(115deg,#eeebf8,#e7f2ed);border:1px solid #dbd8e6;border-radius:15px;padding:24px;margin:20px 0}.flow-studio-launch h3{margin:0 0 7px;font-size:19px}.flow-studio-launch p{font-size:12px;color:var(--muted);margin:0}.flow-studio-launch .primary{gap:12px;white-space:nowrap}.flow-studio-launch small{font-size:10px;margin-top:8px}.flow-editor button:focus-visible{outline:3px solid #9a8abc;outline-offset:3px}@media(min-width:1550px){.flow-editor{margin:0 -32px}.flow-workspace{grid-template-columns:215px minmax(350px,1fr) 285px;min-height:690px}.flow-viewport{min-height:610px}}@media(max-width:1200px){.flow-workspace{grid-template-columns:150px minmax(220px,1fr) 230px}.flow-library{padding:17px 10px}.flow-block{padding:10px 7px;gap:6px}.flow-block small{display:none}.flow-canvas-toolbar{flex-wrap:wrap}.flow-header{align-items:flex-start}.flow-header-actions{max-width:260px}.flow-header h1{font-size:22px}.flow-minimap{width:110px;height:75px}.flow-inspector{padding:18px 14px}}@media(max-width:900px){.flow-workspace{grid-template-columns:130px minmax(0,1fr)}.flow-inspector{grid-column:1/-1;border-left:0;border-top:1px solid var(--line);max-height:none;display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.flow-inspector header,.flow-inspector-description,.flow-inspector-divider,.flow-inspector-actions,.flow-bindings,.flow-action-note,.flow-end-note,.flow-inspector>.flow-section-title{grid-column:1/-1}.flow-viewport{min-height:490px}.flow-test-grid{grid-template-columns:220px 1fr}.flow-header{flex-wrap:wrap}.flow-header-actions{max-width:none}.flow-header-actions #flow-save-status{width:auto;text-align:left;margin-right:8px}.flow-studio-launch{flex-wrap:wrap}}@media(max-width:600px){.flow-editor{margin:0 -8px}.flow-workspace{grid-template-columns:1fr}.flow-library{border-right:0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr);gap:7px;padding:14px}.flow-library>.flow-section-title,.flow-library-note,.flow-library>small,.flow-enable{grid-column:1/-1}.flow-block{margin:0}.flow-block strong{font-size:9px}.flow-block .flow-type-icon{width:22px;height:22px;font-size:14px}.flow-block b{display:none}.flow-library-divider{display:none}.flow-library>#flow-template{grid-column:1/3;margin:0}.flow-template-button{margin:0;font-size:9px}.flow-header-actions button{font-size:10px;padding:8px}.flow-viewport{min-height:430px}.flow-inspector{display:block}.flow-test-grid{grid-template-columns:1fr;gap:20px}.flow-test-grid form{border-right:0;padding-right:0}.flow-test-panel{padding:20px}.flow-header-copy{gap:8px}.flow-header h1{font-size:21px}.flow-header p{font-size:11px}.flow-canvas-toolbar{padding:10px}.flow-canvas-hint{max-width:60%;font-size:8px}}@media(prefers-reduced-motion:reduce){.flow-block{transition:none}.flow-block:hover{transform:none}}

.flow-editor.flow-expanded{position:fixed;inset:12px;z-index:55;margin:0;padding:22px;background:#faf8f2;border:1px solid #d8dfd7;border-radius:22px;overflow:auto;box-shadow:0 0 0 30px #173d3570}.flow-expanded .flow-workspace{min-height:calc(100vh - 160px)}.flow-expanded .flow-viewport{min-height:calc(100vh - 220px)}.flow-expanded .flow-inspector{max-height:calc(100vh - 160px)}.flow-expanded .flow-library{max-height:calc(100vh - 160px);overflow:auto}.flow-expanded .flow-header{margin-bottom:18px}@media(max-width:900px){.flow-editor.flow-expanded{inset:6px;padding:14px}.flow-expanded .flow-workspace{min-height:610px}.flow-expanded .flow-viewport{min-height:430px}.flow-expanded .flow-inspector,.flow-expanded .flow-library{max-height:none}}