.wf-canvas{--wf-node-w:220px;--wf-node-h:96px;--wf-canvas-h:480px;--xy-edge-stroke:var(--border-strong);--xy-edge-stroke-selected:var(--accent);--xy-connectionline-stroke:var(--accent);--xy-background-pattern-dots-color:var(--border);--xy-minimap-background-color:var(--surface-2);--xy-minimap-node-background-color:var(--border-strong);--xy-minimap-mask-background-color:color-mix(in srgb,var(--surface-1) 70%,transparent);--xy-node-border:1px solid var(--border);--xy-node-background-color:var(--surface-1);--xy-node-color:var(--text);--xy-handle-background-color:var(--accent);--xy-handle-border-color:var(--surface-1);--xy-selection-background-color:var(--accent-soft);--xy-selection-border:1px dashed var(--accent);position:relative;height:var(--wf-canvas-h);min-height:320px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;resize:vertical}.wf-canvas--loading{display:grid;place-items:center;color:var(--text-muted);font-size:var(--fs-200)}.wf-canvas.is-detached{filter:saturate(.55)}.wf-canvas .react-flow__edge-textbg{fill:var(--surface-2)}.wf-canvas .react-flow__edge-text{fill:var(--text-muted);font-size:10px}.wf-canvas .react-flow__attribution{background:transparent}.wf-canvas .react-flow__attribution a{color:var(--text-faint);font-size:var(--fs-100)}.wf-editor{display:grid;grid-template-columns:220px minmax(0,1fr) 300px;grid-gap:var(--space-4);gap:var(--space-4);align-items:start}@media (max-width:1100px){.wf-editor{grid-template-columns:minmax(0,1fr)}}.wf-editor__inspector,.wf-editor__palette{display:flex;flex-direction:column;gap:var(--space-3)}.wf-editor__head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-3)}.wf-canvas__controls{position:absolute;left:var(--space-3);bottom:var(--space-3);z-index:5;display:flex;gap:var(--space-2)}.wf-node{width:var(--wf-node-w);min-height:var(--wf-node-h);display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-3);background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-1);font-size:var(--fs-200);color:var(--text);transition:box-shadow .12s var(--ease),border-color .12s var(--ease)}.wf-node__title{font-weight:600;line-height:1.25}.wf-node__role{color:var(--text-muted);font-size:var(--fs-100)}.wf-node__chips{display:flex;flex-wrap:wrap;gap:var(--space-1);margin-top:auto}.wf-node__foot{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);margin-top:auto;color:var(--text-muted);font-size:var(--fs-100)}.wf-node__partial{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-faint);font-size:var(--fs-100);font-style:italic}.wf-node.is-selected{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.wf-node.is-idle{opacity:.55}.wf-node.is-running{border-color:var(--accent);animation:wf-pulse 1.6s ease-in-out infinite}.wf-node.is-awaiting{border-color:var(--warn)}.wf-node.is-done{border-color:var(--ok)}.wf-node.is-failed{border-color:var(--danger)}.wf-node.is-skipped .wf-node__title{text-decoration:line-through;color:var(--text-faint)}.wf-node.is-blocked{opacity:.7;border-style:dashed}@keyframes wf-pulse{0%,to{box-shadow:0 0 0 0 var(--accent-soft)}50%{box-shadow:0 0 0 6px var(--accent-soft)}}@media (prefers-reduced-motion:reduce){.wf-node.is-running{animation:none;box-shadow:0 0 0 2px var(--accent)}.wf-canvas .react-flow__edge.animated .react-flow__edge-path{animation:none}}.wf-run__head{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3)}.wf-run__progress{color:var(--text-muted);font-size:var(--fs-200)}.wf-run__body{display:grid;grid-template-columns:minmax(0,320px) minmax(0,1fr);grid-gap:var(--space-4);gap:var(--space-4);margin-top:var(--space-4);align-items:start}@media (max-width:900px){.wf-run__body{grid-template-columns:minmax(0,1fr)}}.wf-timeline{gap:var(--space-2);max-height:520px;overflow-y:auto}.wf-timeline,.wf-timeline__item{display:flex;flex-direction:column}.wf-timeline__item{gap:2px;padding:var(--space-2) var(--space-3);background:var(--surface-2);border:1px solid var(--border);border-left:3px solid var(--border-strong);border-radius:var(--radius-sm);font-size:var(--fs-200);text-align:left;cursor:pointer;color:inherit}.wf-timeline__item.is-running{border-left-color:var(--accent)}.wf-timeline__item.is-done{border-left-color:var(--ok)}.wf-timeline__item.is-awaiting{border-left-color:var(--warn)}.wf-timeline__item.is-failed{border-left-color:var(--danger)}.wf-timeline__item.is-selected{background:var(--surface-3);border-color:var(--accent)}.wf-timeline__time{color:var(--text-faint);font-size:var(--fs-100)}.wf-output{padding:var(--space-4);background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius);min-height:200px}.wf-output__meta{margin-bottom:var(--space-3);padding-bottom:var(--space-3);border-bottom:1px solid var(--border);color:var(--text-muted);font-size:var(--fs-100)}.wf-approval__actions,.wf-output__meta{display:flex;flex-wrap:wrap;gap:var(--space-2)}.wf-approval__actions{margin-top:var(--space-3)}.wf-approval textarea{width:100%;min-height:220px;font-family:inherit;font-size:var(--fs-200);line-height:1.5}.wf-persona-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));grid-gap:var(--space-3);gap:var(--space-3)}.wf-persona-card{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3);background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius);text-align:left;color:inherit;cursor:pointer}.wf-persona-card:hover{border-color:var(--border-strong)}.wf-persona-card.is-selected{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.wf-persona-card__name{font-weight:600}.wf-persona-card__role{color:var(--text-muted);font-size:var(--fs-100)}