.ai-head{align-items:end;display:grid;gap:40px;grid-template-columns:1fr 1fr;margin-bottom:28px}.ai-head h2{margin:0}.ai-frame{aspect-ratio:16/9;background:var(--gray-l);border-radius:14px;box-shadow:var(--shadow-stage);overflow:hidden;position:relative}.ai-caption{color:var(--mute);font-size:14px;margin-top:14px;max-width:900px}.ai-stage{background:var(--gray-l);color:var(--ink-violet);font-family:var(--font);font-size:16px;height:720px;left:0;line-height:normal;overflow:hidden;position:absolute;top:0;transform-origin:top left;width:1280px}.ai-stage *{box-sizing:border-box}.ai-stage h4,.ai-stage h5,.ai-stage p{margin:0;max-width:none}.ai-band{bottom:0;height:150px;left:0;position:absolute;width:1280px}.ai-band-fill{fill:var(--purple)}.ai-band-edge{fill:none;opacity:.6;stroke:var(--purple-2);stroke-width:2}.ai-bandline{color:var(--white);font-size:30px;font-weight:600;left:0;position:absolute;right:0;text-align:center;top:640px}.ai-stage [data-at]{opacity:0;transform:translateY(10px);transition:opacity .45s var(--ease),transform .45s var(--ease)}.ai-stage [data-at].is-on{opacity:1;transform:none}.ai-stage .is-gone{opacity:0!important;transform:translateY(-10px)!important}.ai-typing:after{animation:ai-blink .8s steps(1) infinite;background:currentColor;content:"";display:inline-block;height:1em;margin-left:2px;vertical-align:-.12em;width:2px}@keyframes ai-blink{50%{opacity:0}}.ai-status{border:2px solid var(--gray-d);border-radius:50%;flex:none;height:18px;position:relative;transition:all .3s var(--ease);width:18px}.is-working .ai-status{animation:ai-spin .9s linear infinite;border-color:var(--blue) var(--blue) transparent transparent}.is-done .ai-status{background:var(--gold);border-color:var(--gold)}.is-done .ai-status:after{border:solid var(--purple);border-width:0 2px 2px 0;content:"";height:9px;left:4px;position:absolute;top:1px;transform:rotate(45deg);width:5px}@keyframes ai-spin{to{transform:rotate(1turn)}}.ai-skel{background:var(--gray-d-a55);border-radius:5px;display:block;height:10px;margin-top:8px}.ai-w90{width:90%}.ai-w80{width:80%}.ai-w75{width:75%}.ai-w60{width:60%}.ai-draw{stroke-dasharray:600;stroke-dashoffset:600;transition:stroke-dashoffset 1.4s var(--ease)}.ai-draw.is-on{opacity:1;stroke-dashoffset:0;transform:none}.ai-d-300{--d:300ms}.ai-d-650{--d:650ms}.ai-d-1000{--d:1000ms}.ai-d-1350{--d:1350ms}.ai-d-1500{--d:1500ms}.ai-d-1600{--d:1600ms}.ai-d-1750{--d:1750ms}.ai-d-1800{--d:1800ms}.ai-d-2000{--d:2000ms}.ai-d-2250{--d:2250ms}.ai-d-2600{--d:2600ms}.ai-window{background:var(--white);border-radius:12px;box-shadow:var(--shadow-window);height:500px;left:70px;overflow:hidden;position:absolute;top:80px;width:1140px}.ai-win-head{align-items:center;border-bottom:1px solid var(--gray-l);color:var(--purple);display:flex;font-weight:600;gap:10px;height:46px;padding:0 20px}.ai-dot{background:var(--blue);border-radius:50%;height:10px;width:10px}.ai-chat{bottom:80px;display:flex;flex-direction:column;gap:14px;justify-content:flex-end;left:0;overflow:hidden;padding:16px 28px 14px;position:absolute;right:0;top:46px}.ai-grow{flex:none;max-height:0;overflow:hidden;transition:max-height .9s var(--ease),opacity .45s var(--ease),transform .45s var(--ease)}.ai-grow.is-on{max-height:var(--h,300px)}.ai-ask{--h:60px;display:flex;justify-content:flex-end}.ai-note{--h:30px;color:var(--mute-violet);font-size:15px}.ai-work{--h:290px;position:relative}.ai-response-wrap{--h:280px}.ai-actions-wrap{--h:56px}.ai-actions-wrap.is-on{overflow:visible}.ai-output-wrap{--h:230px}.ai-bubble{background:var(--purple);border-radius:16px 16px 4px 16px;color:var(--white);font-size:19px;padding:10px 18px}.ai-panels{display:flex;gap:17px}.ai-wires{left:0;pointer-events:none;position:absolute;top:0}.ai-wires path{fill:none;stroke:var(--purple-3);stroke-width:2}.ai-coord-wrap{--h:80px;padding-top:20px}.ai-coord{align-items:center;background:var(--lavender);border-radius:10px;display:flex;gap:12px;height:50px;margin-left:282px;padding:0 18px;width:520px}.ai-coord b{color:var(--purple);font-size:17px}.ai-coord span{color:var(--mute-violet);font-size:15px}.ai-token{background:var(--gold);border-radius:6px;height:12px;margin-left:-22px;opacity:0;position:absolute;top:198px;width:44px}.ai-token-1{left:175px;--dx:367px;--d:0ms}.ai-token-2{left:542px;--dx:0;--d:250ms}.ai-token-3{left:909px;--dx:-367px;--d:500ms}[data-frame="4"] .ai-token{animation:ai-fly 1.1s var(--ease) forwards;animation-delay:var(--d)}@keyframes ai-fly{0%{opacity:0;transform:none}15%{opacity:1;transform:none}85%{opacity:1;transform:translate(var(--dx),52px) scale(.8)}to{opacity:0;transform:translate(var(--dx),52px) scale(.5)}}.ai-input{align-items:center;border:1.5px solid var(--purple-3);border-radius:26px;bottom:18px;color:var(--ink-violet);display:flex;font-size:19px;height:52px;left:20px;padding:0 8px 0 22px;position:absolute;right:20px}.ai-input-text{flex:1}.ai-send{background:var(--purple);border-radius:50%;flex:none;height:38px;position:relative;width:38px}.ai-send:after{border:solid var(--white);border-width:2px 2px 0 0;content:"";height:10px;left:12px;position:absolute;top:12px;transform:rotate(45deg);width:10px}@media (max-width:980px){.ai-head{gap:20px;grid-template-columns:1fr}}