.spu-ai-box{background:#080808;border:1px solid rgba(212,175,55,.35);border-radius:18px;padding:16px;color:#f5df9c;max-width:720px}
.spu-ai-head{display:flex;gap:14px;align-items:center;border-bottom:1px solid rgba(212,175,55,.18);padding-bottom:12px;margin-bottom:12px}
.spu-ai-avatar{width:52px;height:52px;border-radius:50%;background:#d4af37;color:#000;display:flex;align-items:center;justify-content:center;font-weight:900}
.spu-ai-head h3{margin:0;color:#f5d36b}
.spu-ai-head p{margin:4px 0 0;color:#d7c28b}
.spu-ai-log{height:260px;overflow:auto;background:#000;border-radius:12px;padding:12px;margin-bottom:12px}
.spu-ai-msg{padding:10px 12px;border-radius:14px;margin:8px 0;max-width:82%}
.spu-ai-msg.bot{background:#181818;border:1px solid rgba(212,175,55,.25);color:#f5df9c}
.spu-ai-msg.user{background:#d4af37;color:#000;margin-left:auto}
.spu-ai-input{display:flex;gap:8px}
.spu-ai-input input{flex:1;background:#fff;color:#111;border-radius:999px;border:0;padding:12px 14px}
.spu-ai-input button,.spu-ai-actions a{background:#d4af37;color:#000;border:0;border-radius:999px;padding:12px 18px;font-weight:800;text-decoration:none;cursor:pointer}
.spu-ai-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
.spu-ai-playground{background:#050505;color:#f5df9c;border:1px solid rgba(212,175,55,.25);border-radius:20px;padding:22px}
@media(max-width:700px){.spu-ai-input{display:grid}.spu-ai-msg{max-width:100%}}