.speech-to-text-section{padding:40px 0;width:100%}.speech-to-text-step-container{display:flex;flex-direction:column;align-items:center;gap:24px}.result-card,.upload-card{background-color:white;padding:32px 20px 22px;box-shadow:0 4px 16px rgba(0,0,0,.06);border-radius:12px;position:relative;z-index:1;transition:all .3s ease}:is(.dark) .result-card,:is(.dark) .upload-card{background-color:#1e1e2e;box-shadow:0 4px 16px rgba(0,0,0,.3)}.result-card:hover,.upload-card:hover{box-shadow:0 8px 24px rgba(0,0,0,.15)}@media (min-width:1024px){.result-card,.upload-card{padding:32px 32px 22px}}@media (min-width:1280px){.result-card,.upload-card{padding:32px 32px 22px}}@media (min-width:1536px){.result-card,.upload-card{padding:32px 32px 22px}}.upload-dragger{width:100%;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:340px;display:flex;flex-direction:column;justify-content:center;align-items:center}:is(.dark) .upload-dragger{background:linear-gradient(135deg,#1e1e2e,#2a2a3e)}.upload-dragger:hover{background:linear-gradient(135deg,#e8f4ff,#b3d9ff)}:is(.dark) .upload-dragger:hover{background:linear-gradient(135deg,#252540,#303050)}.file-info{margin-top:16px}.upload-actions{margin-top:20px;text-align:center}.transcribe-button{width:100%;height:60px;font-size:16px;font-weight:500;border-radius:8px;background:linear-gradient(135deg,#1890ff,#096dd9);border:none;box-shadow:0 4px 12px rgba(24,144,255,.3);transition:all .3s ease}.transcribe-button:focus,.transcribe-button:hover{background:linear-gradient(135deg,#096dd9,#0050b3);box-shadow:0 6px 16px rgba(24,144,255,.4);transform:translateY(-2px)}.transcribe-button:disabled{background:#f5f5f5;color:#bfbfbf;box-shadow:none;transform:none}.transcript-container{min-height:500px;justify-content:center}.loading-container,.transcript-container{display:flex;flex-direction:column;align-items:center}.loading-container{gap:16px}.loading-container p{font-size:16px;color:#666;margin:0}:is(.dark) .loading-container p{color:#aaa}.transcript-result{width:100%;height:100%;display:flex;flex-direction:column}.transcript-text{flex:1;background:#fafafa;border:1px solid #e8e8e8;border-radius:8px;padding:20px;font-size:14px;line-height:1.6;color:#262626;white-space:pre-wrap;word-wrap:break-word;max-height:400px;min-height:200px;overflow-y:auto;margin-bottom:16px}:is(.dark) .transcript-text{background:#2a2a3e;border-color:#3a3a4e;color:#e0e0e0}.transcript-actions{display:flex;justify-content:center;gap:12px}.empty-state{display:flex;flex-direction:column;align-items:center;gap:16px;color:#bfbfbf}.empty-icon{font-size:48px}.empty-state p{font-size:16px;margin:0}.rtl-layout .speech-to-text-section{direction:rtl}.rtl-layout .upload-actions{text-align:center}.rtl-layout .transcript-actions{direction:rtl}@media (max-width:767px){.speech-to-text-section{padding:20px 0}.result-card,.upload-card{margin-bottom:20px}.transcript-container{min-height:400px}.transcript-text{max-height:300px;min-height:150px;font-size:13px;padding:16px}.transcribe-button{height:52px;font-size:14px}}@media (max-width:639px){.speech-to-text-section{padding:16px 0}.transcript-actions{flex-direction:column;gap:8px}}