/* Original Foyl workflow workspace. Navigation remains available on demand. */
html.soar-editor-focus #topbar,html.soar-editor-focus #sidebar,html.soar-editor-focus #tool-rail{display:none!important}
html.soar-editor-focus body{padding:var(--foyl-disclaimer-h,0px) 0 0!important}
html.soar-editor-focus #app-body{margin:0!important;padding:0!important;height:calc(100dvh - var(--foyl-disclaimer-h,0px))!important;width:100%!important}
html.soar-editor-focus #main.editor-main{padding:0!important;margin:0!important;width:100%!important;height:calc(100dvh - var(--foyl-disclaimer-h,0px))!important;max-width:none!important}
.editor-main{min-width:0}.editor-wrap{min-height:0}.editor-bar{height:64px;gap:12px;padding:0 20px}.editor-bar>.ed-sep{display:none}.editor-pb-name{min-width:100px;max-width:340px;width:30vw;font-family:var(--jakarta);font-size:14px}.editor-back{display:flex;align-items:center;gap:8px;color:var(--accent-ink,var(--accent));font:600 12px var(--mono);text-decoration:none;padding-right:14px;border-right:1px solid var(--border2)}
.canvas-toolbar{display:flex;align-items:center;gap:8px;min-height:48px;padding:8px 20px;border-bottom:1px solid var(--border);background:var(--bg2);flex-shrink:0}.canvas-toolbar select{max-width:220px;min-width:0;background:var(--surf);color:var(--tx2);border:1px solid var(--border2);border-radius:5px;padding:7px;font:12px var(--font)}.canvas-toolbar #node-count{margin-left:auto;white-space:nowrap}.canvas-toolbar .zoom-controls{margin-left:6px}.zoom-btn{width:28px;height:28px}
.editor-shell{position:relative}.palette{display:none;position:absolute;inset:12px auto 12px 12px;width:272px;z-index:120;border:1px solid var(--border2);border-radius:10px;box-shadow:0 12px 40px #0005}.palette.is-open{display:flex}.palette-hd{display:flex;align-items:center;justify-content:space-between;padding:12px}.palette #step-search{width:calc(100% - 24px);margin:12px}.palette-item{color:var(--tx2);min-height:42px}.palette-item[hidden]{display:none}.palette-cat{padding-top:18px}.editor-text-button{color:var(--tx2);background:transparent;border:0;font:12px var(--font);padding:5px;cursor:pointer;margin-left:auto}.editor-text-button:hover{color:var(--accent-ink,var(--accent))}
#canvas-vp{background-image:radial-gradient(circle,rgba(135,159,174,.16) 1px,transparent 1px);background-size:22px 22px;min-width:0}#canvas{width:2400px;height:2400px}.wf-node{height:82px;background:var(--surf);box-shadow:0 3px 12px #0003}.wf-node-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wf-node-hd{padding:7px 12px}.wf-node-body{padding:8px 12px}.wf-type-badge{font-size:9px;letter-spacing:.1em}.wf-port:after{content:'';position:absolute;inset:-7px}.wf-node:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.inspector{display:none;position:absolute;inset:12px 12px 12px auto;width:310px;z-index:110;border:1px solid var(--border2);border-radius:10px;box-shadow:0 12px 40px #0005}.inspector.is-open{display:flex}.inspector-hd{justify-content:space-between}.inspector-body{gap:16px}.inspector-body small{font-size:12px;line-height:1.5;color:var(--tx3)}.step-kicker{font:10px var(--mono);text-transform:uppercase;letter-spacing:.12em;color:var(--accent-ink,var(--accent))}.failure-toggle{display:flex;gap:8px;font-size:12px;align-items:center}.step-output{white-space:pre-wrap;overflow-wrap:anywhere;font:11px/1.6 var(--mono);background:var(--surf);padding:12px;border:1px solid var(--border);border-radius:5px}
.execution-console{height:300px;min-height:180px;max-height:55dvh;resize:vertical;overflow:auto;flex-shrink:0;border-top:1px solid var(--border2);background:var(--bg2)}.execution-console[hidden]{display:none}.execution-header{display:flex;align-items:center;gap:18px;padding:10px 20px;border-bottom:1px solid var(--border);font-size:13px}.execution-header span{font:10px var(--mono);color:var(--tx3)}.execution-body{display:grid;grid-template-columns:300px minmax(0,1fr);height:calc(100% - 42px)}.test-input-label{padding:12px 16px;display:flex;flex-direction:column;gap:8px;font:10px var(--mono);color:var(--tx3);border-right:1px solid var(--border)}#test-input{flex:1;min-height:110px;resize:none;background:var(--surf);color:var(--tx);border:1px solid var(--border2);border-radius:5px;padding:10px;font:11px/1.6 var(--mono)}.execution-results{padding:12px 16px;overflow:auto}#test-actions{display:flex;gap:8px;margin-bottom:10px}#test-results{font:12px/1.6 var(--font);color:var(--tx2);white-space:pre-line}.execution-step{display:block;width:100%;text-align:left;background:transparent;border:0;border-bottom:1px solid var(--border);padding:8px;color:var(--tx2);font:12px var(--font);cursor:pointer}.execution-step:hover{background:var(--surf2)}.execution-step.failed{color:var(--danger-fg,#DF796F)}.execution-step.success{color:var(--ok-fg,#4DB6AC)}.execution-step.skipped{color:var(--tx3)}
@media(max-width:900px){.canvas-toolbar #node-count{display:none}.canvas-toolbar{flex-wrap:wrap;padding:8px 12px}.editor-bar{padding:0 12px;gap:6px}.editor-bar .status{display:none}.editor-pb-name{flex:1;width:100px}.editor-bar .ed-actions{gap:5px}.canvas-toolbar select{flex:1;max-width:220px}.execution-body{grid-template-columns:minmax(160px,35%) minmax(0,1fr)}}
@media(max-width:520px){.editor-bar{height:58px}.editor-back span{display:none}.editor-back{padding-right:4px}.editor-pb-name{font-size:12px}.inspector{width:min(310px,calc(100% - 24px))}.canvas-toolbar select{max-width:150px}.execution-header span{display:none}.canvas-toolbar .btn{padding:6px 8px}.execution-body{grid-template-columns:1fr}.test-input-label{min-height:170px}.execution-body{height:auto}.execution-console{overflow:auto}}
[data-theme="projector"] .wf-node,[data-theme="projector"] .palette,[data-theme="projector"] .inspector{box-shadow:0 5px 20px #152b3b14}[data-theme="projector"] #canvas-vp{background-color:var(--bg);background-image:radial-gradient(circle,#62798b44 1px,transparent 1px)}
[data-theme="projector"] #canvas-svg>path{stroke:#587589!important}[data-theme="projector"] #canvas-svg>path[marker-end="url(#arr-yes)"]{stroke:#16734b!important}[data-theme="projector"] #canvas-svg>path[marker-end="url(#arr-no)"]{stroke:#aa443a!important}[data-theme="projector"] #canvas-svg>text{fill:#344e60!important}[data-theme="projector"] .wf-type-badge,[data-theme="projector"] .wf-node-hd>div:last-child{color:#354e60!important}
@media(max-width:520px){.editor-bar{height:auto;min-height:58px;flex-wrap:wrap;padding:10px}.editor-bar .ed-actions{width:100%;justify-content:flex-end}.editor-bar .btn{white-space:nowrap}.editor-pb-name{width:auto}}
/* Step executor cards and a deliberately spacious scrolling stage. */
#canvas-plane{position:relative;min-width:6000px;min-height:6000px}#canvas{position:absolute;top:0;left:0;overflow:visible}#canvas-svg{width:10000px;height:10000px;overflow:visible}
.wf-node{width:260px;height:112px;border-radius:12px;padding:12px 14px 0;background:var(--surf);border:1px solid var(--border3);box-shadow:0 5px 18px #0003}.step-card-top{display:flex;align-items:center;gap:9px;margin-bottom:9px}.step-card-icon{display:flex;width:28px;height:28px;align-items:center;justify-content:center;background:var(--surf3);border-radius:7px}.step-card-kind{font:10px var(--mono);text-transform:uppercase;letter-spacing:.1em;color:var(--tx3)}.step-card-number{margin-left:auto;font:10px var(--mono);color:var(--tx3)}.wf-node .wf-node-title{font:600 12px var(--jakarta);line-height:18px;margin:0 0 9px}.step-card-footer{display:flex;justify-content:space-between;align-items:center;gap:8px;border-top:1px solid var(--border);padding:7px 0;font:9px var(--mono);color:var(--tx3)}.step-card-footer .wf-node-sub{font-size:9px}.wf-port{width:12px;height:12px;background:var(--bg2);border:2px solid var(--tx3)}.wf-port.in{top:-6px}.wf-port.out,.wf-port.yes,.wf-port.no{bottom:-6px}.wf-port.yes{left:calc(33.333% - 6px)}.wf-port.no{left:calc(66.666% - 6px)}.wf-node.sel{border-color:var(--accent);box-shadow:0 0 0 3px #00aeef1c,0 8px 24px #0003}
.inspector{width:360px}.step-reference{font:10px var(--mono);padding:9px;border:1px solid var(--border2);border-radius:5px;color:var(--accent-ink,var(--accent));overflow-wrap:anywhere}.step-help{font-size:12px;line-height:1.6;color:var(--tx3);margin:0}.json-field{font:11px/1.6 var(--mono);resize:vertical}.variable-browser{border:1px solid var(--border2);border-radius:7px;padding:10px}.variable-browser summary{font-size:12px;font-weight:600;cursor:pointer}.variable-browser p{font-size:11px;color:var(--tx3);line-height:1.5}.variable-list{max-height:220px;overflow:auto;margin-top:8px}.variable-row{display:flex;flex-direction:column;gap:4px;text-align:left;width:100%;border:0;border-bottom:1px solid var(--border);padding:9px 4px;background:none;cursor:pointer;color:var(--tx2)}.variable-row:hover{background:var(--surf2)}.variable-row code{font:10px var(--mono);color:var(--accent-ink,var(--accent));overflow-wrap:anywhere}.variable-row span{font:10px var(--mono);white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:100%;color:var(--tx3)}
.canvas-toolbar{flex-wrap:wrap}.canvas-toolbar #node-count{display:none}
@media(max-width:700px){.palette{width:230px}.inspector{width:min(360px,calc(100% - 24px));z-index:130}}