.workflow-view{display:flex;flex-direction:column;min-height:100%;background:var(--paper)}
.wf-header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding:32px 34px 25px;border-bottom:1px solid var(--line)}
.wf-header h1{font-size:26px;letter-spacing:-.8px;line-height:1.22;margin:9px 0 8px;font-weight:400}
.wf-header p:not(.eyebrow){font-size:13px;color:var(--muted)}
.draft-label{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--muted);padding-top:3px;white-space:nowrap}.draft-label i{width:5px;height:5px;border:1px solid currentColor;border-radius:50%}
.wf-canvas{position:relative;flex:1;min-height:450px;overflow:auto;background-image:radial-gradient(circle,rgba(36,78,255,.14) .6px,transparent .9px);background-size:19px 19px;display:flex;flex-direction:column}
.wf-map-space{width:calc(800px * var(--zoom) + 30px);height:calc(425px * var(--zoom) + 30px);flex-shrink:0;margin:auto}
.wf-map{position:relative;width:800px;height:425px;flex-shrink:0;transform:scale(var(--zoom));transform-origin:top left;margin:15px;}
.wf-lines{position:absolute;inset:0;width:100%;height:100%;color:var(--blue);opacity:.6}.wf-fine{opacity:.25;stroke-width:.6}
.wf-source-group{position:absolute;left:20px;top:58px;width:155px}.wf-source-group>.mono{font-size:9px;color:var(--muted);margin-bottom:13px;letter-spacing:.065em}
.wf-source{display:flex;align-items:center;gap:9px;width:155px;height:46px;margin-bottom:23px;background:var(--panel);border:1px solid var(--line-blue);border-radius:3px;position:relative;text-align:left;padding:0 10px;font-size:11px;color:var(--ink)}
.wf-source>svg{color:var(--blue);flex-shrink:0}.wf-port{position:absolute;right:-3px;top:20px;height:5px;width:5px;border-radius:50%;background:var(--paper);border:1px solid var(--blue)}
.wf-group-note{display:block;font-size:10px;color:var(--muted);margin-top:-6px}
.wf-node{position:absolute;width:182px;min-height:111px;background:var(--panel);border:1px solid var(--line-blue);border-radius:4px;padding:14px 14px 0;text-align:left;box-shadow:0 3px 9px rgba(30,45,80,.025);color:var(--ink);transition:border-color .15s,box-shadow .15s}
.wf-node:hover,.wf-source:hover{border-color:var(--blue)}.wf-node.selected,.wf-source.selected{border-color:var(--blue);box-shadow:0 0 0 3px rgba(36,78,255,.045)}
.wf-node.selected:before{content:'';position:absolute;top:-4px;left:-4px;width:6px;height:6px;border:1px solid var(--blue);background:var(--paper)}
.wf-node-top{display:flex;align-items:center;gap:10px;color:var(--blue);margin-bottom:9px}.wf-node-top .mono{font-size:9px;letter-spacing:.035em}.wf-node strong{font-size:15px;font-weight:500;letter-spacing:-.25px;display:block;margin-bottom:14px}
.wf-node-bottom{margin:0 -14px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding:9px 12px;font-size:10px;color:var(--muted)}
.wf-research{left:263px;top:139px}.wf-analysis{left:521px;top:139px}.wf-review{left:521px;top:288px}.wf-output{left:263px;top:288px}
.wf-review .wf-node-top{color:var(--coral)}
.wf-path-label{position:absolute;font-family:var(--mono);font-size:8px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);background:var(--paper);padding:2px 5px}
.wf-label-one{left:459px;top:165px}.wf-label-two{left:625px;top:258px}.wf-label-three{left:450px;top:309px}
.wf-footer{height:42px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 20px;gap:12px;background:var(--paper);flex-shrink:0}.wf-footer>.mono{font-size:9px;letter-spacing:.045em;color:var(--muted)}.wf-footer b{font-weight:400;margin:0 9px}.wf-zoom{display:flex;align-items:center;gap:7px}.wf-zoom>.mono{font-size:10px;min-width:34px;text-align:center}.wf-zoom .icon-button{width:24px;height:24px}.fit-button{border:0;border-left:1px solid var(--line);background:none;padding:3px 8px;margin-left:3px;font-size:11px;color:var(--muted)}
@media(max-width:760px){.wf-header{padding:24px 20px}.wf-header h1{font-size:25px}.wf-canvas{overflow:visible;display:block;min-height:0;padding:23px}.wf-map-space{width:100%;height:auto}.wf-map{width:auto;height:auto;transform:none;margin:0;display:flex;flex-direction:column;gap:24px;align-items:center}.wf-lines,.wf-path-label{display:none}.wf-source-group{position:relative;inset:auto;width:100%;max-width:280px;display:flex;flex-wrap:wrap;gap:8px}.wf-source-group>.mono{width:100%;margin:0}.wf-source{width:100%;margin:0;height:43px}.wf-group-note{margin:0}.wf-node{position:relative;inset:auto;width:100%;max-width:280px;min-height:108px}.wf-node:after{content:'';position:absolute;left:50%;height:24px;border-left:1px solid var(--line-blue);top:-25px}.wf-source-group:after{content:'';position:absolute;left:50%;height:24px;border-left:1px solid var(--line-blue);bottom:-24px}.wf-node.wf-research:after{display:none}.wf-output{order:5}.wf-review{order:4}.wf-zoom{display:none}.wf-footer{justify-content:center}.wf-footer>.mono{font-size:9px}}

.wf-header{position:relative;isolation:isolate;overflow:hidden}.wf-header>div:first-child{position:relative;z-index:1}.wf-header h1{font-size:clamp(25px,2.05vw,32px);letter-spacing:-1px;max-width:640px}.wf-coral{position:absolute;right:29px;top:8px;width:225px;bottom:3px;z-index:-1;pointer-events:none}.wf-coral img{position:absolute;right:0;bottom:-15px;opacity:.28;width:225px;height:auto}.wf-coral .draft-label{position:absolute;right:0;top:18px;font-size:9px}.wf-header>div:first-child{max-width:calc(100% - 140px)}
@media(max-width:1200px){.wf-coral{right:15px;width:120px}.wf-coral img{width:145px;opacity:.19}.wf-header>div:first-child{max-width:calc(100% - 30px)}}
@media(max-width:760px){.wf-header h1{font-size:25px}.wf-coral{right:-13px}.wf-coral img{width:150px;opacity:.14}.wf-coral .draft-label{right:29px;top:7px}.wf-header>div:first-child{max-width:100%}}