.my-ai-shell{margin:16px 0 22px;padding:18px;border:1px solid var(--line,#2a3240);border-radius:18px;background:rgba(10,14,22,.72)}
.my-ai-title,.my-ai-chat-head{display:flex;gap:16px;align-items:flex-start;justify-content:space-between}
.my-ai-title h2{margin:3px 0 6px}.my-ai-title p{margin:0}
.my-ai-tabs{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.my-ai-tabs button{display:flex;gap:7px;align-items:center}
.my-ai-tabs button.active{border-color:var(--accent,#69f);box-shadow:0 0 0 1px var(--accent,#69f) inset}
.my-ai-chat-head{margin-top:16px;padding-top:16px;border-top:1px solid var(--line,#2a3240)}
.my-ai-chat-head div{display:flex;flex-direction:column;gap:3px}
.my-ai-chat-head small{opacity:.72}
.my-ai-messages{margin-top:12px;min-height:220px;max-height:440px;overflow:auto;padding:12px;border:1px solid var(--line,#2a3240);border-radius:14px;background:rgba(0,0,0,.18)}
.my-ai-msg{max-width:88%;margin:0 0 12px;padding:10px 12px;border-radius:13px;background:rgba(255,255,255,.06)}
.my-ai-msg.user{margin-left:auto;background:rgba(100,140,255,.13)}
.my-ai-msg small{display:block;opacity:.65;margin-bottom:4px}.my-ai-msg p{margin:0;line-height:1.48}
.my-ai-compose{display:grid;grid-template-columns:1fr auto;gap:10px;margin-top:10px}
.my-ai-compose textarea{min-height:62px;resize:vertical}
.my-ai-compose button{align-self:stretch;min-width:110px}
.my-ai-empty{margin-top:14px;padding:18px;border:1px dashed var(--line,#2a3240);border-radius:14px;opacity:.86}
.my-ai-empty p{margin-bottom:0}
.my-ai-key-help{margin:10px 0 0}.my-ai-key-help a{text-decoration:underline}
.my-ai-dialog{max-width:650px;width:min(650px,94vw)}
@media(max-width:720px){
  .my-ai-title,.my-ai-chat-head{flex-direction:column}
  .my-ai-tabs{justify-content:flex-start}
  .my-ai-compose{grid-template-columns:1fr}
  .my-ai-msg{max-width:96%}
}