.app-container[data-v-7a7a37b1]{display:flex;gap:10px;justify-content:flex-start;align-items:flex-start;padding:10px;min-height:100vh;background:#fff}.chat-container[data-v-7a7a37b1]{width:390px;min-height:160px;max-height:812px;background:linear-gradient(135deg,#1a1a1a,#000);display:flex;flex-direction:column;border-radius:20px;overflow:hidden;flex-shrink:0;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.chat-container[data-v-7a7a37b1]:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at top,rgba(255,255,255,.12) 0%,rgba(255,255,255,.05) 30%,transparent 60%);pointer-events:none;z-index:1}.chat-header[data-v-7a7a37b1]{background:#8e8e9326;backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);color:#fff;padding:12px 12px 8px;border-bottom:1px solid rgba(255,255,255,.2);position:relative;z-index:2}.chat-header[data-v-7a7a37b1]:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);z-index:-1;border-radius:20px 20px 0 0}.header-top[data-v-7a7a37b1]{display:flex;align-items:center;justify-content:space-between}.back-btn[data-v-7a7a37b1]{background:none;border:none;color:#007aff;cursor:pointer;padding:6px;border-radius:50%;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.back-btn[data-v-7a7a37b1]:hover{background:#007aff1a;transform:scale(1.1)}.header-center[data-v-7a7a37b1]{display:flex;flex-direction:column;align-items:center;gap:2px;flex:1}.video-call-btn[data-v-7a7a37b1]{background:none;border:none;color:#007aff;cursor:pointer;padding:6px;border-radius:50%;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.video-call-btn[data-v-7a7a37b1]:hover{background:#fff3;transform:scale(1.1)}.avatar[data-v-7a7a37b1]{width:35px;height:35px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;border:2px solid rgba(255,255,255,.3)}.user-info[data-v-7a7a37b1]{text-align:center}.username[data-v-7a7a37b1]{font-size:13px;font-weight:600;margin-bottom:0}.messages-list[data-v-7a7a37b1]{flex:1;padding:3px;overflow-y:auto;background:linear-gradient(180deg,#1a1a1a,#000);scroll-behavior:smooth;transition:all .3s ease}.message[data-v-7a7a37b1]{margin-bottom:2px;display:flex;flex-direction:column;animation:messageSlideIn-7a7a37b1 .3s ease-out;transform-origin:top}@keyframes messageSlideIn-7a7a37b1{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.message.sent[data-v-7a7a37b1]{align-items:flex-end}.message.received[data-v-7a7a37b1]{align-items:flex-start}.message-bubble[data-v-7a7a37b1]{max-width:85%;padding:5px 14px;border-radius:20px;word-wrap:break-word;position:relative;font-size:16px;line-height:1.4;transition:all .3s cubic-bezier(.4,0,.2,1);transform-origin:center}.message-bubble[data-v-7a7a37b1]:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0003}.message.sent .message-bubble[data-v-7a7a37b1]{background:#007aff;color:#fff;border-bottom-right-radius:5px}.message.received .message-bubble[data-v-7a7a37b1]{background:#1c1c1e;color:#fff;border-bottom-left-radius:5px;border:1px solid #2C2C2E}.message.system[data-v-7a7a37b1]{align-items:center;justify-content:center}.message.system .message-bubble[data-v-7a7a37b1]{background:#2c2c2e;color:#8e8e93;border-radius:15px;font-size:14px;text-align:center;border:1px solid #3A3A3C}.message-system .message-success[data-v-7a7a37b1]{background:#28a745;color:#fff;border-color:#1e7e34}.message-system .message-error[data-v-7a7a37b1]{background:#dc3545;color:#fff;border-color:#bd2130}.message-system .message-info[data-v-7a7a37b1]{background:#007aff;color:#fff;border-color:#0056cc}.preset-panel[data-v-7a7a37b1]{width:420px;background:#2c2c2e;border-radius:20px;box-shadow:0 10px 30px #0000004d;padding:15px;display:flex;flex-direction:column;gap:20px;border:1px solid #3A3A3C}.voice-panel[data-v-7a7a37b1]{width:380px;background:#2c2c2e;border-radius:20px;box-shadow:0 10px 30px #0000004d;padding:15px;display:flex;flex-direction:column;gap:15px;border:1px solid #3A3A3C;max-height:800px;overflow-y:auto}.voice-controls-section[data-v-7a7a37b1]{display:flex;flex-direction:column;gap:15px}.voice-panel .tts-toggle[data-v-7a7a37b1]{margin-bottom:10px}.voice-panel .tts-toggle label[data-v-7a7a37b1]{display:flex;align-items:center;gap:8px;color:#fff;font-size:16px;cursor:pointer}.voice-panel .tts-toggle input[type=checkbox][data-v-7a7a37b1]{width:16px;height:16px;accent-color:#007AFF}.voice-panel .voice-settings[data-v-7a7a37b1]{display:flex;flex-direction:column;gap:12px}.voice-panel .voice-control[data-v-7a7a37b1],.voice-panel .speed-control[data-v-7a7a37b1]{display:flex;flex-direction:row;align-items:center;gap:10px}.voice-panel .voice-control label[data-v-7a7a37b1],.voice-panel .speed-control label[data-v-7a7a37b1]{color:#fff;font-size:14px;font-weight:500;min-width:80px;flex-shrink:0}.voice-panel .voice-select[data-v-7a7a37b1],.voice-panel .speed-select[data-v-7a7a37b1]{padding:8px 12px;border:1px solid #3A3A3C;border-radius:8px;background:#1c1c1e;color:#fff;font-size:14px;flex:1;min-width:200px}.voice-panel .voice-select[data-v-7a7a37b1]:focus,.voice-panel .speed-select[data-v-7a7a37b1]:focus{outline:none;border-color:#007aff;box-shadow:0 0 0 2px #007aff33}.panel-header h3[data-v-7a7a37b1]{margin:0;color:#fff;font-size:20px;text-align:center;padding-bottom:15px;border-bottom:2px solid #007AFF}.text-input-section[data-v-7a7a37b1]{display:flex;flex-direction:column;gap:10px}.text-input-section label[data-v-7a7a37b1]{font-weight:600;color:#fff;font-size:14px}.preset-textarea[data-v-7a7a37b1]{width:100%;padding:15px;border:2px solid #3A3A3C;border-radius:10px;font-size:14px;line-height:1.5;resize:vertical;font-family:inherit;transition:border-color .3s ease;background:#1c1c1e;color:#fff}.preset-textarea[data-v-7a7a37b1]:focus{outline:none;border-color:#007aff}.text-format-hint[data-v-7a7a37b1]{color:#8e8e93;font-size:12px;font-style:italic}.control-section[data-v-7a7a37b1]{display:flex;gap:10px;flex-wrap:wrap}.control-btn[data-v-7a7a37b1]{padding:12px 20px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;flex:1;min-width:120px}.control-btn.primary[data-v-7a7a37b1]{background:#007aff;color:#fff}.control-btn.primary[data-v-7a7a37b1]:hover{background:#0056cc}.control-btn.secondary[data-v-7a7a37b1]{background:#6c757d;color:#fff}.control-btn.secondary[data-v-7a7a37b1]:hover{background:#545b62}.control-btn.warning[data-v-7a7a37b1]{background:#ffc107;color:#212529}.control-btn.warning[data-v-7a7a37b1]:hover{background:#e0a800}.control-btn.danger[data-v-7a7a37b1]{background:#dc3545;color:#fff}.control-btn.danger[data-v-7a7a37b1]:hover{background:#c82333}.control-btn[data-v-7a7a37b1]:disabled{opacity:.6;cursor:not-allowed}.playback-controls[data-v-7a7a37b1]{display:flex;flex-direction:column;gap:15px}.speed-control[data-v-7a7a37b1]{display:flex;align-items:center;gap:10px}.speed-control label[data-v-7a7a37b1]{font-weight:600;color:#fff;font-size:14px;white-space:nowrap}.speed-select[data-v-7a7a37b1]{padding:8px 12px;border:1px solid #3A3A3C;border-radius:6px;font-size:14px;background:#1c1c1e;color:#fff;cursor:pointer}.voice-settings[data-v-7a7a37b1]{display:flex;flex-direction:column;gap:12px}.voice-control[data-v-7a7a37b1]{display:flex;align-items:center;gap:10px}.voice-control label[data-v-7a7a37b1]{font-weight:600;color:#fff;font-size:14px;white-space:nowrap;min-width:80px}.voice-select[data-v-7a7a37b1]{flex:1;padding:8px 12px;border:1px solid #3A3A3C;border-radius:6px;font-size:14px;background:#2c2c2e;color:#fff;cursor:pointer}.voice-select[data-v-7a7a37b1]:focus{outline:none;border-color:#007aff}.status-section[data-v-7a7a37b1]{background:#1c1c1e;padding:15px;border-radius:10px;border:1px solid #3A3A3C}.status-item[data-v-7a7a37b1]{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.status-item[data-v-7a7a37b1]:last-child{margin-bottom:0}.status-label[data-v-7a7a37b1]{font-weight:600;color:#fff;font-size:14px}.status-value[data-v-7a7a37b1]{font-weight:500;font-size:14px;color:#fff}.status-value.playing[data-v-7a7a37b1]{color:#28a745}.status-value.stopped[data-v-7a7a37b1]{color:#6c757d}.status-value.recording[data-v-7a7a37b1]{color:#dc3545;animation:pulse-7a7a37b1 1.5s infinite}@keyframes pulse-7a7a37b1{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.tts-status[data-v-7a7a37b1]{background:#1c1c1e;padding:15px;border-radius:10px;border:1px solid #3A3A3C;margin-bottom:15px}.status-value.generating[data-v-7a7a37b1]{color:#ffc107;animation:pulse-7a7a37b1 1.5s infinite}.status-value.ready[data-v-7a7a37b1]{color:#28a745}.status-value.playing[data-v-7a7a37b1]{color:#007aff;animation:pulse-7a7a37b1 1.5s infinite}.tts-details[data-v-7a7a37b1]{margin-top:10px;max-height:150px;overflow-y:auto}.tts-item[data-v-7a7a37b1]{display:flex;align-items:center;gap:8px;padding:4px 0;font-size:12px;color:#8e8e93}.tts-sender[data-v-7a7a37b1]{font-weight:600;color:#fff;min-width:60px}.tts-status-icon[data-v-7a7a37b1]{font-size:14px;width:16px;text-align:center}.tts-status-icon.success[data-v-7a7a37b1]{color:#28a745}.tts-status-icon.error[data-v-7a7a37b1]{color:#dc3545}.tts-voice[data-v-7a7a37b1]{color:#007aff;font-size:11px}.tts-duration[data-v-7a7a37b1]{color:#8e8e93;font-size:11px;margin-left:auto}.tts-item.current-playing[data-v-7a7a37b1]{background:#007aff1a;border-radius:4px;padding:4px 8px;margin:2px 0}.playing-indicator[data-v-7a7a37b1]{font-size:12px;margin-left:8px;animation:bounce-7a7a37b1 1s infinite}@keyframes bounce-7a7a37b1{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-3px)}60%{transform:translateY(-2px)}}.recording-section[data-v-7a7a37b1]{background:#1c1c1e;padding:15px;border-radius:10px;border:1px solid #3A3A3C}.recording-section h4[data-v-7a7a37b1]{margin:0 0 15px;color:#fff;font-size:16px;text-align:center;padding-bottom:10px;border-bottom:1px solid #007AFF}.recording-controls[data-v-7a7a37b1]{display:flex;gap:10px;margin-bottom:15px}.recording-status[data-v-7a7a37b1]{background:#2c2c2e;padding:10px;border-radius:8px;border:1px solid #3A3A3C}.file-path[data-v-7a7a37b1]{cursor:pointer;color:#007aff;text-decoration:underline;font-size:12px;word-break:break-all}.file-path[data-v-7a7a37b1]:hover{color:#0056cc}.messages-list[data-v-7a7a37b1]::-webkit-scrollbar{width:4px}.messages-list[data-v-7a7a37b1]::-webkit-scrollbar-track{background:transparent}.messages-list[data-v-7a7a37b1]::-webkit-scrollbar-thumb{background:#ccc;border-radius:2px}.messages-list[data-v-7a7a37b1]::-webkit-scrollbar-thumb:hover{background:#999}@media (max-width: 1250px){.app-container[data-v-7a7a37b1]{flex-direction:column;align-items:flex-start}.preset-panel[data-v-7a7a37b1]{width:390px}.voice-panel[data-v-7a7a37b1]{width:360px}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fff;color:#000;overflow:hidden;margin:0;padding:0}#app{width:100vw;height:100vh;display:flex;justify-content:flex-start;align-items:flex-start;margin:0;padding:0;overflow:hidden}