.wc-n8n{background:radial-gradient(ellipse at 82% 40%,#ffefec,transparent 60%),var(--platform-card)}.dn8-board{position:absolute;inset:7% 0 7%;background:#fff;border:1px solid #eccfc9;border-radius:17px;box-shadow:0 20px 45px #b65c4410;transform:rotate(-3deg)}.dn8-board-top{height:48px;display:flex;align-items:center;gap:12px;padding:12px 17px;border-bottom:1px solid #f1ddd7;color:#84564c;font:8px/1.4 monospace;letter-spacing:.1em}.dn8-board-top .menu-brand-art{width:41px;height:27px}.dn8-board-top img{width:39px;height:26px}.dn8-board-top>i{margin-left:auto;width:14px;height:3px;background:#dfc1b8}.dn8-board-top>i+i{margin-left:0;width:7px}.dn8-grid{position:absolute;inset:49px 0 0;background:radial-gradient(#d7aa9a55 1px,transparent 1px);background-size:17px 17px;mask-image:radial-gradient(ellipse,#000 35%,transparent 73%)}.dn8-node{position:absolute;top:35%;left:7%;width:103px;height:102px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:11px;border:1px solid #e5c4ba;background:#fff;border-radius:13px;box-shadow:0 9px 20px #a7573910;transition:transform .5s,box-shadow .5s;z-index:3;color:#865b50}.dn8-node>div{display:grid;place-items:center;width:33px;height:33px;border-radius:10px;background:#fff0e9;color:#c76c4c;animation:wc-float 8s ease-in-out infinite paused}.dn8-node .icon{width:21px;height:21px}.dn8-node strong{font-size:11px}.dn8-node>span{position:absolute;top:7px;left:9px;font:6px/1.4 monospace;color:#8b675e}.dn8-transform{left:40%}.dn8-action{left:auto;right:7%}.dn8-transform>div{animation-delay:-2.5s;background:#f0ecfb;color:#8970b3}.dn8-action>div{animation-delay:-5s;background:#ecf4ee;color:#689477}.dn8-branch{position:absolute;bottom:6%;left:43%;display:flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid #e4c9bf;border-radius:9px;background:#fff;color:#865b50;font:6px/1.5 monospace;z-index:3}.dn8-branch .icon{width:17px;height:17px}.dn8-wire{position:absolute;left:15%;right:12%;top:53%;height:2px;background:#deb9a9;overflow:hidden;z-index:1}.dn8-wire>i{position:absolute;inset:0;background:linear-gradient(90deg,transparent 35%,#cf784f 50%,transparent 65%);animation:wc-packet 7s linear infinite paused}.dn8-wire-two{top:56%;left:48%;right:auto;width:2px;height:28%}.dn8-wire-two>i{background:linear-gradient(transparent 35%,#b692c9 50%,transparent 65%);animation:dn8-down 6s linear infinite paused}.dn8-wire-three{display:none}.dn8-token{position:absolute;bottom:0;left:8%;display:flex;align-items:center;gap:8px;width:103px;height:40px;padding:9px 13px;background:#fff;border:1px solid #e8cbbf;border-radius:10px;transform:rotate(4deg);color:#865b50;box-shadow:0 7px 19px #a7573910}.dn8-token>span{font:700 13px/1 monospace}.dn8-token>i{width:4px;height:12px;background:#dfb8a6}.dn8-token>i:nth-child(3){height:8px}.wc-motion-active :is(.dn8-node>div,.dn8-wire>i){animation-play-state:running}[data-wc-scene="0"] .dn8-trigger,[data-wc-scene="1"] .dn8-transform,[data-wc-scene="2"] .dn8-action{transform:translateY(-6px);box-shadow:0 0 0 5px #eab6a52b,0 13px 23px #a7573910}@keyframes dn8-down{from{transform:translateY(-100%)}to{transform:translateY(100%)}}@media(max-width:1050px){.dn8-node{width:83px;left:5%}.dn8-transform{left:39%}.dn8-action{left:auto;right:5%}}@media(max-width:760px){.dn8-board{inset:6% 1% 8%}.dn8-node{width:77px;height:94px;left:4%}.dn8-transform{left:39%}.dn8-action{left:auto;right:3%}.dn8-node strong{font-size:10px}.dn8-node>div{width:30px;height:30px}.dn8-board-top{font-size:7px}.dn8-branch{left:41%}.dn8-token{width:94px;height:36px}}@media(max-width:360px){.dn8-node{width:65px}.dn8-node strong{font-size:8px}.dn8-transform{left:38%}.dn8-board-top{padding-inline:12px}}[data-theme=dark] .wc-n8n{background:radial-gradient(ellipse at 82% 40%,#ac624120,transparent 60%),var(--platform-card)}