#amp-hiw-flow{padding:1.25rem 0 2.5rem}.amp-flow{display:flex;align-items:stretch;gap:0;position:relative;max-width:100%}.amp-flow-step{flex:1;display:flex;flex-direction:column;align-items:center;position:relative;opacity:.3;transition:opacity .5s ease;overflow:visible;z-index:1}.amp-flow-step.active{opacity:1;z-index:2}.amp-flow-step-number{width:28px;height:28px;border-radius:50%;background:rgba(0,0,0,.06);display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;color:#6b7280;margin-bottom:.5rem;transition:all .4s ease}.amp-flow-step.active .amp-flow-step-number{background:#000;color:#eae8dd}.amp-flow-step-label{font-size:.78rem;font-weight:600;color:#6b7280;margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.05em;transition:color .4s ease}.amp-flow-step.active .amp-flow-step-label{color:#000}.amp-flow-panel{width:100%;background:#fafaf8;border:1px solid rgba(0,0,0,.06);border-radius:12px;padding:1.25rem;min-height:180px;font-family:Inter,system-ui,-apple-system,sans-serif;position:relative;overflow:visible}.amp-flow-connector{position:absolute;top:14px;width:100%;height:2px;z-index:1}.amp-flow-connector-line{height:100%;background:#000;width:0;transition:width .6s ease}.amp-flow-connector.active .amp-flow-connector-line{width:100%}.amp-flow-connector-wrap{position:absolute;top:14px;height:2px;z-index:2}.amp-flow-connector-wrap:first-of-type{left:calc(100% / 6);width:calc(100% / 3)}.amp-flow-connector-wrap:last-of-type{left:calc(100% / 2);width:calc(100% / 3)}.amp-flow-systems{display:flex;flex-direction:column;gap:.4rem;margin-bottom:.75rem}.amp-flow-sys{display:flex;align-items:center;gap:.5rem;opacity:0;transform:translateX(-8px);transition:opacity .3s ease,transform .3s ease}.amp-flow-sys.visible{opacity:1;transform:translateX(0)}.amp-flow-sys-dot{width:8px;height:8px;border-radius:50%;background:rgba(0,0,0,.15);flex-shrink:0;transition:background .3s ease}.amp-flow-sys.connected .amp-flow-sys-dot{background:#000}.amp-flow-sys-name{font-size:.75rem;color:#6b7280;font-weight:500}.amp-flow-sys.connected .amp-flow-sys-name{color:#000}.amp-flow-sys-status{margin-left:auto;font-size:.65rem;font-weight:600;opacity:0;transition:opacity .3s ease}.amp-flow-sys.connected .amp-flow-sys-status{opacity:1;color:#000}.amp-flow-role{opacity:0;transform:translateY(6px);transition:opacity .35s ease,transform .35s ease}.amp-flow-role.visible{opacity:1;transform:translateY(0)}.amp-flow-role-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.amp-flow-role-name{font-size:.82rem;font-weight:700;color:#000}.amp-flow-role-badge{font-size:.65rem;font-weight:600;padding:.2rem .5rem;border-radius:100px;background:rgba(0,0,0,.06);color:#6b7280;transition:all .3s ease}.amp-flow-role-badge.active{background:#000;color:#4ade80}.amp-flow-task{display:flex;align-items:center;gap:.5rem;padding:.3rem 0;font-size:.75rem;color:#6b7280;opacity:0;transform:translateX(-6px);transition:opacity .3s ease,transform .3s ease}.amp-flow-task.visible{opacity:1;transform:translateX(0)}.amp-flow-task-check{width:14px;height:14px;border-radius:4px;border:1.5px solid rgba(0,0,0,.15);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .3s ease}.amp-flow-task.done .amp-flow-task-check{background:#000;border-color:#000}.amp-flow-task.done .amp-flow-task-check svg{opacity:1}.amp-flow-task-check svg{width:8px;height:8px;opacity:0;transition:opacity .2s ease}.amp-flow-task.done{color:#000}.amp-flow-log{display:flex;flex-direction:column;gap:.35rem}.amp-flow-log-item{display:flex;align-items:center;gap:.5rem;padding:.35rem .5rem;border-radius:6px;font-size:.72rem;opacity:0;transform:translateY(6px);transition:opacity .3s ease,transform .3s ease}.amp-flow-log-item.visible{opacity:1;transform:translateY(0);background:rgba(0,0,0,.02)}.amp-flow-log-time{font-family:"IBM Plex Mono",monospace;font-size:.65rem;color:#9ca3af;flex-shrink:0;min-width:42px}.amp-flow-log-text{color:#000;font-weight:500;flex:1}.amp-flow-log-check{width:14px;height:14px;flex-shrink:0;color:#000;opacity:0;transition:opacity .3s ease}.amp-flow-log-item.done .amp-flow-log-check{opacity:1}.amp-flow.fading{animation:amp-flow-fade-out .8s ease forwards}@keyframes amp-flow-fade-out{to{opacity:0;transform:translateY(8px)}}.amp-flow.fading-in{animation:amp-flow-fade-in .6s ease forwards}@keyframes amp-flow-fade-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){#amp-hiw-flow{padding:1rem 0 1.5rem}.amp-flow{flex-direction:column;gap:1.5rem}.amp-flow-connector-wrap{display:none}.amp-flow-step{opacity:1}.amp-flow-panel{min-height:auto;padding:1rem}.amp-flow-step-number{width:32px;height:32px;font-size:.85rem}.amp-flow-step-label{font-size:.85rem}.amp-flow-role-name{font-size:.9rem}.amp-flow-task{font-size:.8rem}.amp-flow-log-text{font-size:.78rem}}