.axflow{--ax-yellow:var(--accent-yellow-bright,#ffd62a);--ax-navy:var(--brand-navy,#061b2b);--ax-blue:#46a3f9;--ax-indigo:#6149db;--ax-teal:#1fb39a;--ax-lav:#a78bfa;--ax-ink:#344054;--ax-muted:#667085;aspect-ratio:16/9;width:100%;color:var(--ax-ink);background:radial-gradient(78% 62% at 6% -14%,#4c79f147 0%,#4c79f114 46%,#4c79f100 76%),radial-gradient(52% 48% at 96% 8%,#6149db29 0%,#6149db00 70%),linear-gradient(#e4f5fa 0%,#eff3ff 46%,#fff 100%);border-radius:14px;font-family:-apple-system,Noto Sans,system-ui,sans-serif;position:relative;overflow:hidden}.axflow--dark{color:#fff;background:radial-gradient(70% 60% at 10% 0%, #6149db73 0%, #6149db00 70%), radial-gradient(50% 50% at 95% 100%, #1fb39a40 0%, #1fb39a00 70%), linear-gradient(160deg,#0b1a33 0%,var(--ax-navy) 100%)}.axflow__stage{transform-origin:0 0;width:1920px;height:1080px;transform:scale(var(--ax-scale,1));position:absolute;top:0;left:0}.axflow__graph{opacity:0;width:100%;height:100%;position:absolute;inset:0}.axflow__graph .axflow__stream{animation:2.6s linear infinite axflow-stream}.axflow__graph circle{transform-box:fill-box;transform-origin:50%;animation:3s ease-in-out infinite axflow-pulse}@keyframes axflow-stream{to{stroke-dashoffset:-44px}}@keyframes axflow-pulse{0%,to{opacity:.55}50%{opacity:1}}.axflow__ribbon{z-index:20;align-items:center;height:56px;display:flex;position:absolute;top:48px;left:96px;right:96px}.axflow__line{transform-origin:0;background:linear-gradient(90deg,var(--ax-yellow) 0%,var(--ax-yellow) 78%,#ffd62a40 100%);border-radius:3px;height:3px;position:absolute;top:27px;left:0;right:0;transform:scaleX(0)}.axflow__chip{z-index:1;letter-spacing:.01em;opacity:0;color:#0f6b4a;background:#ddf5ea;border:1.5px solid #b9e8d0;border-radius:999px;align-items:center;gap:8px;margin-right:auto;padding:8px 16px;font-size:15px;font-weight:600;display:flex;position:relative;box-shadow:0 2px 8px #061b2b14}.axflow__chip:last-child{color:#8a6a00;background:#fff3c4;border-color:#f3dd8a;margin-right:0}.axflow__chip i{border:2px solid;border-radius:50%;width:14px;height:14px;display:inline-block;position:relative}.axflow__chip i:after{content:"";border:2px solid;border-width:0 2px 2px 0;width:4px;height:7px;position:absolute;top:0;left:3px;transform:rotate(45deg)}.axflow__chip:last-child i:after{display:none}.axflow--dark .axflow__chip{color:#7fe3c9;box-shadow:none;background:#123b45;border-color:#7fe3c959}.axflow--dark .axflow__chip:last-child{color:var(--ax-yellow);background:#3a3210;border-color:#ffd62a66}.axflow__scene{z-index:7;perspective:2600px;perspective-origin:50% 40%;width:1920px;height:900px;position:absolute;top:150px;left:0}.axflow__shot{opacity:0;background:#fff;border-radius:14px;outline:1px solid #061b2b14;position:absolute;overflow:hidden;box-shadow:0 40px 90px -30px #061b2b73,0 8px 24px -8px #061b2b40}.axflow__shot img{width:100%;height:auto;display:block}.axflow__shot:after{content:"";pointer-events:none;border-radius:inherit;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff8c}.axflow__shot--fade{-webkit-mask-image:linear-gradient(90deg,#000 0% 80%,#0009 92%,#00000026 100%);mask-image:linear-gradient(90deg,#000 0% 80%,#0009 92%,#00000026 100%)}.axflow__s1{transform-origin:100%;z-index:1;width:720px;top:220px;left:40px}.axflow__s2{transform-origin:100%;z-index:2;width:800px;top:130px;left:400px}.axflow__s3{transform-origin:100%;z-index:3;width:720px;top:40px;left:760px}.axflow__s4{z-index:4;width:720px;top:170px;left:980px}.axflow__s5{z-index:5;width:720px;top:300px;left:1180px}.axflow__v1{z-index:10;width:940px;top:110px;left:110px}.axflow__v2{z-index:11;width:940px;top:260px;left:900px}.axflow__flow{z-index:6;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.axflow__flow path{opacity:0}.axflow__laptop{z-index:30;opacity:0;transform-origin:bottom;perspective:1800px;width:1100px;position:absolute;top:120px;left:410px}.axflow__lid{transform-origin:bottom;background:#111418;border-radius:22px 22px 6px 6px;padding:16px 16px 22px;position:relative;box-shadow:0 60px 110px -30px #061b2ba6,inset 0 0 0 1px #ffffff1f}.axflow__lid:before{content:"";background:#2a2f36;border-radius:50%;width:6px;height:6px;margin-left:-3px;position:absolute;top:6px;left:50%;box-shadow:inset 0 0 2px #000}.axflow__screen{aspect-ratio:16/10;color:#222;background:#f3f3f3;border-radius:6px;font-size:9px;position:relative;overflow:hidden}.axflow__base{background:linear-gradient(#d9dbe0,#b9bcc4);border-radius:0 0 14px 14px;height:14px;position:relative;box-shadow:0 8px 16px -6px #061b2b59}.axflow__base:after{content:"";background:#9aa0aa;border-radius:0 0 6px 6px;width:120px;height:5px;margin-left:-60px;position:absolute;top:0;left:50%}.axflow__titlebar{color:#fff;background:#b7472a;align-items:center;gap:6px;height:22px;padding:0 10px;font-size:9px;font-weight:600;display:flex}.axflow__tl{gap:5px;margin-right:8px;display:flex}.axflow__tl i{border-radius:50%;width:8px;height:8px;display:block}.axflow__tl i:first-child{background:#ff5f57}.axflow__tl i:nth-child(2){background:#febc2e}.axflow__tl i:nth-child(3){background:#28c840}.axflow__file{opacity:.95;margin:0 auto;font-weight:500}.axflow__tabs{color:#444;background:#fff;border-bottom:1px solid #ddd;align-items:flex-end;gap:14px;height:20px;padding:0 10px;font-size:8.5px;display:flex}.axflow__tabs span{padding:4px 2px}.axflow__tabs span.on{color:#b7472a;border-bottom:2px solid #b7472a;font-weight:600}.axflow__rib{background:#fafafa;border-bottom:1px solid #e3e3e3;align-items:center;gap:12px;height:34px;padding:0 10px;display:flex}.axflow__rib b{background:linear-gradient(#fff,#ececec);border:1px solid #d8d8d8;border-radius:3px;width:34px;height:20px;display:block}.axflow__rib b.y{background:var(--ax-yellow);border-color:#e6bf1f;width:60px}.axflow__body{height:calc(100% - 92px);display:flex}.axflow__thumbs{background:#f0f0f0;border-right:1px solid #ddd;flex-direction:column;gap:6px;width:19%;padding:8px 6px;display:flex;overflow:hidden}.axflow__thumbs div{color:#666;align-items:flex-start;gap:4px;font-size:7px;display:flex}.axflow__thumbs img{background:#fff;border:1px solid #cfcfcf;border-radius:2px;width:calc(100% - 10px);display:block}.axflow__thumbs div.on img{outline:2px solid #b7472a}.axflow__main{flex:1;justify-content:center;align-items:center;padding:14px 22px;display:flex;position:relative}.axflow__main img{border-radius:3px;width:100%;box-shadow:0 4px 14px #00000040}.axflow__status{color:#555;background:#f0f0f0;border-top:1px solid #ddd;align-items:center;gap:14px;height:16px;padding:0 8px;font-size:7.5px;display:flex;position:absolute;bottom:0;left:0;right:0}.axflow__status .r{gap:10px;margin-left:auto;display:flex}.axflow__dl{z-index:41;opacity:0;background:var(--ax-yellow);color:var(--ax-navy);border-radius:999px;align-items:center;gap:10px;padding:10px 18px;font-size:16px;font-weight:700;display:flex;position:absolute;top:22px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px -10px #061b2b66}.axflow__logo{z-index:41;opacity:0;height:64px;position:absolute;bottom:84px;right:96px}.axflow--dark .axflow__logo{height:44px}.axflow__cap{z-index:20;color:var(--ax-muted);letter-spacing:.02em;opacity:0;justify-content:space-between;font-size:15px;display:flex;position:absolute;bottom:38px;left:96px;right:96px}.axflow__cap b{color:var(--ax-ink);font-weight:600}.axflow--dark .axflow__cap{color:#9fb0c8}.axflow--dark .axflow__cap b{color:#fff}.axflow__cap span:before{content:"";vertical-align:-1px;background:var(--dot);border-radius:3px;width:10px;height:10px;margin-right:8px;display:inline-block}@media (prefers-reduced-motion:reduce){.axflow__graph,.axflow__chip,.axflow__laptop,.axflow__dl,.axflow__logo,.axflow__cap{opacity:1}.axflow__line{transform:none}.axflow__graph circle,.axflow__graph .axflow__stream{animation:none}}