.speaking-page[data-v-d8cc7128]{height:100vh;display:flex;flex-direction:column;padding:1rem;box-sizing:border-box;background-color:var(--bg-color, #f9fafb);color:var(--text-color, #111827)}:root.dark .speaking-page[data-v-d8cc7128]{--bg-color: #1f2937;--text-color: #e5e7eb;--panel-bg: #374151;--border-color: #4b5563}.speaking-page[data-v-d8cc7128]{--panel-bg: #fff;--border-color: #e5e7eb}.page-title[data-v-d8cc7128]{text-align:center;font-size:1.8rem;font-weight:600;margin-bottom:1rem}.two-columns[data-v-d8cc7128]{display:flex;flex:1;gap:1.5rem;min-height:0}.left-panel[data-v-d8cc7128]{flex:0 0 35%;background-color:var(--panel-bg);border-radius:1rem;border:1px solid var(--border-color);display:flex;flex-direction:column;overflow:hidden}.scene-buttons[data-v-d8cc7128]{display:flex;flex-wrap:wrap;gap:.5rem;padding:1rem;border-bottom:1px solid var(--border-color)}.scene-selector[data-v-d8cc7128]{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border-bottom:1px solid var(--border-color)}.scene-select[data-v-d8cc7128]{flex:1;padding:.5rem .75rem;font-size:.95rem;border:1px solid var(--border-color);border-radius:.5rem;background-color:var(--panel-bg);color:var(--text-color);cursor:pointer}.scene-select[data-v-d8cc7128]:focus{outline:none;border-color:#3b82f6}.icon-btn[data-v-d8cc7128]{padding:.5rem .75rem;border:none;border-radius:.5rem;cursor:pointer;font-size:1rem;transition:all .2s}.add-scene-btn[data-v-d8cc7128]{background-color:#10b981;color:#fff}.add-scene-btn[data-v-d8cc7128]:hover,.dark .add-scene-btn[data-v-d8cc7128]{background-color:#059669}.dark .add-scene-btn[data-v-d8cc7128]:hover{background-color:#047857}.manage-scene-btn[data-v-d8cc7128]{background-color:#6b7280;color:#fff}.manage-scene-btn[data-v-d8cc7128]:hover,.dark .manage-scene-btn[data-v-d8cc7128]{background-color:#4b5563}.dark .manage-scene-btn[data-v-d8cc7128]:hover{background-color:#374151}.dialog-overlay[data-v-d8cc7128]{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.dialog[data-v-d8cc7128]{background-color:var(--panel-bg);border-radius:1rem;width:90%;max-width:400px;box-shadow:0 4px 20px #00000026}.dialog-header[data-v-d8cc7128]{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid var(--border-color)}.dialog-header h3[data-v-d8cc7128]{margin:0;font-size:1.1rem;font-weight:600}.dialog-close[data-v-d8cc7128]{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-color);opacity:.6;line-height:1}.dialog-close[data-v-d8cc7128]:hover{opacity:1}.dialog-body[data-v-d8cc7128]{padding:1.25rem}.dialog-footer[data-v-d8cc7128]{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.25rem;border-top:1px solid var(--border-color)}.form-group[data-v-d8cc7128]{margin-bottom:1rem}.form-group[data-v-d8cc7128]:last-child{margin-bottom:0}.form-group label[data-v-d8cc7128]{display:block;margin-bottom:.5rem;font-weight:500;color:var(--text-color)}.form-group input[data-v-d8cc7128]{width:100%;padding:.6rem .75rem;border:1px solid var(--border-color);border-radius:.5rem;font-size:.95rem;background-color:var(--bg-color, #fff);color:var(--text-color);box-sizing:border-box}.hint-text[data-v-d8cc7128]{font-size:.85rem;color:#6b7280;margin-top:.5rem;padding:.5rem;background-color:#f3f4f6;border-radius:.25rem;text-align:center}.dark .hint-text[data-v-d8cc7128]{background-color:#374151;color:#9ca3af}.form-group input[data-v-d8cc7128]:focus{outline:none;border-color:#3b82f6}.scene-list[data-v-d8cc7128]{max-height:300px;overflow-y:auto}.scene-item[data-v-d8cc7128]{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid var(--border-color)}.scene-item[data-v-d8cc7128]:last-child{border-bottom:none}.scene-name[data-v-d8cc7128]{flex:1;font-size:.95rem}.no-custom-scenes[data-v-d8cc7128]{text-align:center;padding:1.5rem;color:#9ca3af;font-size:.95rem}.btn-cancel[data-v-d8cc7128]{padding:.5rem 1rem;background-color:#e5e7eb;color:#374151;border:none;border-radius:.5rem;cursor:pointer;font-size:.9rem;transition:background .2s}.btn-cancel[data-v-d8cc7128]:hover{background-color:#d1d5db}.dark .btn-cancel[data-v-d8cc7128]{background-color:#4b5563;color:#e5e7eb}.dark .btn-cancel[data-v-d8cc7128]:hover{background-color:#6b7280}.btn-confirm[data-v-d8cc7128]{padding:.5rem 1rem;background-color:#3b82f6;color:#fff;border:none;border-radius:.5rem;cursor:pointer;font-size:.9rem;transition:background .2s}.btn-confirm[data-v-d8cc7128]:hover:not(:disabled){background-color:#2563eb}.btn-confirm[data-v-d8cc7128]:disabled{opacity:.6;cursor:not-allowed}.dark .btn-confirm[data-v-d8cc7128]{background-color:#2563eb}.dark .btn-confirm[data-v-d8cc7128]:hover:not(:disabled){background-color:#1d4ed8}.btn-delete[data-v-d8cc7128]{padding:.4rem .75rem;background-color:#ef4444;color:#fff;border:none;border-radius:.4rem;cursor:pointer;font-size:.85rem;transition:background .2s}.btn-delete[data-v-d8cc7128]:hover,.dark .btn-delete[data-v-d8cc7128]{background-color:#dc2626}.dark .btn-delete[data-v-d8cc7128]:hover{background-color:#b91c1c}.topic-section[data-v-d8cc7128]{padding:.75rem 1rem;border-bottom:1px solid var(--border-color);display:flex;gap:.5rem}.topic-selector[data-v-d8cc7128]{flex:1;position:relative}.topic-btn[data-v-d8cc7128]{width:100%;display:flex;justify-content:space-between;align-items:center;padding:.5rem 1rem;background-color:#e5e7eb;border:none;border-radius:.5rem;cursor:pointer;font-size:.95rem;transition:background .2s;color:#1f2937}.topic-btn[data-v-d8cc7128]:hover{background-color:#d1d5db}.dark .topic-btn[data-v-d8cc7128]{background-color:#4b5563;color:#e5e7eb}.dark .topic-btn[data-v-d8cc7128]:hover{background-color:#6b7280}.arrow[data-v-d8cc7128]{font-size:.7rem;margin-left:.5rem}.generate-btn[data-v-d8cc7128]{padding:.5rem 1rem;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff;border:none;border-radius:.5rem;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .2s;white-space:nowrap}.generate-btn[data-v-d8cc7128]:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 2px 8px #fbbf2466}.generate-btn[data-v-d8cc7128]:disabled{opacity:.6;cursor:not-allowed}.topic-dropdown[data-v-d8cc7128]{position:absolute;top:calc(100% + .25rem);left:0;right:0;background-color:var(--panel-bg);border:1px solid var(--border-color);border-radius:.5rem;box-shadow:0 4px 12px #0000001a;z-index:10;max-height:250px;overflow-y:auto}.topic-list[data-v-d8cc7128]{padding:.25rem 0}.topic-option[data-v-d8cc7128]{padding:.5rem 1rem;cursor:pointer;transition:background .1s}.topic-option[data-v-d8cc7128]:hover{background-color:#e5e7eb}.dark .topic-option[data-v-d8cc7128]:hover{background-color:#4b5563}.topic-option.active[data-v-d8cc7128]{background-color:#3b82f6;color:#fff}.no-topics[data-v-d8cc7128]{padding:.5rem 1rem;color:#6b7280;font-style:italic}.reference-area[data-v-d8cc7128]{flex:1;overflow-y:auto;padding:1rem}.reference-area h3[data-v-d8cc7128]{margin-top:0;font-size:1.2rem}.ref-section[data-v-d8cc7128]{margin-bottom:1.5rem}.ref-section h4[data-v-d8cc7128]{margin:.5rem 0;font-size:1rem;color:#374151;display:flex;align-items:center;gap:.25rem}.dark .ref-section h4[data-v-d8cc7128]{color:#d1d5db}.ref-icon[data-v-d8cc7128]{font-size:1rem}.dialogue-scenario[data-v-d8cc7128]{font-weight:700;margin-bottom:.5rem;font-style:italic;color:#374151}.dark .dialogue-scenario[data-v-d8cc7128]{color:#d1d5db}.dialogue-line[data-v-d8cc7128]{margin:.25rem 0}.speaker[data-v-d8cc7128]{font-weight:700;margin-right:.5rem}ul[data-v-d8cc7128]{margin:0;padding-left:1.2rem}li[data-v-d8cc7128]{margin:.25rem 0}.right-panel[data-v-d8cc7128]{flex:1;background-color:var(--panel-bg);border-radius:1rem;border:1px solid var(--border-color);display:flex;flex-direction:column;overflow:hidden}.chat-container[data-v-d8cc7128]{display:flex;flex-direction:column;height:100%}.clear-chat-btn[data-v-d8cc7128]{align-self:flex-end;margin:.5rem 1rem;padding:.3rem .8rem;background-color:#f59e0b;color:#fff;border:none;border-radius:.3rem;cursor:pointer;font-size:.85rem;transition:background .2s}.clear-chat-btn[data-v-d8cc7128]:hover,.dark .clear-chat-btn[data-v-d8cc7128]{background-color:#d97706}.dark .clear-chat-btn[data-v-d8cc7128]:hover{background-color:#b45309}.message-list[data-v-d8cc7128]{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:.75rem}.message[data-v-d8cc7128]{max-width:80%;padding:.5rem 1rem;word-wrap:break-word;display:flex;flex-direction:column;gap:.25rem}.message-text[data-v-d8cc7128]{flex:1}.user-msg[data-v-d8cc7128]{align-self:flex-end;background-color:#dcfce7;color:#166534;border-radius:18px 18px 4px}.ai-msg[data-v-d8cc7128]{align-self:flex-start;background-color:#f3f4f6;color:#1f2937;border-radius:18px 18px 18px 4px;position:relative}.ai-msg[data-v-d8cc7128]:before{content:"";position:absolute;bottom:-6px;left:16px;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #f3f4f6}.dark .user-msg[data-v-d8cc7128]{background-color:#2e7d32;color:#e8f5e9}.dark .ai-msg[data-v-d8cc7128]{background-color:#4b5563;color:#f3f4f6}.dark .ai-msg[data-v-d8cc7128]:before{border-top-color:#4b5563}.message-timestamp[data-v-d8cc7128]{font-size:.65rem;color:#00000059}.user-msg .message-timestamp[data-v-d8cc7128]{text-align:right}.ai-msg .message-timestamp[data-v-d8cc7128]{text-align:left}.dark .message-timestamp[data-v-d8cc7128]{color:#ffffff59}.speaker-icon[data-v-d8cc7128]{cursor:pointer;font-size:1rem;opacity:.6;transition:opacity .2s;margin-left:4px;flex-shrink:0}.speaker-icon[data-v-d8cc7128]:hover{opacity:1}.typing-indicator[data-v-d8cc7128]{display:flex;align-items:center}.typing-indicator .dot[data-v-d8cc7128]{animation:typing-dot-d8cc7128 1.4s ease-in-out infinite;opacity:0}.typing-indicator .dot[data-v-d8cc7128]:nth-child(2){animation-delay:.2s}.typing-indicator .dot[data-v-d8cc7128]:nth-child(3){animation-delay:.4s}@keyframes typing-dot-d8cc7128{0%,80%,to{opacity:0}40%{opacity:1}}.input-bar[data-v-d8cc7128]{flex-shrink:0;display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-top:1px solid var(--border-color);background-color:var(--panel-bg)}.mic-icon[data-v-d8cc7128]{font-size:1.5rem;cursor:pointer;transition:all .3s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.mic-icon[data-v-d8cc7128]:hover{transform:scale(1.1)}.mic-icon.recording[data-v-d8cc7128]{animation:pulse-d8cc7128 1.5s ease-in-out infinite}@keyframes pulse-d8cc7128{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.8}}.input-bar input[data-v-d8cc7128]{flex:1;padding:.5rem;border-radius:2rem;border:1px solid var(--border-color);background-color:var(--bg-color);color:var(--text-color);font-size:1rem}.input-bar button[data-v-d8cc7128]{padding:.5rem 1.2rem;border-radius:2rem;background-color:#3b82f6;color:#fff;border:none;cursor:pointer}.input-bar button[data-v-d8cc7128]:disabled{opacity:.6;cursor:not-allowed}.dark .ref-section h4[data-v-d8cc7128],.dark .dialogue-scenario[data-v-d8cc7128]{color:#e5e7eb}
