.workflow{--workflow-bg:transparent;--node-bg:#111;--node-border:#ffffff1f;--node-text:#fff;--secondary-text:#999;--connection-color:#ffffff38;--active-color:#8b7cf6;--node-radius:10px;--port-size:7px;--connection-width:1.25px;--signal-size:3.25px;--grid-gap-x:0px;--grid-gap-y:54px;background:var(--workflow-bg);width:100%;position:relative}.workflow-grid{grid-template-columns:repeat(var(--workflow-cols,24),minmax(0,1fr));column-gap:var(--grid-gap-x);row-gap:var(--grid-gap-y);align-items:stretch;display:grid;position:relative}.workflow-grid[data-layout=mobile]{--grid-gap-x:16px;--grid-gap-y:46px}.workflow-node{border:1px solid var(--node-border);border-radius:var(--node-radius);background:var(--node-bg);min-width:0;color:var(--node-text);z-index:2;will-change:transform,opacity;align-items:center;gap:10px;padding:12px 14px;display:flex;position:relative}.workflow-node__body{flex-direction:column;min-width:0;display:flex}.workflow-node__label{overflow-wrap:anywhere;min-width:0;font-size:13px;font-weight:500;line-height:1.3}.workflow-node__sublabel{color:var(--secondary-text);margin-top:2px;font-size:11px;line-height:1.3}.workflow-node--primary{padding:14px 16px}.workflow-node--dependency{padding:9px 11px}.workflow-node--dependency .workflow-node__label{font-size:11.5px}.workflow-node--model{text-align:center;flex-direction:column;gap:7px;padding:12px 10px}.workflow-node--model .workflow-node__label{overflow-wrap:normal;font-size:11.5px}.workflow-grid[data-layout=mobile] .workflow-node--model{padding:11px 5px}.workflow-node--selector{justify-content:center;padding:13px 16px}.workflow-logo{object-fit:contain;flex:none;display:block}.workflow-logo[data-missing=true]{visibility:hidden}.workflow-port{width:var(--port-size);height:var(--port-size);background:var(--connection-color);z-index:3;border-radius:50%;position:absolute}.workflow-port--top{top:0;left:50%;transform:translate(-50%,-50%)}.workflow-port--bottom{bottom:0;left:50%;transform:translate(-50%,50%)}.workflow-port--left{top:50%;left:0;transform:translate(-50%,-50%)}.workflow-port--right{top:50%;right:0;transform:translate(50%,-50%)}.workflow-port--anchor{background:0 0;width:1px;height:1px}.workflow-port-row{z-index:3;justify-content:space-around;width:100%;display:flex;position:absolute;left:0}.workflow-port-row--bottom{top:100%}.workflow-port-slot{flex-direction:column;align-items:center;display:flex;position:relative}.workflow-port-slot .workflow-port{position:relative;transform:translateY(-50%)}.workflow-port-label{white-space:nowrap;color:var(--secondary-text);margin-top:3px;font-size:9.5px;line-height:1.2}.workflow-connection-layer{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.workflow-connection{fill:none;stroke:var(--connection-color);stroke-width:var(--connection-width);stroke-linecap:round}.workflow-connection--primary{stroke-width:calc(var(--connection-width)*1.15)}.workflow-connection--dependency{stroke-opacity:.75}.workflow-signal{fill:var(--active-color);r:var(--signal-size)}.workflow-node.is-active{border-color:var(--active-color)}.workflow-port.is-active{background:var(--active-color)}.workflow-port-slot.is-active .workflow-port-label{color:var(--active-color)}.workflow-connection.is-active{stroke:var(--active-color)}@media (prefers-reduced-motion:reduce){.workflow-node,.workflow-connection{opacity:1!important;stroke-dashoffset:0!important;transform:none!important}.workflow-signal{display:none}}