/* AUXUA R04 · Native Blender renders integrated into the existing interface. */
.assistant-card {
  background: #102327;
  box-shadow: 0 15px 35px #0a1c2314;
}
.assistant-stage {
  position: relative;
  height: 214px;
  margin: 4px -14px 8px;
  isolation: isolate;
}
.assistant-stage::before {
  content: "";
  position: absolute;
  inset: 20% 14%;
  border-radius: 50%;
  background: transparent;
  z-index: -1;
}
.assistant-poster,
.assistant-render {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  object-fit: contain;
  pointer-events: none;
}
.assistant-render { display: none; }
.assistant-stage[data-video-ready="true"] .assistant-render { display: block; }
.assistant-stage[data-video-ready="true"] .assistant-poster { opacity: 0; }
.stage-caption {
  position: absolute;
  left: 17px;
  bottom: 3px;
  font-size: 6px;
  letter-spacing: .14em;
  color: #b7ccc6;
  z-index: 2;
}
.motion-toggle {
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  position: absolute;
  right: 5px;
  bottom: -3px;
  z-index: 3;
  color: #dbebe4;
  background: #102327c7;
  border: 1px solid #b7d9ce38;
  border-radius: 50%;
}
.motion-toggle:hover { color: #fff; border-color: #b7d9ce99; }
.motion-toggle .icon { width: 15px; height: 15px; }
.chat-identity {
  display: flex;
  align-items: center;
  gap: 13px;
  padding: 0 24px 17px;
  margin-top: -5px;
  background: #102327;
  color: #b8cec5;
  font-size: 11px;
}
.chat-identity img { width: 66px; height: 53px; object-fit: contain; }

@media (min-width: 1650px) {
  .assistant-stage { height: 247px; }
}
@media (max-width: 1030px) {
  .assistant-stage {
    position: absolute;
    right: 7px;
    top: 51px;
    width: 185px;
    height: 159px;
    margin: 0;
  }
  .stage-caption { display: none; }
  .motion-toggle { right: 1px; bottom: -6px; }
  .assistant-card h2,
  .assistant-description { position: relative; z-index: 1; }
}
@media (max-width: 760px) {
  .assistant-stage { right: 14px; top: 44px; width: 205px; height: 174px; }
  .motion-toggle { width: 44px; height: 44px; right: -5px; bottom: -14px; }
  .chat-identity { padding-left: 22px; padding-right: 22px; }
}
@media (max-width: 540px) {
  .assistant-stage { right: 6px; top: 61px; width: 151px; height: 132px; }
  .assistant-card h2 { font-size: 27px; }
  .assistant-description { font-size: 12px; }
  .motion-toggle { right: 1px; bottom: -30px; }
  .assistant-card .prompt-list { margin-top: 31px; }
}