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