.chat-voice-player{display:grid;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:10px;width:300px;max-width:100%;padding:5px 0;color:#426d56}
.chat-voice-player audio[hidden]{display:none!important}.chat-voice-player .chat-media-error{grid-column:1/-1;margin:0}.chat-voice-player .chat-media-error:empty{display:none}
.chat-voice-play{display:grid;place-items:center;width:44px;height:44px;min-width:44px;padding:0;border:0;border-radius:50%;background:#285e48;color:#fff;cursor:pointer}.chat-voice-play:hover{background:#34745a}.chat-voice-play:disabled{opacity:.55}.chat-voice-play svg{width:25px;height:25px;fill:currentColor}.chat-voice-play:focus-visible{outline:2px solid #709a55;outline-offset:3px}
.chat-voice-body{min-width:0}.chat-voice-wave{position:relative;height:32px;color:#9db39e}.chat-voice-wave svg{position:absolute;inset:0;width:100%;height:32px;fill:currentColor;pointer-events:none}.chat-voice-wave .chat-voice-played{color:#285e48;clip-path:inset(0 calc(100% - var(--played)) 0 0)}
.chat-voice-wave input[type=range]{position:absolute;inset:0;width:100%;height:32px;min-width:0;min-height:0;margin:0;padding:0;border:0;opacity:0;cursor:pointer;touch-action:pan-y}.chat-voice-wave:focus-within{outline:2px solid #7f9e6a;outline-offset:2px;border-radius:3px}.chat-voice-wave input:disabled{cursor:default}
.chat-voice-caption{display:flex;gap:7px;align-items:center;margin-top:1px;color:#68836c;font-size:11px;line-height:16px;font-variant-numeric:tabular-nums}.chat-voice-caption [data-voice-size]:not(:empty)::before{content:'·';margin-right:7px}
.chat-file-card{display:flex;align-items:center;gap:12px;width:300px;max-width:100%;min-width:0;padding:10px 12px;border:0;border-radius:10px;background:#658a4810;color:#2c5944;text-align:left;cursor:pointer}.chat-file-card>.icon{width:28px;height:28px;flex-shrink:0}.chat-file-card>span{min-width:0;overflow-wrap:anywhere;font-size:13px;line-height:1.5}.chat-file-card small,.chat-save-actions small{display:block;font-size:11px;color:#7a8c7a;margin-top:3px}.chat-file-card:hover{background:#658a4820}.chat-save-actions>button>span{min-width:0;overflow-wrap:anywhere}
@media(max-width:600px){.chat-voice-player{width:260px;gap:9px}.chat-voice-caption{font-size:11px}.chat-file-card{width:260px}}