/* A live circuit skin for the existing editor. All artwork is non-interactive. */
.rf-payload-layer{position:absolute;inset:0;width:2400px;height:1600px;z-index:3;overflow:visible;pointer-events:none!important}
.rf-payload-layer *,.rf-power-wave,.rf-completion{pointer-events:none!important}
.rf-payload{--payload-colour:#9dfae0;filter:drop-shadow(0 0 5px color-mix(in srgb,var(--payload-colour) 55%,transparent))}
.rf-payload-halo{fill:var(--payload-colour);opacity:.1}.rf-payload-shell{fill:#071a24;stroke:var(--payload-colour);stroke-width:1.7}.rf-payload-core{fill:var(--payload-colour)}.rf-payload-pins{stroke:var(--payload-colour);stroke-width:1.5}.rf-payload-tail{stroke:var(--payload-colour);stroke-width:2;opacity:.65;stroke-linecap:round}
.rf-payload.is-held{--payload-colour:#e9bd70!important}.rf-payload.is-held .rf-payload-tail{opacity:0}.rf-circuit-pulse{fill:#eeffd7;stroke:#92ffda;stroke-width:2;filter:drop-shadow(0 0 5px #82ffdd)}
.rf-workbench .edge-spark{display:none}
.rf-workbench .flow-edge.active .edge-line{stroke:#90e4d0;stroke-width:3;stroke-dasharray:none;filter:drop-shadow(0 0 4px #71e4c840)}
.rf-workbench .flow-edge.done .edge-line{stroke:#62b39f;stroke-width:2.4}
.rf-workbench .flow-node[data-robot-machine=processing]{border-color:#b4f9e4!important;box-shadow:inset 0 0 0 3px #0e3a3b,0 0 0 1px #86e4ce30,0 0 25px #71dac51d,4px 5px #04131d!important}
.rf-workbench .flow-node .node-symbol{position:relative;overflow:visible}
.rf-workbench .flow-node[data-robot-machine=processing] .node-symbol::after{content:'';position:absolute;inset:-6px;border:2px solid #99ffe31f;border-top-color:#bdffe8;border-right-color:#72d6cf;border-radius:50%;animation:rf-process 1.8s linear infinite}
.rf-workbench .flow-node[data-robot-machine=processing] .node-handle{background:linear-gradient(110deg,transparent 20%,#b7ffe516 48%,transparent 72%) 160% 0 / 240% 100%;animation:rf-process-sheen 2s linear infinite}
.rf-machine-status{position:absolute;right:9px;bottom:-10px;z-index:3;padding:3px 7px;border:1px solid #6d9c93;border-radius:3px;background:#0b252b;color:#b5f4d8;font:6.5px/1.3 'IBM Plex Mono',monospace;letter-spacing:.08em;white-space:nowrap;pointer-events:none}
.rf-machine-status::before{content:'';display:inline-block;width:3px;height:3px;margin-right:5px;background:currentColor;vertical-align:1px;box-shadow:0 0 5px currentColor}
.rf-workbench .flow-node[data-robot-machine=waiting],.rf-workbench .flow-node[data-robot-machine=held]{border-color:#dfb36c!important;box-shadow:inset 0 0 0 3px #553e223d,0 0 19px #e8ae3d19,4px 5px #04131d!important}
.rf-workbench .flow-node:is([data-robot-machine=waiting],[data-robot-machine=held]) .rf-machine-status{border-color:#927843;background:#302a1d;color:#ffdc9b}
.rf-workbench .flow-node[data-robot-machine=waiting] .node-symbol{color:#ffdb8f;box-shadow:0 0 0 4px #dcba6922,inset 0 0 0 1px #e1b35b88}
.rf-workbench .flow-node[data-robot-machine=complete] .rf-machine-status{color:#9dc9b2;border-color:#3c6a61;background:#102b2f}
.rf-grid-status{display:inline-flex;align-items:center;gap:6px;margin-left:auto;margin-right:12px;color:#a6d2c5;font:8px/1.4 'IBM Plex Mono',monospace;letter-spacing:0;text-transform:none;white-space:nowrap}
.rf-grid-status[hidden]{display:none!important}.rf-grid-status>i{height:5px;width:5px;border-radius:50%;background:#99d8b8;box-shadow:0 0 6px #99d8b840}
.rf-grid-status[data-state=running]>i{background:#baffeb;box-shadow:0 0 9px #77ffdb;animation:rf-status-pulse 1.6s ease-in-out infinite}
.rf-grid-status:is([data-state=waiting],[data-state=held]){color:#e7c98d}.rf-grid-status:is([data-state=waiting],[data-state=held])>i{background:#edc472}
.rf-power-wave{position:absolute;inset:0;opacity:0;z-index:5;background:linear-gradient(0deg,transparent 35%,#91ffcf0b 48%,#bfffe224 50%,#c9fff209 52%,transparent 66%)}
.rf-completion{position:absolute;top:19px;right:20px;z-index:6;display:flex;align-items:center;gap:12px;max-width:calc(100% - 40px);padding:12px 16px 12px 11px;border:1px solid #c9c18a;border-radius:4px;background:linear-gradient(110deg,#243b36f5,#11262cf5);box-shadow:inset 0 0 0 3px #adbd7720,0 9px 30px #03121b66;color:#e9f7d5}
.rf-completion[hidden]{display:none!important}.rf-completion-icon{width:29px;height:29px;flex-shrink:0;display:grid;place-items:center;border:1px solid #a3d1a0;border-radius:50%;background:#94c78b1c;font-size:20px;color:#c6ffc5}.rf-completion strong{display:block;font:10px/1.4 'IBM Plex Mono',monospace;letter-spacing:.12em;color:#f4dda3}.rf-completion small{display:block;font:10px/1.5 'DM Sans',sans-serif;color:#b8d6cf;margin-top:3px}.rf-completion>i{position:absolute;inset:auto 10px -1px;height:2px;background:linear-gradient(90deg,transparent,#a1f5c6,transparent)}
.rf-motion-paused :is(.rf-grid-status>i,.flow-node .node-symbol::after,.flow-node .node-handle){animation-play-state:paused!important}
@keyframes rf-process{to{transform:rotate(360deg)}}
@keyframes rf-process-sheen{to{background-position:-70% 0}}
@keyframes rf-status-pulse{50%{opacity:.4}}
@media(max-width:760px){.rf-grid-status{font-size:7px;max-width:155px;overflow:hidden;text-overflow:ellipsis;margin-right:5px;gap:4px}.rf-workbench .canvas-label>span:first-child{font-size:0}.rf-workbench .canvas-label>span:first-child .tiny-dot{display:none}.rf-completion{top:10px;right:10px;max-width:calc(100% - 20px);padding:9px;gap:8px}.rf-completion small{font-size:9px}.rf-completion strong{font-size:9px}.rf-completion-icon{width:24px;height:24px;font-size:16px}}
@media(prefers-reduced-motion:reduce){.rf-workbench :is(.rf-grid-status>i,.flow-node .node-symbol::after,.flow-node .node-handle){animation:none!important}.rf-power-wave{display:none}.rf-payload{filter:none}}