@tailwind base;@tailwind components;@tailwind utilities;*,body{font-family:Noto Sans,Noto Sans Thai,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8f9fa;margin:0}code{font-family:Noto Sans,Noto Sans Thai,source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{margin:0 auto;max-width:1200px;padding:20px;text-align:center}.App,button,div,h1,h2,h3,h4,h5,h6,input,label,p,select,span,textarea{font-family:Noto Sans,Noto Sans Thai,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.App-header{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 8px 32px #0000001a;color:#fff;margin-bottom:20px;padding:20px}.App-header h1{font-size:1.8em;font-weight:700;margin:0 0 5px}.App-header p{font-size:1em;margin:0;opacity:.9}.controls{background:#fff;border:1px solid #e1e5e9;border-radius:12px;box-shadow:0 4px 20px #00000014;margin-bottom:30px;padding:30px}.language-selector{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:20px}.language-selector label{color:#333;display:flex;flex-direction:column;font-weight:600;text-align:left}.language-selector select{background:#fff;border:2px solid #e1e5e9;border-radius:8px;font-size:16px;margin-top:8px;padding:12px;transition:all .3s ease}.language-selector select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.language-selector select:disabled{background-color:#f8f9fa;color:#6c757d;cursor:not-allowed}.status{align-items:center;border-radius:8px;display:flex;font-weight:600;justify-content:center;margin:20px 0;padding:15px 20px;transition:all .3s ease}.status.ready{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.status.recording{animation:pulse 2s infinite}.status.error,.status.recording{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.recording-controls{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin:25px 0}.recording-controls button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;padding:15px 30px;transition:all .3s ease}.start-recording-btn{background:linear-gradient(135deg,#28a745,#20c997);box-shadow:0 4px 15px #28a7454d;color:#fff}.start-recording-btn:hover:not(:disabled){box-shadow:0 6px 20px #28a74566;transform:translateY(-2px)}.start-recording-btn:disabled{background:#6c757d;box-shadow:none;cursor:not-allowed;transform:none}.stop-recording-btn{background:linear-gradient(135deg,#dc3545,#c82333);box-shadow:0 4px 15px #dc35454d;color:#fff}.stop-recording-btn:hover{box-shadow:0 6px 20px #dc354566;transform:translateY(-2px)}.recording-controls button:not(.start-recording-btn):not(.stop-recording-btn){background:#6c757d;color:#fff}.recording-controls button:not(.start-recording-btn):not(.stop-recording-btn):hover:not(:disabled){background:#5a6268;transform:translateY(-1px)}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes progress-bar{0%{transform:translateX(-100%)}50%{transform:translateX(0)}to{transform:translateX(100%)}}.recording-indicator{align-items:center;display:inline-flex;margin-left:10px}.recording-dot{animation:pulse 1.5s infinite;background-color:#dc3545;border-radius:50%;height:8px;margin-right:5px;width:8px}.recording-text{color:#dc3545;font-size:12px;font-weight:700}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.manual-input{margin:30px 0;text-align:left}.manual-input h3{color:#333;margin-bottom:15px}.input-group{align-items:flex-end;display:flex;gap:15px}.input-group textarea{border:2px solid #e1e5e9;border-radius:8px;flex:1 1;font-family:inherit;font-size:16px;min-height:80px;padding:12px;resize:vertical;transition:all .3s ease}.input-group textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.input-group button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:all .3s ease;white-space:nowrap}.input-group button:hover:not(:disabled){box-shadow:0 4px 15px #667eea4d;transform:translateY(-2px)}.input-group button:disabled{background:#6c757d;box-shadow:none;cursor:not-allowed;transform:none}.results{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 1fr;margin:30px 0}@media (max-width:768px){.language-selector,.results{grid-template-columns:1fr}.input-group{align-items:stretch}.input-group,.recording-controls{flex-direction:column}}.result-section{background:#fff;border:1px solid #e1e5e9;border-radius:12px;box-shadow:0 4px 20px #00000014;padding:25px}.result-section h3{align-items:center;color:#333;display:flex;font-size:1.3em;justify-content:space-between;margin:0 0 20px}.text-output{word-wrap:break-word;background:#f8f9fa;border:2px dashed #dee2e6;border-radius:8px;color:#333;font-size:16px;line-height:1.6;min-height:120px;padding:20px;text-align:left;white-space:pre-wrap}.text-output:empty:before{color:#6c757d;content:"Text will appear here...";font-style:italic}.error{background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:8px;color:#721c24;margin:20px 0;padding:15px 20px;text-align:left}.error strong{display:block;margin-bottom:5px}@media (max-width:480px){.App{padding:10px}.App-header{padding:15px}.App-header h1{font-size:1.5em}.controls{padding:20px}.result-section{padding:15px}}
/*# sourceMappingURL=main.3fabf14e.css.map*/