.workflow-section{margin-top:58px;border-top:1px solid #c6ff4b33;padding-top:26px}.workflow-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:18px}.workflow-heading h3{font-size:24px;margin:9px 0 0;letter-spacing:-.05em;color:#e7eedb}.workflow-heading p{margin:0;color:#718267;font-size:10px;line-height:1.7}.workflow-toolbar{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-bottom:12px}.workflow-toolbar button{border:1px solid #ffffff25;border-radius:5px;background:#171c23;color:#cbdabf;padding:8px 11px;font-size:10px;box-shadow:0 3px 10px #0005}.workflow-toolbar button:hover{border-color:#c6ff4b;color:#c6ff4b}.workflow-toolbar .workflow-add-text,.workflow-toolbar .workflow-add-image,.workflow-toolbar .workflow-add-video{border-color:#c6ff4b55;color:#c6ff4b}.workflow-toolbar .workflow-status{margin-left:auto;color:#718267;font:9px Consolas,monospace}.workflow-canvas{position:relative;height:620px;overflow:hidden;border:1px solid #ffffff20;border-radius:7px;background-color:#090b0e;background-image:radial-gradient(#92999b45 1px,transparent 1px);background-size:18px 18px;cursor:grab;touch-action:none}.workflow-canvas.is-panning{cursor:grabbing}.workflow-world{position:absolute;left:0;top:0;width:100000px;height:100000px;transform-origin:0 0;will-change:transform;overflow:visible}.workflow-edges{position:absolute;inset:0;width:100000px;height:100000px;overflow:visible;pointer-events:visiblePainted}.workflow-edge{fill:none;stroke:#aab1b4;stroke-width:2;stroke-opacity:.9}.workflow-edge:hover{stroke:#c6ff4b}.workflow-node{position:absolute;width:410px;height:232px;background:#202022;border:1.5px solid #9a9b9f;border-radius:18px;box-shadow:0 12px 30px #000a;user-select:none;cursor:grab}.workflow-node:active{cursor:grabbing}.workflow-node:hover,.workflow-node.is-selected{border-color:#d7ff67;box-shadow:0 15px 35px #000c,0 0 0 1px #c6ff4b55}.workflow-node-head{position:absolute;left:0;right:0;top:-28px;height:24px;display:flex;align-items:center;gap:8px;padding:0 3px;border:0;background:none;border-radius:0}.workflow-node-kind{font:12px Arial,sans-serif;color:#d9dee0;letter-spacing:0}.workflow-node-title{display:block;max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;color:#b9c1c4}.workflow-node-delete{margin-left:auto;border:0;background:none;color:#889092;font-size:19px;line-height:1;padding:0;cursor:pointer}.workflow-node-delete:hover{color:#ff8585}.workflow-node-body{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:22px;color:#aeb4b9;font-size:12px;line-height:1.7;overflow:hidden;border-radius:17px}.workflow-node-body p{margin:0;max-width:90%;white-space:pre-wrap;overflow-wrap:anywhere;text-align:center;color:#d8dddf;font-size:16px}.workflow-node-body img,.workflow-node-body video{display:block;width:100%;height:100%;object-fit:contain;background:#202022;border-radius:15px}.workflow-node-body video{height:100%}.workflow-upload{position:absolute;z-index:2;bottom:12px;left:50%;transform:translateX(-50%);border:1px solid #8d8e95;border-radius:20px;background:#202022dd;color:#d8d9dd;padding:6px 13px;font-size:10px;opacity:0;cursor:pointer}.workflow-node:hover .workflow-upload{opacity:1}.workflow-upload:hover{border-color:#c6ff4b;color:#c6ff4b}.workflow-node-empty{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#62656d;font:10px Consolas,monospace;border:0;padding:0;text-align:center}.workflow-node-empty:before{content:'♧';display:block;color:#777983;font:48px/1 Arial,sans-serif;margin-bottom:10px}.workflow-port{position:absolute;top:50%;width:30px;height:30px;border:2px solid #8f9095;background:#090b0e;border-radius:50%;transform:translateY(-50%);cursor:crosshair;z-index:5;display:grid;place-items:center}.workflow-port:after{content:'+';color:#a9aaae;font:24px/1 Arial,sans-serif;font-weight:300}.workflow-port-in{left:-16px}.workflow-port-out{right:-16px}.workflow-port:hover,.workflow-port.is-pending{border-color:#c6ff4b;background:#202b12;box-shadow:0 0 14px #c6ff4b}.workflow-port:hover:after,.workflow-port.is-pending:after{color:#c6ff4b}.workflow-controls{position:absolute;left:16px;bottom:16px;z-index:4;display:flex;gap:4px;padding:5px;border:1px solid #ffffff20;border-radius:6px;background:#171c23e8;box-shadow:0 6px 18px #0008}.workflow-controls button{width:29px;height:29px;border:0;border-radius:3px;background:#242b33;color:#d3ddd4;font-size:16px}.workflow-controls button:hover{background:#c6ff4b;color:#10150c}.workflow-minimap{position:absolute;right:16px;bottom:16px;width:170px;height:105px;border:1px solid #ffffff2d;border-radius:5px;background:#171c23e8;box-shadow:0 6px 18px #0008;overflow:hidden}.workflow-minimap:before{content:'MINIMAP';position:absolute;right:7px;top:5px;color:#79877e;font:7px Consolas,monospace;z-index:2}.workflow-minimap-node{position:absolute;min-width:3px;min-height:3px;background:#c6ff4b;border-radius:1px;opacity:.85}.workflow-help{display:flex;justify-content:space-between;gap:15px;margin-top:10px;color:#64745d;font:9px Consolas,monospace}.workflow-empty{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;color:#718267;pointer-events:none}.workflow-empty strong{display:block;color:#c6ff4b;font:13px Consolas,monospace;margin-bottom:10px}.workflow-empty span{font-size:10px}.workflow-file{display:none}@media(max-width:760px){.workflow-section{margin-top:42px}.workflow-heading{display:block}.workflow-heading p{margin-top:10px}.workflow-canvas{height:520px}.workflow-node{width:300px;height:180px}.workflow-toolbar .workflow-status{width:100%;margin:3px 0 0}.workflow-minimap{right:10px;bottom:10px;transform:scale(.85);transform-origin:right bottom}.workflow-controls{left:10px;bottom:10px}.workflow-help{display:block;line-height:2}.workflow-help span{display:block}}@media(prefers-reduced-motion:reduce){.workflow-node{transition:none}}
.workflow-fullscreen{margin-left:0!important;border-color:#c6ff4b66!important;color:#c6ff4b!important}
.workflow-canvas:fullscreen{width:100vw;height:100vh;border:0;border-radius:0;z-index:100;background:#090b0e}.workflow-canvas.is-fullscreen-fallback{position:fixed;inset:0;width:100vw;height:100vh;z-index:100;border-radius:0}.workflow-fullscreen{border-color:#c6ff4b66!important;color:#c6ff4b!important}
.workflow-preview .workflow-canvas:fullscreen::after,.workflow-preview .workflow-canvas.is-fullscreen-fallback::after{content:'按 Esc 退出全屏';position:fixed;top:18px;right:22px;z-index:120;color:#d9e6d3;background:#11161ccc;border:1px solid #c6ff4b66;border-radius:4px;padding:8px 12px;font:10px Consolas,monospace;letter-spacing:.08em;pointer-events:none;box-shadow:0 6px 18px #0008}
.workflow-canvas.is-drop-target{border-color:#c6ff4b;box-shadow:inset 0 0 0 2px #c6ff4b44,0 0 25px #c6ff4b18}
.workflow-edge-temp{stroke:#c6ff4b!important;stroke-dasharray:7 5;stroke-width:3}.workflow-port.is-target{border-color:#c6ff4b;background:#c6ff4b;box-shadow:0 0 22px #c6ff4b}.workflow-port.is-target:after{color:#10150c}
.workflow-create-label{display:flex;align-items:center;gap:8px;color:#9ea9a0;font-size:10px}.workflow-create-type{border:1px solid #ffffff25;border-radius:4px;background:#171c23;color:#e7eedb;padding:7px 9px;font-size:10px}.workflow-readonly{justify-content:flex-end;color:#718078;font:9px Consolas,monospace}.workflow-preview .workflow-node{cursor:grab}.workflow-preview .workflow-port{pointer-events:none}.workflow-preview .workflow-controls{display:flex}.workflow-preview .workflow-empty{display:none}.workflow-editor-slot{padding-top:27px}
