/* Inline transcription, matching the extension's WhatsApp controls. */
.demo-scene[data-layout=voice-chat]{display:block;min-height:0;height:calc(100% - 28px);overflow:hidden;background:#efeae2;color:#202c33}
.voice-chat{height:100%;min-height:0;display:flex;flex-direction:column;font:14px/1.45 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--voice-teal:#008069}
.voice-chat-head{display:flex;align-items:center;gap:11px;padding:9px 18px;background:#f0f2f5;flex-shrink:0;border-bottom:1px solid #dddfe2;min-height:55px}
.voice-avatar{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:#c5d4ca;color:#436752;font-size:12px;font-weight:600;flex-shrink:0}
.voice-chat-head strong{font-size:14px;font-weight:550;display:block}.voice-chat-head small{display:block;font-size:11px;color:#667781;margin-top:1px}
.voice-header-tools{margin-left:auto;display:flex;gap:20px;font-size:24px;color:#667781;align-items:center}.voice-header-tools b{font-weight:400}
.voice-messages{flex:1;min-height:0;overflow:auto;display:flex;flex-direction:column;align-items:flex-start;gap:9px;padding:12px clamp(14px,4vw,40px);background-color:#efeae2;background-image:none}
.voice-day{align-self:center;font-size:10px;color:#54656f;padding:3px 10px;border-radius:6px;background:#fff;box-shadow:0 1px 1px #0b141a12;margin-bottom:3px}
.voice-context{background:white;max-width:86%;border-radius:0 7px 7px;padding:7px 10px 4px;margin:0;font-size:12px;box-shadow:0 1px 1px #0b141a13;line-height:1.4}.voice-context.outgoing{align-self:flex-end;background:#d9fdd3;border-radius:7px 0 7px 7px}.voice-context time{display:block;font-size:9px;text-align:right;color:#667781;margin-top:1px;line-height:1.2}.voice-context time span{color:#53bdeb}
.voice-bubble{position:relative;width:336px;max-width:100%;box-sizing:border-box;background:white;border-radius:0 8px 8px;padding:11px 13px 10px;box-shadow:0 1px 1px #0b141a26;margin:2px 0 0;flex-shrink:0}
/* The message stays unplayed: gray waveform, handle at the very beginning. */
.voice-audio{display:grid;grid-template-columns:23px minmax(0,1fr) 48px;align-items:start;column-gap:9px;color:#263238;padding:2px 0 0}
.voice-play{height:40px;display:grid;place-items:center;color:#263238}
.voice-wave{min-width:0}.voice-track{height:40px}.voice-track>svg{display:block;width:100%;height:40px;overflow:visible}
.voice-audio-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:2px;padding-right:10px;min-height:14px;color:#667781;font-size:10px;line-height:14px}
.voice-duration,.voice-time{display:block;font:inherit;color:inherit;margin:0;padding:0;white-space:nowrap}
.voice-time{text-align:right}
.voice-contact{position:relative;width:48px;height:48px;border-radius:50%;margin-top:-4px;background:#e6dbca;display:block}
.voice-mic{position:absolute;left:-5px;bottom:-3px;width:18px;height:22px;display:grid;place-items:center;background:white;border-radius:12px}
.voice-mic>svg{display:block}
.voice-transcription{border-top:1px solid #dbe0e2;margin-top:9px}.voice-transcript-head{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:32px;position:relative}.voice-transcript-label{display:flex;gap:5px;font-size:11px;font-weight:600;color:#667781;white-space:nowrap}.voice-transcript-label>span{color:#008069;font-size:12px}
.voice-show{position:relative;border:0;background:transparent;color:#008069;font:600 12px/1.2 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;min-height:32px;padding:4px 0;cursor:pointer;white-space:nowrap}.voice-show:focus-visible{outline:2px solid #e87963;outline-offset:3px;border-radius:3px}
.voice-transcript-text{font-size:14px;line-height:1.48;white-space:pre-wrap;overflow-wrap:anywhere;margin:3px 0 0;user-select:text;color:#202c33}.voice-transcript-body>small{display:block;font-size:11px;color:#667781;margin:7px 0 0}.voice-transcript-body[hidden]{display:none!important}.voice-transcript-text::selection{background:#b4d7ff;color:#142230}
.voice-loading{display:flex;align-items:center;gap:7px;font-size:12px;color:#667781;margin:5px 0 2px}.voice-loading i{width:11px;height:11px;border:1.5px solid #b9cac7;border-top-color:#008069;border-radius:50%;animation:voice-spin .8s linear infinite}
.voice-cursor{position:absolute;z-index:2;right:-6px;top:50%;pointer-events:none;transform:translate(calc((1 - var(--voice-approach,1))*56px),calc((1 - var(--voice-approach,1))*42px));filter:drop-shadow(0 1px 1px #172d2026)}
.voice-click-ring{position:absolute;right:0;top:50%;width:26px;height:26px;border:2px solid #00806966;border-radius:50%;transform:translate(50%,-50%);animation:voice-click .35s ease-out both;pointer-events:none}
.voice-composer{display:flex;align-items:center;gap:13px;padding:8px 16px;background:#f0f2f5;color:#7b878e;flex-shrink:0;min-height:43px}.voice-composer>span:nth-child(1){font-size:23px}.voice-composer>span:nth-child(2){font-size:20px}.voice-composer>span:nth-child(3){flex:1;border-radius:7px;background:white;padding:7px 10px;font-size:12px;color:#8696a0}
.m-voice-preview{background:#efeae2;padding:16px 14px 22px;border:1px solid #dedbd5;border-radius:14px;color:#202c33;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.m-voice-preview>.voice-mobile-head{display:flex;align-items:center;gap:9px;margin-bottom:15px;font-size:12px}.voice-mobile-head strong{font-weight:550}.voice-mobile-head small{margin-left:auto;color:#667781;font-size:10px}.m-voice-preview .voice-bubble{margin:auto;width:100%}.m-voice-preview .voice-transcript-text{font-size:14px}.m-voice-preview .voice-show{font-size:12px;min-height:36px}.m-voice-preview .voice-transcript-label{font-size:11px}
@keyframes voice-spin{to{transform:rotate(360deg)}}@keyframes voice-click{from{opacity:1;scale:.5}to{opacity:0;scale:1.5}}
@media(min-width:901px) and (max-height:840px){#media-slot .voice-chat-head{min-height:43px;padding:5px 14px}#media-slot .voice-messages{gap:7px;padding-top:8px;padding-bottom:8px}#media-slot .voice-context{font-size:11px;padding-top:5px}#media-slot .voice-day{display:none}#media-slot .voice-composer{min-height:35px;padding-top:4px;padding-bottom:4px}#media-slot .voice-composer>span:nth-child(3){padding:4px 10px}}
@media(min-width:901px){#media-slot .voice-bubble{width:440px}#media-slot .voice-transcript-text{font-size:13px;line-height:1.4}}
@media(prefers-reduced-motion:reduce){.voice-loading i,.voice-click-ring{animation:none}.voice-cursor{display:none}}



.voice-avatar>img,.voice-contact>img{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%}.voice-avatar{overflow:hidden}.voice-chat-head .voice-avatar{width:38px;height:38px}.voice-header-tools{gap:21px}.voice-header-tools>svg{display:block}