.wfauto-demo{flex-direction:column;align-items:center;width:100%;height:100%;padding:60px 28px 24px;display:flex;overflow:hidden}.wfauto-inner{flex-direction:column;gap:24px;width:100%;max-width:340px;transition:opacity .4s ease-out;display:flex}.wfauto-fading{opacity:0}.wfauto-trigger,.wfauto-step{opacity:0;transition:opacity .35s ease-out,transform .35s ease-out;transform:translateY(8px)}.wfauto-visible{opacity:1;transform:translateY(0)}.wfauto-trigger{align-items:center;gap:12px;display:flex}.wfauto-trigger-dot{background:var(--color-gray-100);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.wfauto-trigger-title{font-family:var(--font-family);color:var(--color-gray-900);font-size:15px;font-weight:600;line-height:22px}.wfauto-steps{flex-direction:column;padding-left:6px;display:flex}.wfauto-step{flex-direction:row;align-items:flex-start;gap:14px;display:flex}.wfauto-step-left{flex-direction:column;flex-shrink:0;align-items:center;width:16px;display:flex}.wfauto-dot{border:1.5px solid var(--color-gray-300);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;transition:border-color .3s;display:flex}.wfauto-dot-filled{border-color:var(--color-gray-900)}.wfauto-dot-filled:after{content:"";background:var(--color-gray-900);border-radius:50%;width:9px;height:9px}.wfauto-dot-spinner{border:1.5px solid var(--color-gray-300);border-top-color:var(--color-gray-900);border-radius:50%;width:9px;height:9px;animation:.6s linear infinite wfauto-spin}@keyframes wfauto-spin{to{transform:rotate(360deg)}}.wfauto-line{background:var(--color-gray-200);width:1.5px;height:16px;margin:4px 0;transition:background .3s}.wfauto-line-filled{background:var(--color-gray-400)}.wfauto-step-label{font-family:var(--font-family);color:var(--color-gray-900);min-width:0;font-size:14px;font-weight:400;line-height:24px;transition:color .3s}.wfauto-step-label-pending{color:var(--color-gray-400)}.wfauto-step-icon{vertical-align:middle;opacity:.8;margin-left:6px;display:inline-flex}.wfauto-running{opacity:0;margin-top:8px;padding-left:6px;transition:opacity .3s}.wfauto-running.wfauto-visible{opacity:1}.wfauto-running .wf-ai-indicator{opacity:1;width:fit-content;animation:none;position:static}@media (width<=768px){.wfauto-demo{gap:18px;padding:16px 18px}.wfauto-inner{gap:18px}.wfauto-trigger-title{font-size:14px}.wfauto-step-label{font-size:13px}}