*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(135deg,#667eea,#764ba2);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.app,body{min-height:100vh}.app{align-items:center;display:flex;justify-content:center;padding:20px}.container{background:#fff;border-radius:16px;box-shadow:0 20px 40px #0000001a;max-width:600px;padding:40px;width:100%}h1{color:#333;font-size:32px;font-weight:700;margin-bottom:8px}.subtitle,h1{text-align:center}.subtitle{color:#666;font-size:16px;margin-bottom:40px}.upload-section,.voice-section{margin-bottom:30px}.upload-label,.voice-label{color:#333;display:block;font-size:16px;font-weight:600;margin-bottom:12px}.file-input{background:#f8f9fa;border:3px dashed #ddd;border-radius:12px;cursor:pointer;font-size:16px;padding:16px;transition:all .3s ease;width:100%}.file-input:hover{background:#f0f4ff;border-color:#667eea}.file-info{background:#e8f5e8;border-left:4px solid #28a745;border-radius:8px;margin-top:12px;padding:12px}.file-name{color:#155724;display:block;font-weight:600;margin-bottom:4px}.file-size{color:#6c757d;font-size:14px}.voice-select{background:#fff;border:2px solid #ddd;border-radius:12px;cursor:pointer;font-size:16px;padding:16px;transition:border-color .3s ease;width:100%}.voice-select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.convert-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:18px;font-weight:600;margin-bottom:30px;padding:18px;transition:all .3s ease;width:100%}.convert-button:hover:not(:disabled){box-shadow:0 10px 25px #667eea4d;transform:translateY(-2px)}.convert-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.error{background:#f8d7da;border:1px solid #f5c6cb;border-radius:8px;color:#721c24}.error,.progress{font-weight:500;margin-bottom:20px;padding:16px}.progress{background:#d1ecf1;border:1px solid #bee5eb;border-radius:8px;color:#0c5460;text-align:center}.info-section{background:#f8f9fa;border-left:4px solid #667eea;border-radius:12px;padding:24px}.info-section h3{color:#333;font-size:18px;margin-bottom:16px}.info-section ol{color:#555;padding-left:20px}.info-section li{line-height:1.5;margin-bottom:8px}@media (max-width:768px){.container{margin:10px;padding:24px}h1{font-size:28px}.convert-button{font-size:16px;padding:16px}}
/*# sourceMappingURL=main.c1e442c1.css.map*/