/* Independent Normal / Standard / After Dark workspaces. */
.cx-admin-narrative-grid textarea{
  min-height:440px!important;
}
.cx-character-ai-dialog>header{
  display:grid;
  grid-template-columns:minmax(190px,1fr) auto 38px;
  gap:14px;
}
.cx-character-ai-dialog>header>div{margin-right:0}
.cx-character-ai-pose-tabs{
  display:flex;
  align-items:stretch;
  gap:6px;
}
.cx-character-ai-dialog>header .cx-character-ai-pose-tabs button{
  position:relative;
  width:126px;
  height:42px;
  padding:0 10px;
  display:grid;
  grid-template-columns:24px 1fr;
  grid-template-rows:1fr auto;
  align-items:center;
  gap:0 7px;
  border:1px solid rgba(166,113,255,.28);
  border-radius:2px;
  color:#a993bd;
  background:rgba(7,16,29,.82);
  font-size:8px;
}
.cx-character-ai-pose-tabs button i{
  grid-row:1/3;
  width:22px;
  height:22px;
  display:grid;
  place-items:center;
  border:1px solid currentColor;
  border-radius:50%;
  font:900 7px/1 var(--admin-font,sans-serif);
  font-style:normal;
}
.cx-character-ai-pose-tabs button span{font-weight:1000;letter-spacing:.08em;text-align:left}
.cx-character-ai-pose-tabs button small{margin:0;color:#6fe8c0;font-size:6px;letter-spacing:.09em;text-align:left}
.cx-character-ai-pose-tabs button.is-active{border-color:#c18cff;color:#f3e7ff;background:rgba(83,43,126,.72);box-shadow:inset 0 -2px 0 #c18cff}
.cx-character-ai-pose-tabs button.is-busy::after{content:"";position:absolute;right:6px;top:6px;width:7px;height:7px;border:2px solid rgba(200,157,255,.25);border-top-color:#d8b4ff;border-radius:50%;animation:cxCharacterAiSpin .75s linear infinite}
.cx-character-ai-pose-tabs button.has-result{border-color:rgba(82,235,185,.52)}
.cx-character-ai-pose-tabs button:disabled{opacity:.28;cursor:not-allowed}
.cx-character-ai-reference footer button.danger{border-color:rgba(255,84,132,.52);color:#ff9ab6;background:rgba(75,15,39,.9)}
@media(max-width:900px){
  .cx-character-ai-dialog>header{grid-template-columns:1fr 38px}
  .cx-character-ai-pose-tabs{grid-column:1/-1;grid-row:2;justify-content:center}
  .cx-character-ai-dialog>header>[data-character-ai-close]{grid-column:2;grid-row:1}
}
@media(max-width:520px){
  .cx-character-ai-dialog>header .cx-character-ai-pose-tabs button{width:96px;padding:0 6px;grid-template-columns:20px 1fr}
}