.foxora-workflow-canvas{background:var(--color-bg);width:100%;height:100%;min-height:360px;color:var(--color-t1);cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;border-radius:8px;position:relative;overflow:hidden}.foxora-workflow-canvas:active{cursor:grabbing}.foxora-workflow-grid{pointer-events:none;width:100%;height:100%;color:var(--color-line);opacity:.72;display:block;position:absolute;inset:0}.foxora-workflow-grid-dot{fill:currentColor}.foxora-workflow-toolbar{z-index:8;position:absolute;top:12px;right:12px}.foxora-workflow-graph{transform-origin:0 0;will-change:transform;position:absolute;top:0;left:0}.foxora-workflow-edges{pointer-events:none;position:absolute;inset:0;overflow:visible}.foxora-workflow-edge path{fill:none;stroke:var(--color-line-3);stroke-width:1.5px;stroke-dasharray:7 7;stroke-linecap:square;stroke-linejoin:miter}.foxora-workflow-arrow-path{fill:var(--color-line-3)}.foxora-workflow-edge text{fill:var(--color-t3);font-size:var(--text-xs);letter-spacing:0;font-weight:500}.foxora-workflow-edge-animated path{stroke:var(--color-accent);animation:28s linear infinite foxora-workflow-dash}@keyframes foxora-workflow-dash{to{stroke-dashoffset:-280px}}.foxora-workflow-node{border:1px solid var(--color-line);background:var(--color-elev);width:320px;height:152px;color:var(--color-t1);text-align:left;cursor:pointer;appearance:none;border-radius:8px;outline:none;flex-direction:column;justify-content:flex-start;gap:0;padding:0;transition:border-color .14s,background .14s,transform 80ms;display:flex;position:absolute;overflow:hidden}.foxora-workflow-node-editable{cursor:grab}.foxora-workflow-node-editable:active{cursor:grabbing}.foxora-workflow-node:hover{border-color:var(--color-line-2);background:var(--color-elev-2)}.foxora-workflow-node:focus-visible,.foxora-workflow-node-selected{border-color:var(--color-line-3);background:var(--color-elev-2)}.foxora-workflow-node-kicker{border-bottom:1px solid var(--color-line);min-width:0;color:var(--color-t3);font-size:var(--text-xs);grid-template-columns:minmax(0,1fr) auto;gap:.75rem;padding:.5625rem .875rem;font-weight:600;line-height:1.2;display:grid}.foxora-workflow-node-kicker span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.foxora-workflow-node-header{align-items:center;gap:.75rem;min-width:0;padding:.875rem;display:flex;position:relative}.foxora-workflow-node-icon{border:1px solid var(--color-line-2);background:var(--color-bg);width:2.25rem;height:2.25rem;color:var(--color-t2);border-radius:8px;flex:none;place-items:center;display:grid}.foxora-workflow-node-trigger .foxora-workflow-node-icon{border-color:var(--color-line-2);background:var(--color-bg);color:var(--color-t2)}.foxora-workflow-node-selected .foxora-workflow-node-icon{border-color:var(--color-accent);color:var(--color-accent)}.foxora-workflow-icon{width:1rem;height:1rem}.foxora-workflow-node-copy{flex-direction:column;flex:1;gap:.25rem;min-width:0;display:flex}.foxora-workflow-node-title{color:var(--color-t1);font-size:var(--text-base);-webkit-line-clamp:1;-webkit-box-orient:vertical;font-weight:600;line-height:1.25;display:-webkit-box;overflow:hidden}.foxora-workflow-node-subtitle{color:var(--color-t3);font-size:var(--text-sm);text-overflow:ellipsis;white-space:nowrap;line-height:1.25;overflow:hidden}.foxora-workflow-node-actions{flex:none;align-items:center;gap:.5rem;display:flex}.foxora-workflow-node-settings{border:1px solid var(--color-line);background:var(--color-bg);width:2rem;height:2rem;color:var(--color-t3);cursor:pointer;opacity:.86;border-radius:7px;flex:none;place-items:center;transition:background-color .14s,border-color .14s,color .14s,opacity .14s;display:grid}.foxora-workflow-node-settings:hover,.foxora-workflow-node-settings:focus-visible{border-color:var(--color-line-2);background:var(--color-elev-2);color:var(--color-t1);opacity:1;outline:none}.foxora-workflow-settings-icon{width:1rem;height:1rem}.foxora-workflow-node-tags{border-top:1px solid var(--color-line);flex-wrap:wrap;gap:.5rem;min-width:0;margin-top:auto;padding:.6875rem .875rem .75rem;display:flex;position:relative;overflow:hidden}.foxora-workflow-tag{border:1px solid var(--color-line);max-width:9.75rem;min-height:1.5rem;color:var(--color-t3);font-size:var(--text-xs);text-overflow:ellipsis;white-space:nowrap;border-radius:6px;align-items:center;padding:0 .5rem;line-height:1.375rem;display:inline-flex;overflow:hidden}.foxora-workflow-tag:first-child{max-width:11rem}.foxora-workflow-tag-accent{border-color:var(--color-accent);background:var(--color-accent);color:var(--color-bg)}.foxora-workflow-tag-muted{background:0 0}.foxora-workflow-tag-warning{border-color:var(--color-accent);color:var(--color-accent);background:0 0}.foxora-workflow-condition-branches{border-top:1px solid var(--color-line);grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.625rem;margin-top:auto;padding:.6875rem .875rem .75rem;display:grid}.foxora-workflow-branch-label{border:1px solid var(--color-line);min-height:1.5rem;color:var(--color-t2);font-size:var(--text-sm);border-radius:6px;justify-content:center;align-items:center;font-weight:600;line-height:1.375rem;display:inline-flex}.foxora-workflow-handle{border:1px solid var(--color-accent);background:var(--color-bg);border-radius:999px;width:.5rem;height:.5rem;position:absolute;left:50%;transform:translate(-50%)}.foxora-workflow-handle-in{top:-.3125rem}.foxora-workflow-handle-out,.foxora-workflow-handle-branch{bottom:-.3125rem}.foxora-workflow-handle-yes{left:32%}.foxora-workflow-handle-no{left:68%}.foxora-workflow-controls{z-index:7;border:1px solid var(--color-line-2);background:var(--color-elev);border-radius:8px;display:grid;position:absolute;bottom:14px;left:14px;overflow:hidden}.foxora-workflow-controls button{border:0;border-bottom:1px solid var(--color-line);width:2rem;height:2rem;color:var(--color-t2);cursor:pointer;background:0 0;place-items:center;display:grid}.foxora-workflow-controls button:last-child{border-bottom:0}.foxora-workflow-controls button:hover{background:var(--color-elev-2,var(--color-elev));color:var(--color-t1)}.foxora-workflow-controls button:focus-visible{outline:1px solid var(--color-line-3);outline-offset:-2px}.foxora-workflow-control-icon{width:1rem;height:1rem}