.assistant-section{
  display:grid;
  grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
  gap:38px;
  margin-top:30px;
  padding:30px 34px;
  position:relative;
  overflow:hidden;
}
.assistant-section::after{
  content:"AI // ASSIST";
  position:absolute;
  right:20px;
  top:16px;
  font:700 8px/1 ui-monospace,SFMono-Regular,Menlo,monospace;
  letter-spacing:1.8px;
  color:rgba(0,231,255,.38);
}
.assistant-copy h2{font-size:25px;letter-spacing:-.8px;margin:8px 0;color:#eef9ff}
.assistant-copy>p{font-size:12px;line-height:1.7;color:var(--muted)}
.assistant-copy .assistant-disclaimer{font-size:10px;margin-top:13px;color:#6f8298}
.assistant-form{display:grid;gap:10px}
.assistant-form .input-label{margin:0}
.assistant-form textarea{
  width:100%;
  resize:vertical;
  min-height:92px;
  border:1px solid rgba(91,157,255,.17);
  border-radius:10px;
  padding:12px 13px;
  background:rgba(4,10,22,.82);
  color:#eaf7ff;
  font-size:12px;
  line-height:1.5;
  box-shadow:0 0 0 1px rgba(255,255,255,.01) inset;
}
.assistant-form textarea:focus{
  border-color:rgba(0,231,255,.42);
  box-shadow:0 0 0 3px rgba(0,231,255,.045),0 0 24px rgba(0,231,255,.045);
}
.assistant-form textarea::placeholder{color:#61758d}
.assistant-form .primary-button{justify-self:start}
.assistant-privacy{font-size:9px;line-height:1.6;color:#6f8298}
.assistant-answer{white-space:pre-wrap;font-size:12px;line-height:1.75;color:#d9e9f4}
.assistant-answer:empty{display:none}
.assistant-answer:not(:empty){
  border-top:1px solid rgba(91,157,255,.12);
  padding-top:14px;
}
@media(max-width:760px){
  .assistant-section{grid-template-columns:1fr;gap:20px;padding:24px;margin-top:22px}
  .assistant-copy h2{font-size:22px}
}

.assistant-facts{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin:14px 0 4px;
}
.assistant-facts span{
  padding:6px 8px;
  border:1px solid rgba(0,231,255,.13);
  border-radius:6px;
  background:rgba(0,231,255,.04);
  color:#6eddec;
  font:700 8px/1 ui-monospace,SFMono-Regular,Menlo,monospace;
  letter-spacing:.9px;
}
.assistant-prompts{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin-bottom:2px;
}
.assistant-prompts button{
  border:1px solid rgba(91,157,255,.14);
  border-radius:999px;
  background:rgba(7,16,32,.78);
  color:#8fa8bc;
  padding:7px 10px;
  font:600 9px/1 ui-monospace,SFMono-Regular,Menlo,monospace;
  transition:border-color .18s ease,color .18s ease,background .18s ease,transform .18s ease;
}
.assistant-prompts button:hover{
  color:#d9fbff;
  border-color:rgba(0,231,255,.34);
  background:rgba(0,231,255,.07);
  transform:translateY(-1px);
}
.run-ai-button{
  min-width:142px;
  font-family:ui-monospace,SFMono-Regular,Menlo,monospace;
  letter-spacing:.8px;
}
.run-ai-status-dot{
  width:6px;
  height:6px;
  border-radius:50%;
  background:#49f2a6;
  box-shadow:0 0 12px rgba(73,242,166,.75);
}


/* Smooth RUN//AI layout on long prompts and narrow screens */
.assistant-section,
.assistant-form,
.assistant-copy{min-width:0}
.assistant-answer{
  max-width:100%;
  overflow-wrap:anywhere;
}
.run-ai-button{
  transition:transform .22s var(--ease-ui),box-shadow .25s var(--ease-ui),border-color .2s var(--ease-ui);
}
.run-ai-button:active{transform:scale(.985)}
@media(max-width:700px){
  .assistant-section{padding:22px}
  .assistant-facts{gap:6px}
  .assistant-facts span{white-space:normal;line-height:1.35}
}
@media(max-width:390px){
  .assistant-section{padding:17px}
  .assistant-copy h2{font-size:20px}
}