.ai-launcher{
  position:fixed;
  right:22px;
  bottom:22px;
  z-index:30;
  min-height:50px;
  padding:0 16px;
  border:0;
  border-radius:8px;
  background:#c9963d;
  color:#111111;
  box-shadow:0 12px 28px rgba(0,0,0,.42);
  display:flex;
  align-items:center;
  gap:9px;
  font:800 14px "Inter","DM Sans",Arial,sans-serif;
  cursor:pointer;
}
.ai-launcher:hover{background:#d8a84f}

.ai-panel{
  position:fixed;
  right:22px;
  bottom:82px;
  z-index:31;
  width:min(390px,calc(100% - 28px));
  height:min(620px,calc(100dvh - 104px));
  display:none;
  flex-direction:column;
  background:#101010;
  border:1px solid #2f2f2f;
  border-radius:10px;
  box-shadow:0 22px 60px rgba(0,0,0,.52);
  overflow:hidden;
  font-family:"Inter","DM Sans",Arial,sans-serif;
}
.ai-panel.open{display:flex}

.ai-head{
  padding:17px;
  background:#121212;
  color:#ffffff;
  display:flex;
  align-items:center;
  gap:11px;
  border-bottom:1px solid #2b2b2b;
}
.ai-head-mark{
  width:33px;
  height:33px;
  display:grid;
  place-items:center;
  background:#c9963d;
  color:#111111;
  border-radius:6px;
}
.ai-head b{display:block;font:700 15px Manrope,sans-serif}
.ai-head span{display:block;color:#cccccc;font-size:11px;margin-top:1px}
.ai-close{
  margin-left:auto;
  width:32px;
  height:32px;
  border:0;
  border-radius:5px;
  background:transparent;
  color:#ffffff;
  display:grid;
  place-items:center;
  cursor:pointer;
}
.ai-close:hover{background:rgba(255,255,255,.12)}

.ai-messages{
  flex:1;
  overflow:auto;
  padding:16px;
  background:#0d0d0d;
  display:flex;
  flex-direction:column;
  gap:10px;
}
.ai-message{
  max-width:87%;
  padding:10px 12px;
  border-radius:8px;
  font-size:13px;
  line-height:1.45;
  white-space:pre-wrap;
  border:1px solid #2f2f2f;
}
.ai-message.assistant{
  background:#1a1a1a;
  color:#ffffff;
  align-self:flex-start;
}
.ai-message.user{
  background:#222222;
  color:#ffffff;
  align-self:flex-end;
  border-color:#3a3a3a;
}

.ai-quick{
  padding:10px 13px 4px;
  background:#101010;
  display:flex;
  gap:7px;
  overflow:auto;
  border-top:1px solid #252525;
}
.ai-quick button{
  white-space:nowrap;
  padding:7px 10px;
  border:1px solid #4b3a1a;
  border-radius:15px;
  background:#1f1f1f;
  color:#f2f2f2;
  font-size:11px;
  font-weight:800;
  cursor:pointer;
}
.ai-quick button:hover{
  background:#c9963d;
  border-color:#c9963d;
  color:#111111;
}

.ai-actions{
  display:flex;
  gap:8px;
  padding:9px 13px;
  background:#101010;
  border-top:1px solid #252525;
}
.ai-actions a{
  flex:1;
  text-align:center;
  border:1px solid #353535;
  padding:7px 4px;
  border-radius:5px;
  color:#f2f2f2;
  font-size:11px;
  font-weight:800;
  background:#1b1b1b;
}
.ai-actions a:first-child{
  background:#c9963d;
  border-color:#c9963d;
  color:#111111;
}
.ai-actions a:hover{
  border-color:#c9963d;
  color:#ffffff;
}

.ai-form{
  display:flex;
  gap:8px;
  padding:12px;
  background:#101010;
  border-top:1px solid #252525;
}
.ai-form input{
  min-width:0;
  flex:1;
  border:1px solid #383838;
  border-radius:5px;
  padding:10px;
  outline:0;
  font-size:13px;
  background:#1a1a1a;
  color:#ffffff;
}
.ai-form input::placeholder{color:#b5b5b5}
.ai-form input:focus{border-color:#c9963d}
.ai-send{
  width:40px;
  border:0;
  border-radius:5px;
  background:#c9963d;
  color:#111111;
  display:grid;
  place-items:center;
  cursor:pointer;
}
.ai-send:disabled{opacity:.55}
.ai-status{
  font-size:10px;
  color:#cccccc;
  padding:0 13px 8px;
  background:#101010;
}

@media(max-width:600px){
  .ai-launcher{right:14px;bottom:14px}
  .ai-panel{right:14px;bottom:74px;width:calc(100% - 28px);height:min(620px,calc(100dvh - 90px))}
}