:root{--workflow-morph-duration:470ms;--workflow-morph-easing:cubic-bezier(.2,.78,.2,1);--workflow-dock-extrusion:9px;--workflow-dock-scale:.065;--workflow-mid-radius:24px;--workflow-destination-radius:8px}
@media (hover:hover) and (pointer:fine) and (min-width:901px){
  #workflowStrip:not([data-expanded="true"]) .workflow-node:not(:disabled){--workflow-proximity:0;z-index:calc(1 + round(var(--workflow-proximity)*8));transform:translate3d(calc(var(--workflow-proximity)*var(--workflow-dock-extrusion)),0,0) scale(calc(1 + var(--workflow-proximity)*var(--workflow-dock-scale)));transform-origin:left center;will-change:transform}
  #workflowStrip.workflow-morph-active .workflow-node:not(.workflow-morph-source){--workflow-proximity:0!important}
  #workflowStrip:not([data-expanded="true"]) .workflow-node.workflow-hover-suppressed{z-index:1!important;width:63px!important;min-height:48px!important;overflow:hidden!important;border-radius:var(--bms-radius-2)!important;box-shadow:inset 4px 0 0 var(--bms-primary)!important;transform:none!important}
  #workflowStrip:not([data-expanded="true"]) .workflow-node.workflow-hover-suppressed :is(strong,small){visibility:hidden!important;opacity:0!important}
  #workflowStrip:not([data-expanded="true"]) .workflow-node.workflow-hover-suppressed .workflow-node-number{transform:none!important}
  #workflowStrip:not([data-expanded="true"]) .workflow-node.workflow-hover-suppressed::before{display:none!important}
}
.panel.workflow-shared-surface{position:relative;z-index:18;isolation:isolate;overflow:clip;transform-origin:left top;contain:paint;color:var(--ink);background:var(--surface)!important;will-change:transform,border-radius,box-shadow,opacity}
.panel.workflow-shared-surface>*{position:relative;z-index:1}
.panel.workflow-content-revealing>:first-child{animation:workflow-primary-content-reveal var(--workflow-morph-duration) var(--workflow-morph-easing) both}
.panel.workflow-content-revealing>:not(:first-child){animation:workflow-secondary-content-reveal var(--workflow-morph-duration) var(--workflow-morph-easing) both}
.workflow-node.workflow-morph-source{animation:workflow-source-handoff var(--workflow-morph-duration) cubic-bezier(.2,.7,.2,1) both;pointer-events:none}
.panel.workflow-panel-reveal{animation:workflow-panel-reveal 180ms ease-out both}
@keyframes workflow-source-handoff{0%,8%{opacity:1}20%,100%{opacity:.22}}
@keyframes workflow-primary-content-reveal{0%,22%{opacity:0;transform:translateY(6px)}58%,100%{opacity:1;transform:translateY(0)}}
@keyframes workflow-secondary-content-reveal{0%,36%{opacity:0;transform:translateY(8px)}82%,100%{opacity:1;transform:translateY(0)}}
@keyframes workflow-panel-reveal{from{opacity:.72;transform:scale(.995)}to{opacity:1;transform:scale(1)}}
@media (max-width:900px),(hover:none),(pointer:coarse){#workflowStrip .workflow-node{transform:none!important}}
@media (prefers-reduced-motion:reduce){#workflowStrip .workflow-node,.panel.workflow-shared-surface,.panel.workflow-shared-surface>*,.panel.workflow-panel-reveal{animation:none!important;transition:none!important;transform:none!important}}