/* AI agent page: scenes are the panel's own interface, simplified, played by ai.js */
.ai-kicker{font-family:var(--mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#B79BEE;margin-bottom:16px}
.ai-scene{position:relative;display:grid;grid-template-columns:1fr 250px;gap:0;min-height:360px;background:#F5F1EA;color:#1E1A16;overflow:hidden}
.ai-hero{border-radius:16px;border:1px solid var(--bd2);box-shadow:0 40px 120px rgba(0,0,0,.45)}
.ai-screens .ai-scene{aspect-ratio:16/9;min-height:0}
.ai-page{position:relative;padding:34px 28px;display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.ai-h{font-family:var(--character);font-size:26px;line-height:1.1;font-weight:600;color:#1E1A16}
.ai-t{font-size:13px;line-height:1.45;color:#6B625A;max-width:26ch}
.ai-btn{position:relative;margin-top:10px;padding:11px 18px;border-radius:999px;background:#FF5E3A;color:#fff;font-size:13px;font-weight:700;transition:filter .5s ease}
.ai-sel{position:absolute;opacity:0;font:600 10px var(--mono);color:#101010;background:var(--acid);padding:2px 6px;border-radius:4px;transition:opacity .3s}
.ai-btn .ai-sel{left:-2px;top:-24px;white-space:nowrap}
.ai-scene[hidden]{display:none}
.ai-scene.s1 .ai-btn{outline:1.5px solid var(--acid);outline-offset:3px}
.ai-scene.s1 .ai-sel{opacity:1}
.ai-scene.s4 .ai-btn{filter:brightness(.8)}
.ai-panel{display:flex;flex-direction:column;gap:8px;padding:10px;background:#141414;color:var(--tx);border-left:1px solid #2A2A28;min-width:0}
.ai-seg{display:flex;gap:2px;padding:2px;border:1px solid #2A2A28;border-radius:8px;background:#1C1C1B}
.ai-seg span{flex:1;text-align:center;padding:4px 0;border-radius:6px;color:var(--tx2);font-size:11px;font-weight:600}
.ai-seg span.on{background:#2A2A28;color:var(--tx)}
.ai-log{flex:1;display:flex;flex-direction:column;justify-content:flex-end;gap:6px;min-height:0}
.ai-log > *{opacity:0;transform:translateY(6px);transition:opacity .35s ease,transform .35s ease}
.ai-user{align-self:flex-end;max-width:85%;padding:7px 10px;border-radius:10px;background:#2A2A28;font-size:11.5px}
.ai-tool{font:10.5px var(--mono);color:var(--tx3)}
.ai-tool::before{content:"";display:inline-block;width:6px;height:6px;margin-right:6px;border-radius:50%;background:var(--acid);vertical-align:1px}
.ai-bot{font-size:11.5px;line-height:1.45;color:var(--tx2)}
.ai-bot code{font:10.5px var(--mono);color:var(--tx)}
.ai-apply{display:inline-block;margin-top:4px;padding:3px 8px;border:1px solid #3A3A37;border-radius:6px;color:var(--tx);font-weight:600}
.ai-scene.s2 .ai-user,.ai-scene.s3 .ai-tool.t1,.ai-scene.s4 .ai-tool.t2,.ai-scene.s5 .ai-bot,.ai-scene.s4 .ai-made{opacity:1;transform:none}
.ai-comp{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:8px;border:1px solid #3A3A37;border-radius:10px;background:#1C1C1B;min-height:62px;align-content:flex-start}
.ai-chip{padding:2px 7px;border-radius:5px;background:#2A2A28;font:10.5px var(--mono)}
.ai-type{flex:1 0 100%;min-height:15px;font-size:11.5px;color:var(--tx)}
.ai-type:empty::before{content:"Ask or describe a change";color:var(--tx3)}
.ai-search.ai-type:empty::before{content:"Search rules"}
.ai-send{margin-left:auto;width:20px;height:20px;border-radius:50%;background:var(--acid)}
.ai-comp-issue{gap:5px}
.ai-tgt{flex:0 0 100%;display:flex;gap:6px;padding-bottom:5px;border-bottom:1px solid #2A2A28;font:10px var(--mono);color:var(--tx3)}
.ai-tgt b{color:var(--tx);font-weight:500}
.ai-as{margin-left:auto}
.ai-ttl{flex:0 0 100%;font-size:12px}
.ai-go{margin-left:auto;padding:5px 11px;border-radius:12px;background:var(--acid);color:var(--onacid);font-size:11px;font-weight:700;transition:transform .15s}
.ai-scene.s3 .ai-go{transform:scale(.93)}
.ai-made{display:flex;flex-direction:column;gap:3px;padding:8px 10px;border:1px solid #3A3A37;border-radius:10px;font-size:11px;color:var(--tx2)}
.ai-made b{color:var(--tx);font-size:12px}
.ai-ok{font:10px var(--mono);color:#3BD671}
.ai-head{display:flex;gap:6px}
.ai-pill{padding:4px 8px;border:1px solid #3A3A37;border-radius:7px;font-size:11px;font-weight:600}
.ai-rules i{font-style:normal;transition:color .3s}
.ai-scene.s4 .ai-rules i{color:var(--acid)}
.ai-combo{display:flex;flex-direction:column;gap:2px;padding:6px;border:1px solid #3A3A37;border-radius:10px;background:#1C1C1B;font-size:11px}
.ai-search{padding:4px 4px 6px;border-bottom:1px solid var(--acid);margin-bottom:4px}
.ai-lab{padding:5px 4px 1px;font-size:10px;color:var(--tx3)}
.ai-opt{display:flex;justify-content:space-between;gap:6px;padding:4px;border-radius:5px;max-height:24px;overflow:hidden;transition:opacity .3s,max-height .3s,padding .3s,background .3s}
.ai-opt em{font-style:normal;color:var(--tx3);font-size:10px}
.ai-add{color:#B79BEE}
.ai-scene.s2 .ai-opt.f:not(.hit){opacity:0;max-height:0;padding:0 4px}
.ai-scene.s3 .ai-opt.hit{background:#2A2A28}
.ai-video{display:block;background:#0B0B0B}
.ai-video video{display:block;width:100%;height:100%;object-fit:cover}
.ai-points{margin:16px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px}
.ai-points li{position:relative;padding-left:18px;color:var(--tx2);font-size:14px}
.ai-points li::before{content:"";position:absolute;left:0;top:.55em;width:7px;height:7px;border-radius:2px;background:var(--acid)}
.ai-agents{display:flex;flex-wrap:wrap;gap:10px}
.ai-agents span{padding:10px 16px;border:1px solid var(--bd2);border-radius:999px;font-weight:600;font-size:15px}
.ai-agents .ai-mcpchip{border-style:dashed;color:var(--tx2);font-weight:500;font-size:14px}
.ai-step{display:inline-grid;place-items:center;width:28px;height:28px;margin-bottom:18px;border-radius:50%;background:var(--acid);color:var(--onacid);font-weight:800;font-size:14px}
@media (max-width:860px){.ai-scene{grid-template-columns:1fr}.ai-page{display:none}.ai-screens .ai-scene{aspect-ratio:auto;min-height:320px}}
@media (prefers-reduced-motion:reduce){.ai-log > *,.ai-btn,.ai-opt{transition:none}}
.ai-rules .r1{display:none;color:var(--acid)}
.ai-scene.s4 .ai-rules .r0{display:none}
.ai-scene.s4 .ai-rules .r1{display:inline}
.ai-combo .ai-search{flex:none;min-height:0}
.ai-scene[data-scene="rules"] .ai-btn{outline:none}
.ai-films{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin-top:32px}
.ai-films figure{margin:0}
.ai-films video{display:block;width:100%;aspect-ratio:16/9;border-radius:14px;border:1px solid var(--bd2);background:#000}
.ai-films figcaption{margin-top:12px;color:var(--tx2);font-size:14px}
.ai-films figcaption b{display:block;color:var(--tx);font-size:16px;margin-bottom:2px}
@media (max-width:860px){.ai-films{grid-template-columns:1fr}}
.ai-launch{display:block;width:100%;aspect-ratio:16/9;margin-top:28px;border-radius:18px;border:1px solid var(--bd2);background:#000;box-shadow:0 40px 120px rgba(0,0,0,.45)}