.output-canvas[data-v-4873239a]{display:flex;flex-direction:column;height:100%;min-height:500px;border:1px solid #dbdbdb;border-radius:4px;overflow:hidden}.canvas-toolbar[data-v-4873239a]{display:flex;align-items:center;justify-content:space-between;padding:6px 10px;background:#f5f5f5;border-bottom:1px solid #dbdbdb;gap:6px;flex-shrink:0}.toolbar-left[data-v-4873239a],.toolbar-right[data-v-4873239a]{display:flex;align-items:center;gap:4px}.toolbar-separator[data-v-4873239a]{display:inline-block;width:1px;height:20px;background:#dbdbdb;margin:0 4px}.zoom-label[data-v-4873239a]{display:inline-block;min-width:40px;text-align:center;font-size:0.8rem;color:#4a4a4a}.drawflow-container[data-v-4873239a]{flex:1;position:relative;overflow:hidden;background-color:#fafafa;background-image:radial-gradient(circle,#ddd 1px,transparent 0);background-size:20px 20px}.canvas-statusbar[data-v-4873239a]{display:flex;align-items:center;padding:4px 10px;background:#f5f5f5;border-top:1px solid #dbdbdb;font-size:0.75rem;color:#7a7a7a;gap:16px;flex-shrink:0}.status-item[data-v-4873239a]{display:flex;align-items:center;gap:4px}.output-canvas .drawflow .drawflow-node{border-radius:6px;border:2px solid #dbdbdb;background:#fff;min-width:160px;box-shadow:0 2px 4px rgba(0,0,0,0.08)}.output-canvas .drawflow .drawflow-node.selected{border-color:#3273dc;box-shadow:0 2px 8px rgba(50,115,220,0.3)}.output-canvas .drawflow .drawflow-node .inputs .input,.output-canvas .drawflow .drawflow-node .outputs .output{width:12px;height:12px;border:2px solid #3273dc;background:#fff}.output-canvas .drawflow .drawflow-node .inputs .input:hover,.output-canvas .drawflow .drawflow-node .outputs .output:hover{background:#3273dc}.output-canvas .drawflow .connection{top:0;left:0;width:100%;height:100%;aspect-ratio:auto}.output-canvas .drawflow .connection .main-path{stroke:#3273dc;stroke-width:2px}.output-canvas .drawflow .connection .main-path:hover{stroke:#ff3860;stroke-width:3px}