.chat-transfer{display:flex;align-items:center;gap:12px;margin-top:10px;min-width:0;font-size:12px;color:#557064}
.chat-transfer-ring{position:relative;flex:0 0 52px;width:52px;height:52px;display:grid;place-items:center;font-variant-numeric:tabular-nums;color:#245e4c}
.chat-transfer-ring svg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}
.chat-transfer-ring circle{fill:none;stroke:#dce5de;stroke-width:3}
.chat-transfer-ring .progress{stroke:currentColor;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:calc(100 - var(--progress,0));transition:stroke-dashoffset .15s linear}
.chat-transfer-ring b{font-size:12px;font-weight:600}.chat-transfer-copy{flex:1;min-width:0;overflow-wrap:anywhere}.chat-transfer-copy small{display:block;margin-top:4px;color:#7d8d84}
.chat-transfer button{border:1px solid #ccd9ce;border-radius:10px;background:transparent;color:#245e4c;min-height:40px;padding:8px;cursor:pointer;flex-shrink:0}
.chat-transfer.is-error{color:#a74737}.chat-transfer.is-error .chat-transfer-ring{color:#a74737}
.chat-upload .bubble{min-width:min(330px,70vw)}.chat-upload-files{display:flex;flex-direction:column;gap:6px;max-width:440px;overflow-wrap:anywhere;font-size:13px}.chat-upload-files small{color:#6e8076;font-size:11px}
.chat-video{max-width:420px;width:min(420px,100%);margin:6px 0}.chat-video video{display:block;max-width:100%;width:100%;max-height:420px;border-radius:12px;background:#172c29}.chat-video .chat-video-load{display:flex;align-items:center;gap:12px;width:100%;min-height:100px;padding:16px;border:1px solid #d5dfd5;border-radius:12px;background:#eaf0e5;color:#214e3f;text-align:left;cursor:pointer}.chat-video-load span{min-width:0;overflow-wrap:anywhere}.chat-video-load small{display:block;margin-top:6px;font-size:11px;color:#718177}.chat-file-download{font-size:11px;margin:6px 0 0}.chat-media-item{min-width:0}.chat-draft-video{max-width:240px;max-height:140px;border-radius:10px}
.chat-video video[hidden],.chat-video-load[hidden]{display:none!important}
.chat-media-item>.attachment{max-width:100%;white-space:normal;text-align:left;overflow-wrap:anywhere}
@media(max-width:700px){.chat-transfer{gap:8px}.chat-transfer-ring{flex-basis:46px;width:46px;height:46px}.chat-transfer-copy{font-size:11px}.chat-upload .bubble{min-width:0;width:100%}.chat-upload .avatar{display:none}.chat-video{width:100%}}