.dgv-composer{
	display:block; background:#f6f3ff; border:1px solid #e6defb;
	border-radius:20px; padding:10px 12px; text-decoration:none; color:#1F2937;
}
.dgv-idle,.dgv-rec,.dgv-prev{ display:flex; align-items:center; gap:12px; min-height:46px; }
.dgv-composer{ direction:rtl; }
.dgv-idle{ justify-content:space-between; }
.dgv-main{
	flex:1 1 auto; min-width:0; display:flex !important; flex-direction:row !important; align-items:center;
	gap:10px; background:none !important; border:none !important; padding:0 !important; margin:0;
	cursor:pointer; font-family:inherit; text-align:start; box-shadow:none !important; color:inherit;
}
.dgv-main:active .dgv-mic{ transform:scale(.94); }
.dgv-mic{
	flex:0 0 auto; width:42px; height:42px; border-radius:50%;
	background:#6D28D9; color:#fff; display:inline-flex; align-items:center; justify-content:center;
}
.dgv-mic svg{ display:block; flex:0 0 auto; }
.dgv-mic-lock{ background:#8b6fd6; }
.dgv-idle-text{ display:flex; flex-direction:column; gap:1px; min-width:0; line-height:1.35; }
.dgv-idle-text strong{ font-size:12.5px !important; font-weight:800 !important; color:#1F2937; white-space:nowrap; }
.dgv-idle-text span{ font-size:10.5px !important; color:#7b6fa3; white-space:nowrap; }
.dgv-idle-nomic{ flex:1 1 auto; }
.dgv-file{
	flex:0 0 auto; display:inline-flex !important; flex-direction:row !important; align-items:center;
	justify-content:center; gap:5px; width:auto !important; margin:0 !important;
	background:#ffffff; color:#5B21B6; border:1px solid #e0d6fa; border-radius:999px;
	padding:7px 12px !important; font-size:11.5px !important; font-weight:700; cursor:pointer;
	font-family:inherit; line-height:1.2 !important; white-space:nowrap; text-align:center;
}
.dgv-file svg{ width:14px !important; height:14px !important; flex:0 0 auto; display:inline-block !important; margin:0 !important; }
.dgv-file span{ font-size:11.5px !important; white-space:nowrap; line-height:1.2; }
.dgv-file:active{ background:#f0eafd; }
.dgv-locked{ display:flex; align-items:center; gap:12px; cursor:pointer; }
.dgv-pro-badge{
	margin-inline-start:auto; flex:0 0 auto; background:#6D28D9; color:#ffffff;
	border-radius:999px; padding:7px 13px; font-size:11.5px !important; font-weight:800; line-height:1.2; white-space:nowrap;
}


.dgv-stop{
	flex:0 0 auto; width:46px; height:46px; border-radius:50%; border:none; cursor:pointer;
	background:#ef4444; display:inline-flex; align-items:center; justify-content:center; padding:0;
}
.dgv-stop span{ width:14px; height:14px; border-radius:3px; background:#ffffff; display:block; }
.dgv-timer{ flex:0 0 auto; font-size:14px; font-weight:800; color:#dc2626; min-width:70px; }
.dgv-live{ flex:1; min-width:0; height:32px; display:flex; align-items:center; gap:2px; overflow:hidden; }
.dgv-live i{
	flex:1; max-width:4px; min-width:2px; height:30px; border-radius:2px;
	background:#6D28D9; transform:scaleY(.12);
}
.dgv-cancel{
	flex:0 0 auto; width:36px; height:36px; border-radius:50%; border:none; cursor:pointer;
	background:transparent; color:#8b83a8; display:inline-flex; align-items:center; justify-content:center; padding:0;
}
.dgv-cancel:active{ background:#fdecec; color:#dc2626; }


.dgv-prev-host{ flex:1; min-width:0; }
.dgv-prev .dgv{ max-width:none; }


.dgcp-voice-player{ margin:10px 0; max-width:100%; }
.dgv{
	display:flex; align-items:center; gap:11px; max-width:330px; direction:ltr;
	background:#f3effd; border-radius:20px; padding:9px 12px;
}
.dgv-btn{
	flex:0 0 auto; width:40px; height:40px; border-radius:50%; border:none; cursor:pointer;
	background:#6D28D9; color:#fff; display:inline-flex; align-items:center; justify-content:center; padding:0;
}
.dgv-btn:active{ transform:scale(.94); }
.dgv-i-pause{ display:none; }
.dgv.is-playing .dgv-i-play{ display:none; }
.dgv.is-playing .dgv-i-pause{ display:block; }
.dgv-mid{ flex:1; min-width:0; }
.dgv-wave{ position:relative; height:28px; cursor:pointer; touch-action:pan-y; }
.dgv-wave svg{ position:absolute; top:0; left:0; width:100%; height:100%; display:block; overflow:visible; }
.dgv-wave path{ fill:none; stroke-width:2.6px; stroke-linecap:round; vector-effect:non-scaling-stroke; }
.dgv-w-base path{ stroke:#c9bdea; }
.dgv-w-fill path{ stroke:#6D28D9; }
.dgv-w-fill{ clip-path:inset(0 100% 0 0); }
.dgv-meta{ display:flex; align-items:center; justify-content:space-between; margin-top:3px; }
.dgv-time{ font-size:11px; font-weight:700; color:#6b5b95; }
.dgv-speed{
	border:none; background:rgba(109,40,217,.12); color:#5B21B6; border-radius:999px;
	padding:2px 8px; font-size:10.5px; font-weight:800; cursor:pointer; font-family:inherit; line-height:1.5;
}
.dgv.is-error .dgv-time{ color:#dc2626; }


#respond .dgv-composer .dgv-idle{ align-items:center; justify-content:space-between; gap:10px; }
#respond .dgv-composer .dgv-main{ display:flex; flex-direction:row !important; align-items:center !important; gap:10px !important; flex:1 1 auto !important; min-width:0 !important; }
#respond .dgv-composer .dgv-main.dgv-off{ display:none !important; }
#respond .dgv-composer .dgv-idle-text{ display:flex; flex-direction:column !important; gap:1px !important; min-width:0 !important; }
#respond .dgv-composer .dgv-idle-text.dgv-idle-nomic{ display:none !important; }
#respond .dgv-composer .dgv-idle-text.dgv-idle-nomic.is-on{ display:flex !important; }
#respond .dgv-composer .dgv-idle-text strong{ font-size:12.5px !important; font-weight:800 !important; line-height:1.35 !important; white-space:nowrap !important; }
#respond .dgv-composer .dgv-idle-text span{ font-size:10.5px !important; line-height:1.35 !important; white-space:nowrap !important; display:block !important; }
#respond .dgv-composer .dgv-file{
	display:inline-flex !important; flex-direction:row !important; align-items:center !important; justify-content:center !important;
	gap:5px !important; width:auto !important; flex:0 0 auto !important; margin:0 !important;
	padding:7px 12px !important; font-size:11.5px !important; line-height:1.2 !important; white-space:nowrap !important;
}
#respond .dgv-composer .dgv-file svg{ width:14px !important; height:14px !important; display:inline-block !important; margin:0 !important; flex:0 0 auto !important; }
#respond .dgv-composer .dgv-file span{ font-size:11.5px !important; line-height:1.2 !important; white-space:nowrap !important; display:inline !important; }
#respond .dgv-composer .dgv-pro-badge{ white-space:nowrap !important; font-size:11.5px !important; }



#respond .dgv-composer.dgv-locked{ display:flex; align-items:center; gap:10px; padding:10px 12px; }
#respond .dgv-locked .dgv-mic{ width:40px; height:40px; flex:0 0 auto; }
#respond .dgv-locked .dgv-idle-text{ flex:1 1 auto; min-width:0; overflow:hidden; }
#respond .dgv-locked .dgv-idle-text span{ overflow:hidden; text-overflow:ellipsis; max-width:100%; }
#respond .dgv-locked .dgv-pro-badge{
	flex:0 0 auto; margin:0; padding:7px 12px !important; font-size:11px !important; line-height:1.2 !important; white-space:nowrap !important;
}


div.dgv{ gap:9px; padding:6px 11px 6px 7px; border-radius:16px; max-width:300px; }
div.dgv .dgv-btn{ width:32px; height:32px; }
div.dgv .dgv-btn svg{ width:14px; height:14px; }
div.dgv .dgv-mid{ display:flex; align-items:center; gap:8px; flex:1; min-width:0; }
div.dgv .dgv-wave{ flex:1 1 auto; min-width:0; height:22px; }
div.dgv .dgv-meta{ display:flex; align-items:center; gap:6px; margin:0; flex:0 0 auto; justify-content:flex-start; }
div.dgv .dgv-time{ font-size:10.5px; min-width:26px; text-align:center; white-space:nowrap; }
div.dgv .dgv-speed{ font-size:10px; padding:2px 7px; white-space:nowrap; }
.dgcp-voice-player{ margin:8px 0; }


div.dgv{ padding:6px 7px !important; gap:8px !important; }
div.dgv .dgv-mid{ gap:6px !important; margin:0 !important; padding:0 !important; }
div.dgv .dgv-meta{ margin:0 !important; padding:0 !important; gap:5px !important; }
div.dgv .dgv-time{ min-width:0 !important; margin:0 !important; padding:0 !important; }
div.dgv .dgv-speed{ margin:0 !important; }