/* One motion vocabulary for step mode; dimensions, surfaces and workflow states stay intact. */
.aim-page:not(.conversation-mode){--step-motion-ease:cubic-bezier(.2,.65,.3,1)}
.step-motion-ready.aim-page:not(.conversation-mode) #workflow-title{view-transition-name:step-title}
.step-motion-ready.aim-page:not(.conversation-mode) #workflow-help{view-transition-name:step-help}
.step-motion-ready.aim-page:not(.conversation-mode) .workflow-stage-body{view-transition-name:step-content}
.step-motion-ready.aim-page:not(.conversation-mode) .workflow-footer{view-transition-name:step-action}
/* Do not snapshot/fade the page, fixed Copilot or unchanged preview. */
::view-transition-old(root),::view-transition-new(root){animation:none;mix-blend-mode:normal}
::view-transition-group(*){animation-duration:0s}
::view-transition-old(step-title),::view-transition-old(step-help),
::view-transition-old(step-content),::view-transition-old(step-action){animation:step-leave 170ms ease-out both;mix-blend-mode:normal}
::view-transition-new(step-title),::view-transition-new(step-help),
::view-transition-new(step-content),::view-transition-new(step-action){animation:step-enter 220ms var(--step-motion-ease) both;mix-blend-mode:normal}
::view-transition-new(step-help){animation-delay:60ms}
::view-transition-new(step-content){animation-delay:120ms}
::view-transition-new(step-action){animation-delay:180ms}
@keyframes step-leave{to{opacity:0}}
@keyframes step-enter{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
@keyframes step-image-fade{from{opacity:.2}to{opacity:1}}
.aim-page:not(.conversation-mode) #workflow-steps button{transition:background-color 180ms ease,color 180ms ease}
.aim-page:not(.conversation-mode) #workflow-steps button::before{transition:background-color 250ms ease}
.aim-page:not(.conversation-mode) #workflow-steps .workflow-step-number{transition:background-color 180ms ease,border-color 180ms ease,color 180ms ease}
.aim-page:not(.conversation-mode) #workflow-steps button[data-state="complete"] .workflow-step-number{animation:ai-fade 180ms ease-out both}
.aim-page:not(.conversation-mode) :is(.aim-channel-button,#ai-workflow input,#ai-workflow select,#ai-workflow textarea,#ai-workflow .workflow-customer-check){transition:background-color 180ms ease,border-color 180ms ease,color 180ms ease;transform:none}
.aim-page:not(.conversation-mode) :is(#workflow-feedback::before,#workflow-live-work .workflow-live-head>span,#workflow-live-output:empty){animation:none!important}
.aim-page:not(.conversation-mode) #workflow-live-output:empty{background:#f5f8f6}
.aim-page:not(.conversation-mode) #workflow-live-output>p{animation:none}
.aim-page:not(.conversation-mode) .workflow-image-build-canvas img{animation:step-image-fade 250ms ease-out both;filter:none;transform:none}
.aim-page:not(.conversation-mode) :is(.workflow-image-build-light,.workflow-image-shimmer){animation:none;display:none}
.aim-page:not(.conversation-mode) :is(.aim-image-reveal,.aim-edit-reveal,.aim-personalized){animation:ai-fade 180ms ease-out both;transform:none;filter:none}
.aim-page:not(.conversation-mode) .aim-stream.is-typing::after{animation:none}
.aim-page:not(.conversation-mode) #ai-workflow .aim-change-focus{animation:step-surface-confirm 400ms ease-out both}
.aim-page:not(.conversation-mode) #ai-workflow[data-checked="true"] #workflow-final{animation:step-surface-confirm 200ms ease-out both}
.aim-page:not(.conversation-mode) #workflow-confirm :is(.send-verification-icon,[data-send-step]::before,.send-result-icon){animation:none!important}
.aim-page:not(.conversation-mode) .msg-action-preparing::before{animation:none;background:#f5f8f6}
.aim-page:not(.conversation-mode) .msg-action-result{outline:none;animation:step-surface-confirm 400ms ease-out both}
::view-transition{pointer-events:none}
@media(prefers-reduced-motion:reduce){
 ::view-transition-old(step-title),::view-transition-old(step-help),::view-transition-old(step-content),::view-transition-old(step-action){animation:step-leave 100ms linear both}
 ::view-transition-new(step-title),::view-transition-new(step-help),::view-transition-new(step-content),::view-transition-new(step-action){animation:ai-fade 100ms linear both;transform:none}
 .aim-page:not(.conversation-mode) #workflow-steps button,
 .aim-page:not(.conversation-mode) #workflow-steps button::before,
 .aim-page:not(.conversation-mode) #workflow-steps .workflow-step-number{transition:background-color 100ms linear,color 100ms linear!important;animation:none!important}
}