.tool-sequence-container{margin-bottom:.5rem;contain:layout;position:relative;z-index:1}.tool-sequence-container.is-transitioning{z-index:2}.tool-sequence-summary{padding:.5rem .75rem;border-radius:.375rem;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:background-color .2s ease;border:1px solid transparent}.tool-sequence-summary:hover{background-color:var(--primary-light)}.tool-sequence-summary:focus{outline:none}.tool-sequence-text{font-size:.75rem;font-weight:400;color:var(--foreground-muted,#9ca3af)}.expand-indicator{font-size:.625rem;color:var(--foreground-muted,#9ca3af);transition:transform .2s ease;will-change:transform;margin-right:.5rem}.expand-indicator.expanded{transform:rotate(90deg)}.tool-sequence-content{overflow:hidden;transition:max-height .5s cubic-bezier(.4,0,.2,1),opacity .4s cubic-bezier(.4,0,.2,1) .05s,transform .5s cubic-bezier(.4,0,.2,1);will-change:max-height,opacity,transform;transform-origin:top;position:relative}.tool-sequence-content.collapsed{max-height:0;opacity:0;pointer-events:none;margin-top:0;margin-bottom:0;transform:scaleY(.95)}.tool-sequence-content.expanded{max-height:99999px;opacity:1;pointer-events:auto;margin-bottom:0;transform:scaleY(1)}.tool-sequence-inner{padding-left:1rem;position:relative;transform:translateY(0);transition:transform .4s cubic-bezier(.4,0,.2,1) .1s,opacity .3s cubic-bezier(.4,0,.2,1) .15s}.tool-sequence-content.collapsed .tool-sequence-inner{transform:translateY(-8px);opacity:0}.tool-sequence-content.expanded .tool-sequence-inner,.tool-sequence-item{transform:translateY(0);opacity:1}.tool-sequence-item{position:relative;margin-bottom:.5rem;padding:.5rem 2.5rem .5rem 1rem;border-radius:.375rem;transition:background-color .15s ease,opacity .4s cubic-bezier(.4,0,.2,1),transform .4s cubic-bezier(.4,0,.2,1)}.tool-sequence-item:hover{background-color:var(--background-hover,rgba(0,0,0,.03))}.tool-sequence-item .cursor-pointer{margin-right:0}.tool-sequence-container,.tool-sequence-content,.tool-sequence-inner,.tool-sequence-item{contain:none!important}.tool-sequence-content.collapsed .tool-sequence-item{opacity:0;transform:translateY(-8px);transition-delay:0s;transition:opacity .3s cubic-bezier(.4,0,.6,1),transform .3s cubic-bezier(.4,0,.6,1)}.tool-sequence-content.expanded .tool-sequence-item:first-child{transition-delay:.1s}.tool-sequence-content.expanded .tool-sequence-item:nth-child(2){transition-delay:.15s}.tool-sequence-content.expanded .tool-sequence-item:nth-child(3){transition-delay:.2s}.tool-sequence-content.expanded .tool-sequence-item:nth-child(4){transition-delay:.25s}.tool-sequence-content.expanded .tool-sequence-item:nth-child(5){transition-delay:.3s}.tool-sequence-content.expanded .tool-sequence-item:nth-child(n+6){transition-delay:.35s}.tool-sequence-item:before{content:"";position:absolute;left:0;top:50%;width:.75rem;height:1px;background:var(--border,#e5e7eb);transform:translateY(-50%)}.tool-sequence-item:not(:last-child):after{content:"";position:absolute;left:0;top:0;bottom:0;width:1px;background:var(--border,#e5e7eb)}.working-indicator{display:inline-block;margin-left:.5rem;opacity:.7;position:relative}.working-indicator:before{content:"•••";font-size:8px;letter-spacing:2px;animation:working-pulse 1.5s ease-in-out infinite}@keyframes working-pulse{0%,80%,to{opacity:.3;transform:scale(1)}40%{opacity:1;transform:scale(1.1)}}.image-cache-container{margin-top:.5rem;margin-bottom:.5rem;position:relative;z-index:0}.image-cache-container.transitioning{z-index:1}.image-cache-container .tool-sequence-images{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem;padding-left:0;transition:opacity .4s cubic-bezier(.4,0,.2,1),transform .4s cubic-bezier(.4,0,.2,1)}.image-cache-container.collapsed .tool-sequence-images{opacity:1;transform:translateY(0) scale(1);pointer-events:auto;padding-left:1.125rem}.image-cache-container.expanded .tool-sequence-images{display:none}.image-cache-container.transitioning.expanding{animation:collapse-container-space .3s cubic-bezier(.4,0,.6,1) forwards}@keyframes collapse-container-space{0%{margin-top:.5rem;margin-bottom:.5rem;max-height:1000px}to{margin-top:0;margin-bottom:0;max-height:0;overflow:hidden}}.image-cache-container.transitioning.collapsing .tool-sequence-images{opacity:0;transform:translateY(20px) scale(.95);animation:cached-images-enter-from-below .4s cubic-bezier(.4,0,.2,1) .3s forwards}.image-cache-container.transitioning.expanding .tool-sequence-images{opacity:1;transform:translateY(0) scale(1);animation:cached-images-exit-downward .3s cubic-bezier(.4,0,.6,1) forwards;animation-fill-mode:forwards}.image-cache-container.transitioning .tool-sequence-images{opacity:.3;transform:translateY(-6px) scale(.98)}.tool-sequence-container.is-transitioning .image-cache-container,.tool-sequence-container.is-transitioning .tool-item-images{will-change:opacity,transform}@keyframes cached-images-enter-from-above{to{opacity:1;transform:translateY(0) scale(1)}}@keyframes cached-images-enter-from-below{to{opacity:1;transform:translateY(0) scale(1)}}@keyframes cached-images-exit-upward{to{opacity:0;transform:translateY(-25px) scale(.85)}}@keyframes cached-images-exit-downward{to{opacity:0;transform:translateY(25px) scale(.85)}}.tool-sequence-images{margin-top:.5rem;margin-bottom:.5rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem;padding-left:0}@keyframes images-enter-from-above{to{opacity:1;transform:translateY(0) scale(1)}}.tool-sequence-images.enter-from-below{transform:translateY(12px) scale(.95);animation:images-enter-from-below .4s cubic-bezier(.4,0,.2,1) forwards}@keyframes images-enter-from-below{to{opacity:1;transform:translateY(0) scale(1)}}.tool-sequence-images.exit-downward{opacity:1;transform:translateY(0) scale(1);animation:images-exit-downward .3s cubic-bezier(.4,0,.6,1) forwards}@keyframes images-exit-downward{to{opacity:0;transform:translateY(20px) scale(.9)}}.tool-sequence-images.exit-upward{opacity:1;transform:translateY(0) scale(1);animation:images-exit-upward .3s cubic-bezier(.4,0,.6,1) forwards}@keyframes images-exit-upward{to{opacity:0;transform:translateY(-20px) scale(.9)}}.cached-tool-image{border-radius:.5rem;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease,opacity .3s ease}.cached-tool-image:hover{transform:scale(1.02);box-shadow:0 4px 12px rgba(0,0,0,.1)}.tool-sequence-images .tool-sequence-image{border-radius:.5rem;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.tool-sequence-images .tool-sequence-image:hover{transform:scale(1.02);box-shadow:0 4px 12px rgba(0,0,0,.1)}.tool-item-images{margin-top:.5rem;transition:opacity .3s cubic-bezier(.4,0,.6,1),transform .3s cubic-bezier(.4,0,.6,1)}.tool-item-images.stable{opacity:1;transform:translateY(0) scale(1)}.tool-item-images.exiting-downward{opacity:0;transform:translateY(15px) scale(.95)}.tool-sequence-content.collapsed .tool-item-images{opacity:0;transform:translateY(10px) scale(.9);transition:opacity .25s cubic-bezier(.4,0,.6,1),transform .25s cubic-bezier(.4,0,.6,1)}.tool-item-images.entering-from-above{opacity:0;transform:translateY(-12px) scale(.95);animation:tool-images-enter-from-above .4s cubic-bezier(.4,0,.2,1) .1s forwards}.tool-item-images.entering-from-below{opacity:0;transform:translateY(10px) scale(.95);animation:tool-images-enter-from-below .4s cubic-bezier(.4,0,.2,1) forwards}@keyframes tool-images-enter-from-above{to{opacity:1;transform:translateY(0) scale(1)}}@keyframes tool-images-enter-from-below{to{opacity:1;transform:translateY(0) scale(1)}}.image-placeholder{display:flex;align-items:center;justify-content:center;height:120px;background-color:var(--background-muted,#f3f4f6);color:var(--foreground-muted,#6b7280);font-size:.875rem;border-radius:.375rem}@media (prefers-reduced-motion:reduce){.expand-indicator,.tool-sequence-content,.tool-sequence-image,.tool-sequence-item,.working-indicator:after,.working-indicator:before{transition:none;animation:none}@keyframes working-pulse{0%,to{opacity:.5}}}@media (prefers-color-scheme:dark){.tool-sequence-item:hover{background-color:hsla(0,0%,100%,.03)}.image-placeholder{background-color:#374151;color:#9ca3af}}.tool-sequence-item:focus-visible{outline:2px solid var(--primary,#007bff);outline-offset:2px}