.realtime-voice-panel{position:relative;overflow:hidden}.realtime-voice-panel:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:linear-gradient(180deg,#5b5bd6,#8b5cf6)}.realtime-voice-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-items:end}.realtime-voice-grid .span-2{grid-column:span 2}.realtime-voice-grid .span-4{grid-column:1/-1}.realtime-voice-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.realtime-live-note{font-size:12px;color:#667085;line-height:1.5;margin:0}.live-voice-box{border:1px solid rgba(91,91,214,.2);background:rgba(247,248,255,.88);border-radius:14px;padding:13px;margin:10px 0 14px}.live-voice-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.live-voice-head strong{font-size:14px}.live-voice-status{font-size:12px;color:#667085;margin-top:6px}.live-voice-controls{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.live-voice-controls .btn{padding:9px 12px}.live-voice-meter{display:inline-flex;align-items:center;gap:6px}.live-voice-dot{width:8px;height:8px;border-radius:50%;background:#98a2b3}.live-voice-dot.connected{background:#12b76a;box-shadow:0 0 0 4px rgba(18,183,106,.12)}.live-voice-dot.speaking{background:#7c3aed;box-shadow:0 0 0 4px rgba(124,58,237,.12)}.live-voice-dot.error{background:#d92d20}.hidden{display:none!important}@media(max-width:900px){.realtime-voice-grid{grid-template-columns:1fr 1fr}.realtime-voice-grid .span-4{grid-column:1/-1}}@media(max-width:620px){.realtime-voice-grid{grid-template-columns:1fr}.realtime-voice-grid .span-2,.realtime-voice-grid .span-4{grid-column:auto}}


/* active-voice-card-v1 */

.active-voice-summary{

  display:flex;

  align-items:center;

  justify-content:space-between;

  gap:18px;

  padding:16px 17px;

  border:
    1px solid #dcdcff;

  border-radius:16px;

  background:
    linear-gradient(
      135deg,
      #f8f8ff,
      #f1f3ff
    );

  box-shadow:
    0 8px 24px
    rgba(91,91,214,.08);

}


.active-voice-summary-main{

  display:flex;

  align-items:center;

  gap:14px;

  min-width:0;

  flex:1;

}


.active-voice-summary-copy{

  display:flex;

  flex-direction:column;

  gap:3px;

  min-width:0;

  flex:1;

}


.active-voice-kicker{

  text-transform:uppercase;

  letter-spacing:.1em;

  font-size:10px;

  font-weight:800;

  color:#6b63d9;

}


.active-voice-summary-copy strong{

  font-size:20px;

  line-height:1.15;

  letter-spacing:-.02em;

  color:#172033;

}


.active-voice-summary-copy
> span:last-child{

  font-size:12px;

  color:#6e7891;

  white-space:normal;

  line-height:1.4;

}


.active-voice-summary
> .btn{

  flex:0 0 auto;

}


@media(max-width:620px){

  .active-voice-summary{

    align-items:flex-start;

    flex-direction:column;

  }


  .active-voice-summary-main{

    width:100%;

    align-items:flex-start;

  }


  .active-voice-summary
  > .btn{

    width:100%;

  }

}



/* voice-profile-accent-v1 */
.voice-profile-hint{
  display:block;
  margin-top:6px;
  color:#6f7890;
  font-size:11px;
  line-height:1.35;
}
#avatarConversationAccentCustomWrap textarea{
  min-height:64px;
}