@keyframes role-node-glow{0%,to{opacity:1;transform:scale(1)}50%{opacity:.88;transform:scale(1.05)}}@keyframes connection-flow{to{stroke-dashoffset:-12px}}.role-node-pulse{animation:2s ease-in-out infinite role-node-glow}.connection-active-line{stroke-dasharray:10 5;animation:1.2s linear infinite connection-flow}.strip-scroll::-webkit-scrollbar{display:none}.strip-scroll{-ms-overflow-style:none;scrollbar-width:none}@keyframes canvas-flow{0%{stroke-dashoffset:24px}to{stroke-dashoffset:0}}.pipeline-edge-active{stroke-dasharray:8 4;animation:1s linear infinite canvas-flow}@keyframes canvas-node-pulse{0%{box-shadow:0 0 0 3px var(--node-accent)CC,0 0 20px var(--node-accent)44}50%{box-shadow:0 0 0 5px var(--node-accent)88,0 0 32px var(--node-accent)33}to{box-shadow:0 0 0 3px var(--node-accent)CC,0 0 20px var(--node-accent)44}}.canvas-node-pulse{animation:1.6s ease-in-out infinite canvas-node-pulse}.canvas-node-sending{animation:1.1s ease-in-out infinite canvas-node-pulse}@keyframes edge-draw-in{0%{stroke-dashoffset:500px;stroke-dasharray:500 0;opacity:.4}to{stroke-dashoffset:0;stroke-dasharray:500 0;opacity:.9}}.pipeline-edge-draw{animation:.9s cubic-bezier(.4,0,.2,1) forwards edge-draw-in}
*{box-sizing:border-box;margin:0;padding:0}html,body{color:#1a1a1a;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f3f0e8;min-height:100vh;font-family:Plus Jakarta Sans,DM Sans,system-ui,sans-serif}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#d0ccc4;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#b0aca4}.skeleton{background:linear-gradient(90deg,#ece8e0 25%,#e8e4dc 50%,#ece8e0 75%) 0 0/200% 100%;border-radius:6px;animation:1.5s infinite shimmer}.spin{animation:1s linear infinite spin}::selection{color:#1a1a1a;background:#2b5a4833}button{cursor:pointer;background:0 0;border:none;outline:none;font-family:inherit}button:focus-visible{outline-offset:2px;border-radius:4px;outline:2px solid #2b5a48}