/* AIVIO message hierarchy refinement: 8 / 4 / 3.
   Full sender labels remain compact and keep the logo primary.
   Flight speed remains 1.6 s. Sender icons are Phosphor (MIT). */
.product-scene-aivio .product-visual{height:auto;max-width:660px;width:100%}
.scene-aivio.aivio-flow{position:relative;display:block;height:auto;min-width:0}
.scene-aivio.aivio-flow::before,.scene-aivio.aivio-flow::after{content:none}
.aivio-flow-stage{position:relative;width:100%;aspect-ratio:5/4;isolation:isolate}
.aivio-flow-routes{position:absolute;inset:0;display:block;width:100%;height:100%;overflow:visible;pointer-events:none}
.aivio-route{fill:none;stroke:#9273bc;stroke-opacity:.3;stroke-width:1.3}
.aivio-motion-path{fill:none;stroke:none}
.aivio-orbit{fill:none;stroke:#b48bed;stroke-opacity:.1;stroke-width:1}
.aivio-message{opacity:0}
.aivio-message--client{--bubble-ink:#9edaf0;--bubble-bg:#142431;--bubble-border:#598aa3}
.aivio-message--ai{--bubble-ink:#1b0d31;--bubble-bg:#bb8dff;--bubble-border:#cfb0ff}
.aivio-message--operator{--bubble-ink:#a6dec9;--bubble-bg:#16302b;--bubble-border:#4f8b79}
.aivio-bubble-shape{fill:var(--bubble-bg);stroke:var(--bubble-border);stroke-width:1}
.aivio-compact-label{fill:var(--bubble-ink);font:600 11px/1 'Golos Text',Arial,sans-serif;letter-spacing:-.01em}
.aivio-message--operator .aivio-compact-label{font-size:9px;font-weight:600;letter-spacing:-.02em}
.aivio-message--ai .aivio-compact-label{font-weight:750}
.aivio-sender-icon{fill:var(--bubble-ink)}
.aivio-hub{position:absolute;left:50%;top:50%;width:26%;transform:translate(-50%,-50%);pointer-events:none}
.aivio-flow .aivio-hub .hero-mark{position:relative;width:100%;height:auto;object-fit:contain;transform:rotate(-9deg);animation:aivio-compact-reaction 1.6s cubic-bezier(.22,.7,.24,1) infinite;animation-play-state:paused}
.aivio-flow[data-motion="playing"] .aivio-hub .hero-mark{animation-play-state:running}
@keyframes aivio-compact-reaction{0%,100%{transform:rotate(-9deg) scale(1)}38%{transform:rotate(-7deg) scale(1.02)}70%{transform:rotate(-9deg) scale(1)}}
.aivio-channels{position:absolute;inset:0;list-style:none;margin:0;padding:0;--channel-size:48px}
.aivio-channel{position:absolute;left:var(--node-x);top:var(--node-y);width:94px;transform:translate(-50%,calc(var(--channel-size) / -2));display:flex;flex-direction:column;align-items:center;gap:9px;color:#eee6ff;font:500 12px/1.3 'JetBrains Mono',ui-monospace,monospace;text-align:center}
.aivio-channel-icon{width:var(--channel-size);height:var(--channel-size);display:grid;place-items:center;border:1px solid rgba(250,250,250,.14);border-radius:14px;background:var(--channel-bg);overflow:hidden}
.aivio-channel-icon img{width:30px;height:30px;max-width:100%;object-fit:contain;filter:brightness(0) invert(1)}
.aivio-channel-icon--kandai img{width:100%;height:100%;object-fit:cover;filter:none}
.aivio-flow-controls{display:flex;align-items:center;justify-content:flex-end;margin-top:8px;min-height:44px}
.aivio-flow-toggle{display:inline-flex;align-items:center;gap:7px;min-height:44px;padding:8px 12px;border:1px solid #8062b5;border-radius:12px;background:#201438;color:#eee6ff;font:500 12px/1.3 'JetBrains Mono',ui-monospace,monospace;cursor:pointer;touch-action:manipulation}
.aivio-flow-toggle img{width:16px;height:16px;filter:brightness(0) invert(1)}
.aivio-flow-toggle[hidden]{display:none}
.aivio-flow-toggle:focus-visible{outline:2px solid #eee6ff;outline-offset:4px}
.aivio-flow-toggle:active{background:#35214f}
.aivio-flow[data-motion="reduced"] .aivio-message{display:none}
.aivio-flow[data-motion="reduced"] .aivio-hub .hero-mark{animation:none}
@media(hover:hover) and (pointer:fine){.aivio-flow-toggle:hover{background:#35214f}}
@media(max-width:980px){.product-scene-aivio .product-visual{height:auto;max-width:580px}}
@media(max-width:720px){
 .product-scene-aivio .product-visual{height:auto}
 .aivio-channels{--channel-size:42px}
 .aivio-channel{width:74px;font-size:11px;gap:7px}
 .aivio-channel-icon{border-radius:12px}
 .aivio-channel-icon img{width:27px;height:27px}
 .aivio-channel-icon--kandai img{width:100%;height:100%}
 .aivio-flow-controls{margin-top:16px}
 .aivio-flow-toggle{font-size:11px;padding-inline:10px}
 .aivio-compact-label{font-size:14px}
 .aivio-message--operator .aivio-compact-label{font-size:10px}
}
@media(max-width:480px){.aivio-compact-label{font-size:19px}.aivio-message--operator .aivio-compact-label{font-size:10.5px}}
@media(max-width:360px){.aivio-channels{--channel-size:38px}.aivio-channel{width:68px;font-size:10px}.aivio-channel-icon img{width:24px;height:24px}.aivio-channel-icon--kandai img{width:100%;height:100%}}
@media(prefers-reduced-motion:reduce){
 .aivio-flow .aivio-message,.aivio-flow .aivio-flow-toggle{display:none}
 .product-feature:hover .aivio-flow .aivio-hub .hero-mark,.aivio-flow .aivio-hub .hero-mark{animation:none;transform:rotate(-9deg);transition:none}
}