.mmm-flow{grid-template-columns:160px 1fr 280px 1fr 160px;align-items:center;gap:0;width:100%;max-width:1400px;min-height:420px;display:grid;position:relative}.mmm-channels{z-index:2;flex-direction:column;grid-column:1;justify-self:stretch;gap:1.2rem;display:flex}.mmm-channel{opacity:0;background:var(--white-2);border:1px solid var(--white-10);border-radius:var(--radius-lg);align-items:center;gap:.6rem;width:100%;padding:.5rem .75rem;transition:border-color .3s,background .3s;display:flex}.mmm-channel:hover{border-color:var(--pink-border-light);background:var(--pink-10)}.mmm-channel-dot{border-radius:var(--radius-full);background:var(--term-green);width:8px;height:8px;box-shadow:var(--glow-green-sm);animation:2.5s ease-in-out infinite mmm-blink}.mmm-channel[data-index="0"] .mmm-channel-dot{animation-delay:0s}.mmm-channel[data-index="1"] .mmm-channel-dot{animation-delay:.4s}.mmm-channel[data-index="2"] .mmm-channel-dot{animation-delay:.8s}.mmm-channel[data-index="3"] .mmm-channel-dot{animation-delay:1.2s}.mmm-channel[data-index="4"] .mmm-channel-dot{animation-delay:1.6s}.mmm-channel-name{font-size:var(--text-sm);color:var(--white);font-weight:600}.mmm-channel-status{font-size:var(--text-xs);color:var(--white-50);font-family:JetBrains Mono,monospace}.mmm-node--hub{z-index:2;opacity:0;flex-direction:column;grid-column:3;justify-self:center;align-items:center;display:flex;position:relative;transform:translateY(-14px)}.mmm-hub-glow{background:radial-gradient(circle, var(--pink-40) 0%, transparent 70%);border-radius:var(--radius-full);z-index:-1;width:300px;height:300px;animation:4s ease-in-out infinite mmm-pulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes mmm-pulse{0%,to{opacity:.6;transform:translate(-50%,-50%)scale(1)}50%{opacity:1;transform:translate(-50%,-50%)scale(1.15)}}@keyframes mmm-blink{0%,to{opacity:1}50%{opacity:.3}}.mmm-node-icon{border:1px solid var(--pink);background:var(--pink-20);border-radius:var(--radius-lg);width:56px;height:56px;box-shadow:var(--glow-pink-inset);justify-content:center;align-items:center;margin-bottom:.75rem;display:flex}.mmm-node-icon svg{width:28px;height:28px;color:var(--pink)}.mmm-node-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-normal);color:var(--white-50);margin-bottom:.5rem}.mmm-hub-terminal{background:var(--code-bg);border:1px solid var(--pink-60);border-radius:var(--radius-md);opacity:0;width:280px;margin-top:.5rem;overflow:hidden}.mmm-term-header{background:var(--white-3);border-bottom:1px solid var(--white-10);align-items:center;gap:.75rem;padding:.5rem .75rem;display:flex}.mmm-term-dots{gap:4px;display:flex}.mmm-term-dots span{border-radius:var(--radius-full);background:var(--white-15);width:6px;height:6px}.mmm-term-dots span:first-child{background:var(--term-red)}.mmm-term-dots span:nth-child(2){background:var(--term-yellow)}.mmm-term-dots span:last-child{background:var(--term-green)}.mmm-term-title{font-size:var(--text-xs);color:var(--white-50);flex:1;font-family:JetBrains Mono,monospace}.mmm-term-status{font-size:var(--text-xs);color:var(--green);align-items:center;gap:4px;font-family:JetBrains Mono,monospace;display:flex}.mmm-status-dot{border-radius:var(--radius-full);background:var(--term-green);width:5px;height:5px;animation:2s ease-in-out infinite mmm-blink}.mmm-term-body{font-family:JetBrains Mono,monospace;font-size:var(--text-xs);line-height:var(--leading-relaxed);max-height:140px;padding:.6rem .75rem;overflow:hidden}.mmm-term-line{opacity:0;white-space:nowrap}.mmm-t-prompt{color:var(--green)}.mmm-t-cmd{color:var(--white-60)}.mmm-t-tag{color:var(--pink)}.mmm-t-ok{color:var(--green)}.mmm-hub-stats{gap:1.2rem;margin-top:1rem;display:flex}.mmm-hub-stat{text-align:center;background:var(--white-3);border:1px solid var(--white-10);border-radius:var(--radius-lg);padding:.6rem .8rem}.mmm-hub-stat-val{font-size:var(--text-base);color:var(--white);font-family:JetBrains Mono,monospace;font-weight:700}.mmm-hub-stat-label{font-size:var(--text-xs);color:var(--white-50);text-transform:uppercase;letter-spacing:var(--tracking-normal);margin-top:.2rem}.mmm-paths{z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0;overflow:visible}.mmm-path{fill:none;stroke:var(--pink-60);stroke-width:1.5px;stroke-dasharray:6 4}.mmm-outputs{z-index:2;flex-direction:column;grid-column:5;justify-self:stretch;gap:1.2rem;display:flex}.mmm-output{opacity:0;background:var(--white-2);border:1px solid var(--white-10);border-radius:var(--radius-lg);align-items:center;gap:.6rem;width:100%;padding:.5rem .75rem;transition:border-color .3s,background .3s;display:flex}.mmm-output:hover{border-color:var(--pink-border-light);background:var(--pink-10)}.mmm-output-dot{border-radius:var(--radius-full);background:var(--term-green);width:8px;height:8px;box-shadow:var(--glow-green-sm);animation:2.5s ease-in-out infinite mmm-blink}.mmm-output[data-index="0"] .mmm-output-dot{animation-delay:.2s}.mmm-output[data-index="1"] .mmm-output-dot{animation-delay:.7s}.mmm-output[data-index="2"] .mmm-output-dot{animation-delay:1.2s}.mmm-output[data-index="3"] .mmm-output-dot{animation-delay:1.7s}.mmm-output[data-index="4"] .mmm-output-dot{animation-delay:2.2s}.mmm-output-name{font-size:var(--text-sm);color:var(--white);font-weight:600}.mmm-output-status{font-size:var(--text-xs);color:var(--white-50);font-family:JetBrains Mono,monospace}.mmm-packets{z-index:1;pointer-events:none;position:absolute;inset:0}.mmm-packet{background:var(--pink);border-radius:var(--radius-full);width:6px;height:6px;box-shadow:var(--glow-pink-dual);opacity:0;position:absolute;transform:translate(-50%,-50%)}.mmm-packet--green{background:var(--term-green);box-shadow:var(--glow-green-dual)}@media (width<=1100px){.mmm-flow{grid-template-rows:auto auto auto;grid-template-columns:1fr;justify-items:center;gap:3rem}.mmm-paths,.mmm-packets{display:none}.mmm-channels{flex-flow:wrap;grid-column:auto;justify-content:center;justify-self:center;position:relative}.mmm-node--hub{grid-column:auto;transform:none}.mmm-outputs{flex-flow:wrap;grid-column:auto;justify-content:center;justify-self:center}.mmm-channels:after,.mmm-node--hub:after{content:"";background:repeating-linear-gradient(to bottom, var(--pink-60) 0px, var(--pink-60) 6px, transparent 6px, transparent 10px);width:2px;height:3rem;position:absolute;bottom:-3rem;left:50%;transform:translate(-50%)}.mmm-channels:before,.mmm-node--hub:before{content:"";border-radius:var(--radius-full);background:var(--pink);width:6px;height:6px;box-shadow:var(--glow-pink-dual);z-index:3;animation:2s ease-in-out infinite mmm-dot-travel;position:absolute;left:50%}.mmm-node--hub:before{background:var(--term-green);box-shadow:var(--glow-green-dual);animation-delay:.8s}}@keyframes mmm-dot-travel{0%{opacity:0;bottom:-1px;transform:translate(-50%)}15%{opacity:1}85%{opacity:1}to{opacity:0;bottom:-3rem;transform:translate(-50%)}}@media (width<=600px){.mmm-hub-terminal{width:100%;max-width:280px}.mmm-hub-stats{flex-wrap:wrap;justify-content:center}.mmm-channels,.mmm-outputs{gap:.6rem}.mmm-channel,.mmm-output{padding:.4rem .5rem}}