*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden;background:#1a1a1a;color:#ccc;font-family:Courier New,monospace;font-size:12px}#app{display:flex;flex-direction:column;height:100vh}#topbar{height:28px;background:#111;border-bottom:1px solid #2a2a2a;display:flex;align-items:center;padding:0 8px;gap:2px;flex-shrink:0;z-index:300;position:relative}.logo{color:#999;font-weight:700;font-size:11px;letter-spacing:2px;padding:0 12px 0 2px;border-right:1px solid #2a2a2a;margin-right:4px;flex-shrink:0}.tbb{padding:3px 9px;background:none;border:none;color:#666;font-family:inherit;font-size:11px;cursor:pointer;border-radius:2px;white-space:nowrap}.tbb:hover{background:#222;color:#ccc}.tsep{width:1px;height:14px;background:#2a2a2a;margin:0 2px;flex-shrink:0}.hb{display:flex;align-items:center;gap:4px;padding:2px 8px;border-radius:2px;font-size:10px;flex-shrink:0}.hb.ok{color:#6a6;background:#152015}.hb.bad{color:#a55;background:#201515}#lsb{width:190px;background:#111;border-right:1px solid #2a2a2a;display:flex;flex-direction:column;overflow:hidden}.lsb-h{padding:7px 10px 5px;font-size:9px;font-weight:700;letter-spacing:1.5px;color:#555;text-transform:uppercase;border-bottom:1px solid #1e1e1e;flex-shrink:0}#lsb-scroll{flex:1;overflow-y:auto}.sg{padding:8px 10px 3px;font-size:9px;font-weight:700;letter-spacing:1.2px;color:#444;text-transform:uppercase}.si{display:flex;align-items:center;gap:7px;padding:5px 10px;cursor:pointer;color:#888;font-size:11px;border:none;background:none;width:100%;text-align:left;font-family:inherit}.si:hover{background:#1a1a1a;color:#ccc}.sic{width:8px;height:8px;border-radius:50%;flex-shrink:0}.lsb-sep{height:1px;background:#1e1e1e;margin:3px 0}#cvwrap{flex:1;position:relative;overflow:hidden;background:#1a1a1a}#cvwrap canvas{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}#wires{position:absolute;top:0;left:0;overflow:visible;pointer-events:none;width:100%;height:100%}#ci{position:absolute;top:0;left:0;transform-origin:0 0;overflow:visible}#cv{position:absolute;top:0;right:0;bottom:0;left:0;overflow:visible;cursor:default}.node{position:absolute;background:#222;border:1px solid #3a3a3a;min-width:256px;box-shadow:2px 4px 12px #00000080}.node.sel{border-color:#666;box-shadow:0 0 0 1px #555,2px 4px 12px #00000080}.node.col .nb,.node.col .na{display:none}.nh{display:flex;align-items:center;gap:6px;padding:4px 8px;cursor:grab;height:26px}.nt{font-size:11px;font-weight:700;color:#ccc;flex:1;letter-spacing:.3px}.nc{color:#555;font-size:10px;cursor:pointer;padding:0 3px;line-height:1;border:none;background:none;font-family:inherit}.nsd{width:5px;height:5px;border-radius:50%;background:#333;flex-shrink:0}.nsd.running{background:#a85;animation:blink 1s infinite}.nsd.complete{background:#5a5}.nsd.error{background:#a55}.nb{padding:6px 8px;border-top:1px solid #2a2a2a}.fl{display:block;font-size:9px;color:#555;letter-spacing:.8px;text-transform:uppercase;margin-top:5px;margin-bottom:2px}.fl:first-child{margin-top:0}.fi,.fta,.fsel{width:100%;background:#181818;border:1px solid #2e2e2e;color:#bbb;font-family:inherit;font-size:11px;padding:3px 6px;outline:none}.fta{resize:vertical;min-height:42px;line-height:1.5}.rr{display:flex;align-items:center;gap:5px}.rng{flex:1;-webkit-appearance:none;height:2px;background:#2e2e2e;cursor:pointer;outline:none}.rng::-webkit-slider-thumb{-webkit-appearance:none;width:9px;height:9px;border-radius:50%;background:#777;cursor:pointer}.rv2{min-width:26px;text-align:right;font-size:9px;color:#777}.ndrop{width:100%;aspect-ratio:16/9;background:#161616;border:1px dashed #2e2e2e;display:flex;align-items:center;justify-content:center;font-size:9px;color:#444;cursor:pointer;position:relative;overflow:hidden;margin-top:4px}.ndrop:hover,.ndrop.dov{border-color:#555;color:#777}.ndrop img,.ndrop video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.na{display:flex;border-top:1px solid #2a2a2a}.nab{flex:1;padding:4px;background:none;border:none;border-right:1px solid #2a2a2a;color:#555;font-family:inherit;font-size:10px;cursor:pointer;text-align:center}.nab:last-child{border-right:none}.nab:hover{background:#2a2a2a;color:#bbb}.nab.run{color:#9a7}.np{height:2px;background:#161616}.npf{height:100%;background:#666;width:0;transition:width .3s}.port{position:absolute;width:10px;height:10px;border-radius:50%;border:1.5px solid #111;cursor:crosshair;z-index:10}.port:hover{transform:scale(1.6)}.pin{left:-6px}.pout{right:-6px}.wire{fill:none;cursor:pointer;stroke-width:2}.wire:hover{opacity:.4}#statusbar{height:30px;background:#0d0d0d;border-top:1px solid #222;display:flex;align-items:center;padding:0 10px;gap:8px;font-size:10px;color:#555;flex-shrink:0}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}