.n8n-canvas-container{justify-content:center;align-items:center;width:100%;display:flex;overflow:hidden}.n8n-canvas{background-color:var(--plate);background-image:radial-gradient(var(--paper-2) 1.2px, transparent 1.2px);border:1px solid var(--rule);transform-origin:50%;background-size:16px 16px;border-radius:0;flex-shrink:0;width:440px;height:240px;transition:transform .3s;position:relative;overflow:hidden}.n8n-controls{z-index:10;gap:4px;display:flex;position:absolute;bottom:8px;left:8px}.n8n-control-btn{background:var(--paper-2);border:1px solid var(--rule);width:18px;height:18px;color:var(--ink-2);cursor:pointer;border-radius:0;justify-content:center;align-items:center;font-size:.65rem;display:flex}.n8n-status-pill{color:var(--seal);z-index:10;background:#ff7a661f;border:1px solid #ff7a664d;border-radius:0;align-items:center;gap:4px;padding:2px 6px;font-size:.55rem;font-weight:700;display:flex;position:absolute;top:8px;right:8px}.n8n-status-dot{background:var(--seal);border-radius:50%;width:4px;height:4px;animation:1.5s infinite n8nPulse}.n8n-node{background:var(--paper-2);border:1px solid var(--rule);box-sizing:border-box;z-index:5;width:90px;height:40px;box-shadow:0 4px 10px var(--paper-2);border-radius:0;align-items:center;padding:4px;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex;position:absolute}.n8n-node:hover{border-color:#ff6d5a;transform:translateY(-2px);box-shadow:0 4px 12px #ff6d5a33}.n8n-node-icon-wrapper{background:var(--paper-hi);border:1px solid var(--rule);border-radius:0;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;margin-right:6px;font-size:.85rem;display:flex}.n8n-node-details{flex-direction:column;justify-content:center;display:flex;overflow:hidden}.n8n-node-title{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-size:.45rem;font-weight:700;overflow:hidden}.n8n-node-type{color:var(--ink-2);white-space:nowrap;text-overflow:ellipsis;font-size:.35rem;overflow:hidden}.n8n-node-check{background:var(--seal);width:10px;height:10px;color:var(--ink);border:1px solid var(--paper-2);z-index:6;border-radius:50%;justify-content:center;align-items:center;font-size:.45rem;font-weight:800;display:flex;position:absolute;top:-4px;right:-4px}.n8n-port{border:1px solid var(--paper-2);background:#64748b;border-radius:50%;width:4px;height:4px;position:absolute;top:50%;transform:translateY(-50%)}.n8n-port-in{left:-3px}.n8n-port-out{right:-3px}.n8n-svg{pointer-events:none;z-index:2;width:100%;height:100%;position:absolute;top:0;left:0}@keyframes n8nPulse{0%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.5)}to{opacity:1;transform:scale(1)}}@media (width<=480px){.n8n-canvas{transform:scale(.85)}}@media (width<=400px){.n8n-canvas{transform:scale(.72)}}@media (width<=350px){.n8n-canvas{transform:scale(.62)}}.server-status-container{background:var(--plate);border:1px solid var(--rule);width:100%;max-width:320px;height:120px;box-shadow:0 4px 12px var(--paper-2);box-sizing:border-box;border-radius:0;flex-direction:column;gap:6px;margin:1.5rem auto 0;padding:8px;display:flex;position:relative}.server-header{border-bottom:1px solid var(--rule);justify-content:space-between;align-items:center;padding-bottom:4px;display:flex}.server-title-box{color:var(--ink-2);text-transform:uppercase;letter-spacing:.3px;align-items:center;gap:5px;font-size:.55rem;font-weight:700;display:flex}.status-led{background:var(--seal);width:6px;height:6px;box-shadow:none;border-radius:50%;animation:1.5s infinite alternate ledPulse}@keyframes ledPulse{0%{opacity:.4}to{opacity:1}}.server-metrics{justify-content:space-between;gap:8px;display:flex}.server-metric-item{background:var(--paper-hi);border:1px solid var(--rule);border-radius:0;flex-direction:column;flex:1;gap:1px;padding:4px;display:flex}.server-metric-label{color:var(--ink-3);font-size:.48rem}.server-metric-value{color:var(--ink);align-items:center;gap:3px;font-size:.58rem;font-weight:700;display:flex}.traffic-chart-box{flex:1;height:35px;position:relative;overflow:hidden}.traffic-svg{width:100%;height:100%}.traffic-line-path{fill:none;stroke:var(--seal);stroke-width:1.5px;stroke-linecap:round;stroke-dasharray:200;stroke-dashoffset:200px;animation:4s linear infinite drawTraffic}@keyframes drawTraffic{to{stroke-dashoffset:0}}.ai-agent-container{box-sizing:border-box;justify-content:space-between;align-items:center;width:100%;max-width:320px;height:120px;margin:1.5rem auto 0;display:flex;position:relative}.ai-flow-svg{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.ai-flow-node{background:var(--plate);border:1px solid var(--rule);width:82px;box-shadow:0 4px 12px var(--paper-2);z-index:2;box-sizing:border-box;border-radius:0;flex-direction:column;gap:3px;padding:5px;display:flex}.ai-flow-node-title{color:var(--ink-3);text-transform:uppercase;font-size:.48rem;font-weight:700}.ai-flow-node-content{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-size:.58rem;font-weight:600;overflow:hidden}.ai-center-node{background:var(--plate);z-index:2;width:44px;height:44px;box-shadow:none;border:1px solid #ff7a664d;border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative}.ai-node-glow{border:1px dashed #ff7a6680;border-radius:50%;width:100%;height:100%;animation:8s linear infinite spinAI;position:absolute}@keyframes spinAI{to{transform:rotate(360deg)}}.ai-node-brain{font-size:.9rem}.ai-tag-group{flex-direction:column;gap:3px;display:flex}.ai-tag{border-radius:0;align-self:flex-start;padding:1px 4px;font-size:.46rem;font-weight:700}.ai-tag-success,.ai-tag-info{color:var(--seal);background:#ff7a661a;border:1px solid #ff7a6633}.api-bridge-container{box-sizing:border-box;justify-content:space-between;align-items:center;width:100%;max-width:440px;height:140px;margin:1.5rem auto 0;display:flex;position:relative}.api-flow-svg{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.db-node{background:var(--plate);border:1px solid var(--rule);width:110px;box-shadow:0 4px 12px var(--paper-2);z-index:2;box-sizing:border-box;border-radius:0;flex-direction:column;gap:4px;padding:6px;display:flex}.db-header{color:var(--ink-2);align-items:center;gap:4px;font-size:.52rem;font-weight:700;display:flex}.db-icon{background:var(--seal);border-radius:0;width:6px;height:6px}.db-payload{background:var(--paper-hi);border:1px solid var(--rule);color:var(--seal);white-space:nowrap;border-radius:0;padding:3px;font-family:monospace;font-size:.44rem;overflow:hidden}.bridge-center-node{background:var(--plate);z-index:2;width:48px;height:48px;box-shadow:none;border:1px solid #ff7a664d;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;animation:2s infinite alternate bridgePulse;display:flex}@keyframes bridgePulse{0%{box-shadow:none;border-color:#ff7a664d}to{box-shadow:none;border-color:#ff7a6699}}.bridge-center-label{color:var(--ink-2);text-align:center;margin-top:1px;font-size:.42rem;font-weight:800;line-height:1.1}.bridge-center-icon{justify-content:center;align-items:center;font-size:.75rem;animation:6s linear infinite spinGear;display:flex}@keyframes spinGear{to{transform:rotate(360deg)}}.dest-stack{z-index:2;flex-direction:column;gap:8px;display:flex}.dest-card{background:var(--plate);border:1px solid var(--rule);width:110px;box-shadow:0 4px 10px var(--paper-2);box-sizing:border-box;border-radius:0;flex-direction:column;gap:3px;padding:5px;display:flex}.dest-header{justify-content:space-between;align-items:center;font-size:.48rem;font-weight:700;display:flex}.dest-body{color:var(--ink);font-size:.55rem;font-weight:700}.bento-card:hover .server-status-container{border-color:#ff7a664d}.bento-card:hover .ai-flow-node,.bento-card:hover .ai-center-node,.bento-card:hover .db-node,.bento-card:hover .dest-card,.bento-card:hover .bridge-center-node{border-color:#ff7a6659}@media (width<=480px){.server-status-container,.ai-agent-container,.api-bridge-container{transform-origin:bottom;transform:scale(.9)}}@media (width<=400px){.server-status-container,.ai-agent-container,.api-bridge-container{transform-origin:bottom;transform:scale(.8)}}[data-tilt]{animation:none!important}.wd-bullet-item{border:1px solid #0000;border-radius:0;padding:.45rem .7rem}[data-scene]:not(.active) *{animation-play-state:paused!important}[data-scrub] .n8n-node{transition:opacity .5s,transform .5s,border-color .5s,box-shadow .5s}[data-scrub] .n8n-svg,[data-scrub] .n8n-status-pill{transition:opacity .5s,border-color .5s,box-shadow .5s}[data-scrub] .n8n-canvas{transition:transform .3s,border-color .5s,box-shadow .5s}[data-scrub][data-stage="0"] .n8n-node-ai,[data-scrub][data-stage="0"] .n8n-node-crm,[data-scrub][data-stage="0"] .n8n-node-chat,[data-scrub][data-stage="1"] .n8n-node-crm,[data-scrub][data-stage="1"] .n8n-node-chat{opacity:.35;transform:scale(.96)}[data-scrub][data-stage="0"] .n8n-node-mail,[data-scrub][data-stage="1"] .n8n-node-mail{opacity:.3!important}[data-scrub][data-stage="2"] .n8n-node-mail{opacity:.45!important}[data-scrub][data-stage="0"] .n8n-node-trigger,[data-scrub][data-stage="1"] .n8n-node-ai{box-shadow:none;border-color:#ff7a66a6;transform:scale(1.03)}[data-scrub][data-stage="2"] .n8n-node-crm,[data-scrub][data-stage="2"] .n8n-node-chat{box-shadow:none;border-color:#ff7a6680}[data-scrub][data-stage="0"] .n8n-svg{opacity:.35}[data-scrub][data-stage="1"] .n8n-svg{opacity:.55}[data-scrub][data-stage="2"] .n8n-svg{opacity:.8}[data-scrub][data-stage="0"] .n8n-status-pill,[data-scrub][data-stage="1"] .n8n-status-pill{opacity:.55}[data-scrub][data-stage="3"] .n8n-status-pill{box-shadow:none;border-color:#ff7a66bf}[data-scrub][data-stage="3"] .n8n-canvas{box-shadow:none;border-color:#ff7a6647}