/* Flow workspace: full viewport, floating tools and semantic node colors. */
.gf-home,.gf-editor{--gf-border:#e1e6ed;--gf-muted:#738092;--gf-accent:#109d67;color:#263445;font-family:Inter,system-ui,sans-serif}.gf-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:12px 0 28px}.gf-heading h2{font-size:27px;margin:8px 0}.gf-home p{color:var(--gf-muted);line-height:1.6}.gf-home button,.gf-editor button{border:1px solid var(--gf-border);border-radius:8px;background:#fff;min-height:40px;padding:9px 14px;font:500 13px Inter,system-ui,sans-serif;color:inherit;cursor:pointer}.gf-home button:hover,.gf-editor button:hover{background:#f4f7fa;border-color:#becbd7}.gf-home .primary-action,.gf-editor .primary-action{background:var(--gf-accent);border-color:var(--gf-accent);color:white}.gf-editor button:disabled{opacity:.4;cursor:not-allowed}.gf-editor :is(button,input,textarea,select):focus-visible{outline:3px solid #72a9f0;outline-offset:3px}.gf-flow-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.gf-flow-card{background:white;border:1px solid var(--gf-border);border-radius:14px;padding:26px;display:flex;flex-direction:column;justify-content:space-between;gap:24px}.gf-flow-card h3{font-size:19px;margin:18px 0 8px}.gf-pill{font-size:12px;background:#e8f6ef;color:#208659;border-radius:6px;padding:5px 9px}.gf-help{font-size:12px;line-height:1.7;color:var(--gf-muted)}
body:has(.gf-editor){overflow:hidden}.gf-editor{position:fixed;inset:0;z-index:30;display:flex;flex-direction:column;background:#fff;overflow:hidden}.gf-toolbar{height:76px;flex-shrink:0;display:flex;align-items:center;padding:12px 24px;gap:18px;border-bottom:1px solid var(--gf-border);background:#fff;z-index:5}.gf-back{font-size:23px!important;width:44px;padding:0!important;border-color:transparent!important}.gf-title{min-width:100px;flex:1}.gf-title input{display:block;background:transparent;border:1px solid transparent;border-radius:6px;max-width:460px;width:100%;font:600 16px Inter,system-ui,sans-serif;color:#263445;padding:4px 6px}.gf-title input:hover,.gf-title input:focus{border-color:var(--gf-border)}.gf-title>span{display:block;font-size:11px;color:var(--gf-muted);margin:4px 6px}.gf-toolbar-actions{display:flex;gap:8px;align-items:center}.gf-toolbar-actions .primary-action{padding-inline:23px}.gf-secondary{border-color:transparent!important;color:var(--gf-muted)!important}.gf-layout{position:relative;flex:1;min-height:0;overflow:hidden}.gf-scroll{position:absolute;inset:0;overflow:auto;background:#fafbfc;background-image:radial-gradient(#d3dbe4 .8px,transparent .8px);background-size:20px 20px;cursor:grab;touch-action:none;scrollbar-width:thin;scrollbar-color:#d4dce4 transparent}.gf-scroll.is-panning{cursor:grabbing}.gf-stage{position:relative}.gf-canvas{position:relative;transform-origin:top left}.gf-edges{position:absolute;inset:0;overflow:visible;pointer-events:none}.gf-edges>g>path{stroke-width:2;fill:none;opacity:.7}.gf-node{position:absolute;width:260px;border:1.5px solid color-mix(in srgb,var(--node-color),white 45%);border-radius:10px;background:white;box-shadow:0 4px 14px #2634450a;z-index:2;cursor:default}.gf-node.is-selected{border-color:var(--node-color);box-shadow:0 0 0 3px color-mix(in srgb,var(--node-color),transparent 85%),0 6px 22px #26344510}.gf-editor .gf-node-body{padding:0;border:0;border-radius:9px 9px 0 0;width:100%;display:block;text-align:left;cursor:grab;touch-action:none;background:#fff;overflow:hidden}.gf-editor .gf-node-body:hover{background:#fff}.gf-node-heading{display:flex;align-items:center;gap:9px;height:56px;padding:12px;background:color-mix(in srgb,var(--node-color),white 92%);border-bottom:1px solid color-mix(in srgb,var(--node-color),white 83%)}.gf-node-heading i,.gf-palette button i{display:grid;place-items:center;background:var(--node-color);color:white;width:30px;height:30px;border-radius:7px;flex-shrink:0}.gf-node svg,.gf-palette svg{width:18px;height:18px}.gf-node-heading strong{font-size:13px;font-weight:600;flex:1}.gf-node-more{font-size:20px;color:#92a0ad}.gf-node-copy{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:14px 14px 12px;height:40px;line-height:20px;font-size:12px;color:#6d7b8c;font-weight:400;overflow-wrap:anywhere}.gf-ports{padding:0 0 6px;border-top:1px solid #f0f2f5}.gf-editor .gf-port{display:flex;align-items:center;justify-content:flex-end;position:relative;width:100%;height:30px;min-height:30px;border:0;background:transparent;border-radius:0;padding:0 17px;color:#7b8797;font-size:11px}.gf-port i{position:absolute;right:-6px;top:9px;width:10px;height:10px;border:2px solid white;border-radius:50%;background:var(--node-color);box-shadow:0 0 0 1px var(--node-color)}.gf-editor .gf-port:hover,.gf-port.connecting{color:var(--node-color);background:color-mix(in srgb,var(--node-color),white 94%)}.gf-port.connecting i{box-shadow:0 0 0 5px color-mix(in srgb,var(--node-color),transparent 75%)}.gf-editor .gf-input-port{position:absolute;left:-8px;top:22px;min-height:14px;width:14px;height:14px;padding:0;border:2px solid white;border-radius:50%;background:var(--node-color);z-index:4;box-shadow:0 0 0 1px var(--node-color)}.gf-input-port:before{content:'';position:absolute;inset:-10px}.gf-palette-toggle{position:absolute;left:20px;top:20px;z-index:4}.gf-palette-toggle button{box-shadow:0 3px 12px #182f4810}.gf-palette{position:absolute;top:72px;left:20px;width:224px;max-height:calc(100% - 160px);overflow:auto;background:#fff;border:1px solid var(--gf-border);border-radius:12px;box-shadow:0 8px 24px #2030440c;padding:16px 12px;z-index:4;scrollbar-width:thin}.gf-palette header{padding:0 3px 8px}.gf-palette header strong{font-size:14px}.gf-palette header small{display:block;font-size:11px;color:var(--gf-muted);margin-top:6px}.gf-palette h4{font-size:10px;letter-spacing:.7px;font-weight:500;color:#929cac;margin:18px 4px 8px}.gf-palette-group button{display:flex;width:100%;align-items:center;gap:9px;text-align:left;border-color:#e8ebef;margin-bottom:6px;padding:7px;background:#fff}.gf-palette-group button span{font-size:12px;flex:1}.gf-palette-group button b{color:#a1adbb;font-weight:400}.gf-palette footer{font-size:11px;line-height:1.7;color:#8a96a5;padding:12px 4px 0}.gf-properties{position:absolute;right:16px;top:20px;bottom:76px;width:300px;overflow:auto;background:#fff;border:1px solid var(--gf-border);border-radius:12px;box-shadow:0 8px 28px #20304412;padding:18px;z-index:5;scrollbar-width:thin}.gf-inspector-top{display:flex;align-items:center;justify-content:space-between;color:var(--gf-muted);font-size:12px;border-bottom:1px solid var(--gf-border);padding-bottom:8px;margin-bottom:18px}.gf-inspector-top button{border:0;font-size:22px;min-height:32px;padding:0 8px}.gf-properties fieldset{border:0;padding:0;margin:0;min-width:0}.gf-properties h3{font-size:18px;margin:7px 0}.gf-properties fieldset>small{font-size:10px;color:#99a2af}.gf-properties h4{font-size:13px;margin:24px 0 8px}.gf-properties .flow-kicker{font-size:9px;letter-spacing:1px;color:#9aa3ae}.gf-field{display:flex;flex-direction:column;gap:8px;font-size:12px;font-weight:500;margin:18px 0;color:#526173}.gf-field input,.gf-field select,.gf-field textarea{width:100%;box-sizing:border-box;min-height:40px;border:1px solid var(--gf-border);border-radius:7px;padding:10px;background:#fff;font:12px Inter,system-ui,sans-serif;color:#263445}.gf-field textarea{min-height:110px;resize:vertical;line-height:1.7}.gf-properties summary{font-size:12px;color:var(--gf-muted);cursor:pointer}.gf-danger{color:#bc4251!important;border-color:#f1d7db!important;width:100%;margin-top:22px}.gf-controls{position:absolute;left:20px;bottom:20px;display:flex;align-items:center;gap:3px;border:1px solid var(--gf-border);border-radius:10px;padding:4px;background:#fff;box-shadow:0 4px 15px #2030440d;z-index:6}.gf-controls button{border:0;min-width:36px;padding:8px}.gf-controls>span{font-size:12px;color:#758394;min-width:40px;text-align:center}.gf-controls hr{height:22px;width:1px;background:var(--gf-border);border:0;margin:0 7px}.gf-canvas-hint{position:absolute;bottom:32px;right:24px;color:#8e99a7;font-size:11px;pointer-events:none}.gf-feedback{flex-shrink:0;height:30px;display:flex;gap:8px;align-items:center;padding:0 22px;border-top:1px solid var(--gf-border);font-size:10px;color:#8994a3;background:#fff;z-index:5}.gf-status-dot{width:5px;height:5px;border-radius:50%;background:#26ad7a}.gf-editor button{transition:background .15s,border-color .15s}.gf-editor .gf-node-body{transition:none}
@media(max-width:900px){.gf-toolbar{padding:10px 12px;gap:8px}.gf-secondary{display:none}.gf-palette{width:200px}.gf-canvas-hint{display:none}.gf-properties{width:280px}.gf-toolbar-actions{gap:5px}}
@media(max-width:540px){.gf-toolbar{height:92px;flex-wrap:wrap;gap:4px}.gf-title{flex-basis:calc(100% - 56px)}.gf-toolbar-actions{margin-left:auto}.gf-toolbar-actions button{min-height:32px;padding:6px 12px}.gf-palette{width:195px;max-height:calc(100% - 150px)}.gf-properties{left:12px;right:12px;width:auto;top:12px;bottom:76px}.gf-controls{left:12px;bottom:14px}.gf-feedback{font-size:9px;padding:0 12px}.gf-heading{align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){.gf-editor button{transition:none}}