.speech-recognition[data-v-0f82aa18]{max-width:800px;margin:0 auto;padding:20px;font-family:Arial,sans-serif}.control-panel[data-v-0f82aa18]{margin-bottom:20px;display:-webkit-box;display:-ms-flexbox;display:flex;gap:10px}button[data-v-0f82aa18]{padding:10px 15px;background-color:#4caf50;color:#fff;border:none;border-radius:4px;cursor:pointer}button[data-v-0f82aa18]:hover{background-color:#45a049}button[data-v-0f82aa18]:disabled{background-color:#ccc;cursor:not-allowed}.status-indicator[data-v-0f82aa18]{margin-bottom:20px}.status[data-v-0f82aa18]{display:inline-block;padding:8px 16px;border-radius:4px;font-weight:700}.status.disconnected[data-v-0f82aa18]{background-color:#f44336;color:#fff}.status.connecting[data-v-0f82aa18]{background-color:#ff9800;color:#fff}.status.connected[data-v-0f82aa18]{background-color:#2196f3;color:#fff}.status.recording[data-v-0f82aa18]{background-color:#4caf50;color:#fff}.result-container[data-v-0f82aa18]{margin-bottom:20px;padding:15px;border:1px solid #ddd;border-radius:4px}.result-text[data-v-0f82aa18]{min-height:100px;padding:10px;background-color:#f9f9f9;border-radius:4px;white-space:pre-wrap}