.test-page[data-v-36ce605c]{max-width:1000px;margin:40px auto;padding:20px;font-family:system-ui,-apple-system,sans-serif}h1[data-v-36ce605c]{color:#2c3e50;margin-bottom:30px;text-align:center}.test-section[data-v-36ce605c]{background:#fff;padding:30px;margin-bottom:30px;border-radius:12px;box-shadow:0 4px 6px rgba(0,0,0,.1)}.test-section h2[data-v-36ce605c]{color:#34495e;margin-top:0;margin-bottom:10px}.info[data-v-36ce605c]{color:#7f8c8d;font-size:14px;margin-bottom:20px}.form-group[data-v-36ce605c]{margin-bottom:20px}.form-group label[data-v-36ce605c]{display:block;font-weight:600;color:#2c3e50;margin-bottom:8px}.form-group input[data-v-36ce605c],.form-group select[data-v-36ce605c],.form-group textarea[data-v-36ce605c]{width:100%;padding:10px 12px;border:2px solid #e0e0e0;border-radius:6px;font-size:14px;font-family:inherit;transition:border-color .3s}.form-group input[data-v-36ce605c]:focus,.form-group select[data-v-36ce605c]:focus,.form-group textarea[data-v-36ce605c]:focus{outline:none;border-color:#3498db}.button-group[data-v-36ce605c]{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px}button[data-v-36ce605c]{padding:12px 24px;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s}.primary-btn[data-v-36ce605c]{background:#3498db;color:#fff}.primary-btn[data-v-36ce605c]:hover:not(:disabled){background:#2980b9;transform:translateY(-1px);box-shadow:0 4px 8px rgba(52,152,219,.3)}.secondary-btn[data-v-36ce605c]{background:#95a5a6;color:#fff}.secondary-btn[data-v-36ce605c]:hover:not(:disabled){background:#7f8c8d}.stop-btn[data-v-36ce605c]{background:#e74c3c;color:#fff}.stop-btn[data-v-36ce605c]:hover{background:#c0392b}button[data-v-36ce605c]:disabled{background:#bdc3c7;cursor:not-allowed;transform:none}.audio-playing[data-v-36ce605c]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:20px;border-radius:8px;margin-bottom:20px;text-align:center}.audio-indicator[data-v-36ce605c]{display:flex;align-items:center;justify-content:center;gap:12px;font-weight:600}.pulse[data-v-36ce605c]{width:14px;height:14px;background:#fff;border-radius:50%;animation:pulse-36ce605c 1.5s ease-in-out infinite}@keyframes pulse-36ce605c{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.3)}}.result-box[data-v-36ce605c]{background:#f8f9fa;border:2px solid #e9ecef;border-radius:8px;padding:20px;margin-top:20px}.result-box h3[data-v-36ce605c]{margin-top:0;margin-bottom:10px;color:#2c3e50}pre[data-v-36ce605c]{background:#fff;padding:15px;border-radius:6px;overflow-x:auto;margin:0;font-size:13px;line-height:1.6}.error-message[data-v-36ce605c]{background:#fee;border:2px solid #fcc;color:#c33;padding:15px;border-radius:8px;margin-top:20px}.metrics-grid[data-v-36ce605c]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.metric-card[data-v-36ce605c]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:20px;border-radius:8px;display:flex;flex-direction:column;align-items:center;text-align:center}.metric-label[data-v-36ce605c]{font-size:12px;text-transform:uppercase;letter-spacing:1px;opacity:.9;margin-bottom:8px}.metric-value[data-v-36ce605c]{font-size:28px;font-weight:700}@media (max-width:768px){.test-page[data-v-36ce605c]{margin:20px 10px;padding:10px}.test-section[data-v-36ce605c]{padding:20px}.button-group[data-v-36ce605c]{flex-direction:column}button[data-v-36ce605c]{width:100%}}