.header-title[data-v-a50e56b4]{margin:0}.status-group[data-v-a50e56b4]{display:flex;flex-direction:column;align-items:center;line-height:1.3}.own-name[data-v-a50e56b4]{font-size:11px;opacity:.7}.btn-small[data-v-a50e56b4]{padding:4px 10px;font-size:12px;background:#fff3}.btn-small[data-v-a50e56b4]:hover{background:#ffffff4d}.sender[data-v-a50e56b4]{display:block;font-size:11px;font-weight:600;margin-bottom:2px;opacity:.8}*{margin:0;padding:0;box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}body{background:#f0f2f5;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}#app{width:100%;max-width:600px}.chat-container{background:#fff;border-radius:12px;box-shadow:0 2px 20px #0000001a;height:70vh;min-height:500px;display:flex;flex-direction:column;overflow:hidden}.chat-header{padding:16px 20px;background:#1677ff;color:#fff;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px}.chat-header>:first-child{justify-self:start}.chat-header>:nth-child(2){justify-self:center}.chat-header>:last-child{justify-self:end}.status{font-size:14px;opacity:.9}.messages{flex:1;padding:20px;overflow-y:auto;display:flex;flex-direction:column;gap:12px}.message{max-width:70%;padding:10px 14px;border-radius:18px;line-height:1.4;font-size:15px;white-space:pre-wrap;overflow-wrap:break-word}.message.self{align-self:flex-end;background:#1677ff;color:#fff;border-bottom-right-radius:4px}.message.other{align-self:flex-start;background:#f0f2f5;color:#333;border-bottom-left-radius:4px}.message.system{align-self:center;background:#fff1cc;color:#996d00;font-size:13px;max-width:90%;text-align:center}.chat-input{display:flex;align-items:flex-end;gap:8px;padding:8px 12px;border-top:1px solid #f0f0f0}.chat-input textarea{flex:1;padding:9px 14px;border:1px solid #d9d9d9;border-radius:24px;font-size:15px;font-family:inherit;outline:none;resize:none;line-height:1.4;max-height:120px;transition:border-color .2s}.chat-input textarea:focus{border-color:#1677ff}.chat-input textarea:disabled{background:#f5f5f5;cursor:not-allowed}.btn-send{width:40px;height:40px;flex-shrink:0;border:none;border-radius:50%;background:#1677ff;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.btn-send:hover:not(:disabled){background:#0f56b8}.btn-send:disabled{background:#91caff;cursor:not-allowed}.btn{padding:10px 20px;border:none;border-radius:24px;background:#1677ff;color:#fff;font-size:15px;cursor:pointer;transition:background .2s}.btn:hover:not(:disabled){background:#0f56b8}.btn:disabled{background:#91caff;cursor:not-allowed}.btn.secondary{background:#ff4d4f}.btn.secondary:hover:not(:disabled){background:#d9363e}@media(max-width:640px){html,body{overflow:hidden;padding:0;background:#fff}#app{max-width:100%;position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;background:#fff}.chat-container{flex:1;min-height:0;height:auto;border-radius:0;padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom)}.chat-header{position:sticky;top:0;z-index:1}.chat-header{grid-template-columns:1fr auto;grid-template-rows:auto auto;padding:12px 16px;gap:2px 8px}.chat-header>:first-child{grid-column:1;grid-row:1;font-size:16px}.chat-header>:nth-child(2){grid-column:1 / -1;grid-row:2;justify-self:center}.chat-header>:last-child{grid-column:2;grid-row:1}.status{font-size:12px}.own-name{font-size:10px}.messages{padding:12px}.chat-input{padding:8px 10px}.chat-input textarea{font-size:16px}}.message.file-msg{padding:10px 14px}.file-link{display:flex;align-items:center;gap:10px;text-decoration:none;color:inherit}.file-link:hover{opacity:.8}.file-icon{flex-shrink:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:#0000000f}.message.self .file-icon{background:#fff3}.file-info{display:flex;flex-direction:column;min-width:0}.file-name{font-weight:600;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-meta{font-size:12px;opacity:.7;margin-top:2px}.file-link.recycled{display:flex;align-items:center;gap:10px;opacity:.45;cursor:default}.file-link.recycled .file-icon svg{opacity:.6}.file-link.recycled .file-meta{opacity:.5}.file-image{cursor:pointer;display:flex;flex-direction:column;gap:4px}.preview-image{max-width:240px;max-height:240px;border-radius:8px;display:block;object-fit:cover}.file-image .file-name{font-weight:600;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:240px}.file-image .file-meta{font-size:12px;opacity:.7}@media(max-width:640px){.preview-image{max-width:100%;max-height:200px}.file-image .file-name{max-width:100%}}.btn-attach{width:40px;height:40px;flex-shrink:0;border:1px solid #d9d9d9;border-radius:50%;background:#fff;color:#666;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.btn-attach:hover:not(:disabled){border-color:#1677ff;color:#1677ff}.btn-attach:disabled{background:#f5f5f5;cursor:not-allowed;opacity:.4}.file-input-hidden{display:none}.upload-progress{height:3px;background:#e8e8e8}.upload-progress-bar{height:100%;background:#1677ff;transition:width .2s ease;border-radius:0 2px 2px 0}