.audio-upload-container{margin:20px 0;padding:20px}.audio-upload-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;max-width:600px;margin:0 auto;padding:30px;box-shadow:0 2px 4px #0000000d}.audio-upload-card h2{color:#1f2937;margin-top:0;margin-bottom:24px;font-size:24px;font-weight:600}.alert{border-radius:6px;margin-bottom:16px;padding:12px 16px}.alert-success{color:#166534;background-color:#dcfce7;border:1px solid #bbf7d0}.alert-danger{color:#991b1b;background-color:#fef2f2;border:1px solid #fecaca}.alert ul{margin:0;padding-left:20px}.alert li{margin:4px 0}.audio-upload-dropzone{text-align:center;cursor:pointer;background-color:#f8fafc;border:2px dashed #cbd5e1;border-radius:8px;margin-bottom:20px;padding:40px 20px;transition:all .3s;position:relative}.audio-upload-dropzone:hover{background-color:#f1f5f9;border-color:#64748b}.audio-upload-dropzone.dragging{background-color:#eff6ff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.dropzone-content{flex-direction:column;justify-content:center;align-items:center;display:flex}.upload-icon,.file-icon{margin-bottom:12px;font-size:48px}.file-name{color:#1f2937;word-break:break-all;margin:8px 0 4px;font-size:16px;font-weight:600}.file-size{color:#64748b;margin:0;font-size:14px}.dragdrop-text{color:#475569;margin:12px 0 8px;font-size:16px;font-weight:500}.dragdrop-subtext{color:#94a3b8;margin:4px 0;font-size:14px}.btn-select-file,.btn-remove-file,.btn{cursor:pointer;border:none;border-radius:6px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s}.btn-select-file{color:#fff;background-color:#3b82f6;margin-top:12px}.btn-select-file:hover:not(:disabled){background-color:#2563eb}.btn-remove-file{color:#fff;background-color:#ef4444;padding:4px 8px;font-size:12px;position:absolute;top:10px;right:10px}.btn-remove-file:hover:not(:disabled){background-color:#dc2626}.btn-primary{color:#fff;background-color:#3b82f6}.btn-primary:hover:not(:disabled){background-color:#2563eb}.btn-secondary{color:#fff;background-color:#6b7280}.btn-secondary:hover:not(:disabled){background-color:#4b5563}.btn:disabled{opacity:.5;cursor:not-allowed}.audio-upload-form{margin-top:20px}.form-group{margin-bottom:16px}.form-group label{color:#374151;margin-bottom:6px;font-size:14px;font-weight:500;display:block}.form-control{border:1px solid #d1d5db;border-radius:6px;width:100%;padding:8px 12px;font-size:14px;transition:border-color .2s}.form-control:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.form-control:disabled{cursor:not-allowed;background-color:#f9fafb}.progress-section{margin:16px 0}.progress-section p{color:#374151;margin-bottom:8px;font-size:14px}.progress-bar{background-color:#e5e7eb;border-radius:4px;width:100%;height:8px;overflow:hidden}.progress-fill{background-color:#3b82f6;height:100%;transition:width .3s}.form-actions{gap:12px;margin-top:20px;display:flex}.form-actions .btn{flex:1}.audio-upload-info{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;margin-top:24px;padding:16px}.audio-upload-info h4{color:#1f2937;margin:0 0 8px;font-size:14px;font-weight:600}.audio-upload-info p{color:#475569;margin:0 0 12px;font-size:14px}.audio-upload-info ul{margin:0;padding-left:20px}.audio-upload-info li{color:#475569;margin:4px 0;font-size:14px}
.listening-test-builder{background:#fff;border:1px solid #dee2e6;border-radius:10px;margin:20px 0;padding:24px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;box-shadow:0 2px 12px #0000000d}.builder-header{margin-bottom:24px}.builder-header h2{color:#212529;margin:0 0 8px;font-size:22px}.builder-header p{color:#6c757d;margin:0;line-height:1.5}.builder-grid{grid-template-columns:1fr 1fr;gap:18px;margin-bottom:24px;display:grid}.builder-card{background:#f8f9fa;border:1px solid #e9ecef;border-radius:10px;padding:20px}.builder-card h3{color:#343a40;margin-top:0;margin-bottom:16px}.builder-card label{color:#495057;margin-bottom:14px;font-size:14px;display:block}.builder-card input,.builder-card select,.builder-card textarea{color:#495057;background:#fff;border:1px solid #ced4da;border-radius:6px;width:100%;margin-top:6px;padding:10px 12px;font-size:14px}.builder-card textarea{min-height:70px}.primary-btn,.secondary-btn{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;margin-right:10px;padding:10px 16px;font-weight:600;transition:all .2s;display:inline-flex}.primary-btn{color:#fff;background:#007bff}.primary-btn:hover:not(:disabled){background:#0069d9}.primary-btn:disabled{opacity:.6;cursor:not-allowed}.secondary-btn{color:#495057;background:#fff;border:1px solid #ced4da}.secondary-btn:hover:not(:disabled){background:#f1f3f5}.secondary-btn:disabled{opacity:.6;cursor:not-allowed}.test-summary{color:#343a40;grid-template-columns:auto 1fr;gap:12px;margin-bottom:16px;font-size:14px;display:grid}.builder-message{color:#495057;min-height:24px;margin-top:16px;font-size:14px}.error-text{color:#c53030;margin-top:16px;font-size:14px}.button-row{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}.question-summary{margin-top:16px}.question-summary h4{margin:0 0 10px}.validation-panel{color:#155724;background:#e9f7ef;border:1px solid #c3e6cb;border-radius:8px;margin-top:16px;padding:14px}.validation-panel ul{color:#155724;margin:12px 0 0 16px}.sections-editor{gap:18px;display:grid}.section-card{background:#fff;border:1px solid #e9ecef;border-radius:10px;padding:18px}.section-header{color:#343a40;justify-content:space-between;align-items:center;margin-bottom:18px;font-weight:600;display:flex}.section-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.section-row label{margin-bottom:0}.section-row span{color:#6c757d;margin-top:6px;font-size:13px;display:block}@media (max-width:900px){.builder-grid,.section-row{grid-template-columns:1fr}}@media (max-width:640px){.listening-test-builder,.builder-card,.section-card{padding:16px}.primary-btn,.secondary-btn{width:100%;margin-bottom:10px}}