.automation-stage{--flow-grid:#44483b;--flow-track:#59604c;--flow-dot:#d8f58b;aspect-ratio:640/384;background:radial-gradient(at 48%,#3e4d2f66,#0000 65%);border-radius:18px;margin:12px -8px 28px;position:relative}.automation-stage>svg{width:100%;height:100%;display:block}.flow-node{--flow-icon-size:58px;text-align:center;width:28%;height:0;position:absolute;transform:translate(-50%)}.flow-node>span{width:var(--flow-icon-size);height:var(--flow-icon-size);color:#e4efda;background:#34402e;border:1px solid #77846a66;border-radius:17px;justify-content:center;align-items:center;display:flex;position:absolute;top:0;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 1px #ffffff12,0 8px 18px #10180f40}.flow-node>span>svg{stroke-width:1.6px;flex:0 0 24px;width:24px;height:24px;display:block}.flow-node>strong{margin-top:calc(var(--flow-icon-size) / 2 + 13px);font-size:var(--text-small);font-weight:500;display:block}.flow-node>small{font-size:var(--text-small);color:#b0b8a5;margin-top:5px;display:block}.flow-source{top:50%;left:15%}.flow-hub{--flow-icon-size:70px;top:50%;left:48.4375%}.flow-hub>span{color:#26321d;background:#d8f58b;border-color:#edffb0;border-radius:21px;box-shadow:0 0 0 7px #d8f58b0a,0 8px 30px #121c1155}.flow-hub>span>svg{flex-basis:29px;width:29px;height:29px}.flow-record{top:21.875%;left:84%}.flow-notify{top:78.125%;left:84%}.automation-stage[data-compact=true]{--flow-grid:#17181512;--flow-track:#17181544;--flow-dot:var(--orange);aspect-ratio:auto;background:0 0;flex:270px;width:100%;height:270px;min-height:260px;margin:10px 0 14px}.automation-stage[data-compact=true] .flow-node{--flow-icon-size:44px;width:46%}.automation-stage[data-compact=true] .flow-node>span{color:#171815;background:#f5f4ee;border-color:#ffffff70;border-radius:13px;box-shadow:0 3px 10px #6b230f15}.automation-stage[data-compact=true] .flow-node>strong{margin:calc(var(--flow-icon-size) / 2 + 7px) auto 0;background:var(--automation-paper);color:#171815;font-size:var(--text-small);white-space:nowrap;border-radius:3px;padding:1px 4px;font-weight:500;line-height:1.3;display:table}.automation-stage[data-compact=true] .flow-node>small{display:none}.automation-stage[data-compact=true] .flow-source{top:15.5556%;left:50%}.automation-stage[data-compact=true] .flow-hub{--flow-icon-size:56px;top:48.8889%;left:50%}.automation-stage[data-compact=true] .flow-hub>span{color:#f5f4ee;background:#171815;border-color:#171815;border-radius:17px;box-shadow:0 0 0 6px #1718150d,0 8px 22px #6b230f30}.automation-stage[data-compact=true] .flow-record{top:82.7778%;left:21.875%}.automation-stage[data-compact=true] .flow-notify{top:82.7778%;left:78.125%}.automation-stage[data-compact=true] .flow-source,.automation-stage[data-compact=true] .flow-hub{background:#f6eee5;border-radius:16px;align-items:center;gap:10px;width:84%;max-width:248px;height:62px;padding:9px 12px;display:flex;transform:translate(-50%,-50%);box-shadow:0 4px 12px #62331f12}.automation-stage[data-compact=true] .flow-source>span,.automation-stage[data-compact=true] .flow-hub>span{width:38px;height:38px;box-shadow:none;color:#171815;background:#eee7dc;border:0;border-radius:10px;flex:0 0 38px;position:static;transform:none}.automation-stage[data-compact=true] .flow-source>strong,.automation-stage[data-compact=true] .flow-hub>strong{text-align:left;white-space:normal;background:0 0;margin:0;padding:0;display:block}.automation-stage[data-compact=true] .flow-hub{background:#171815}.automation-stage[data-compact=true] .flow-hub>span{color:#f6eee5;background:#383932}.automation-stage[data-compact=true] .flow-hub>span>svg{flex-basis:24px;width:24px;height:24px}.automation-stage[data-compact=true] .flow-hub>strong{color:#f6eee5}