@import url(https://fonts.googleapis.com/css2?family=Pacifico&family=Fraunces:wght@400;500;600;700;800&family=Inter:wght@300;400;500;600&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.header{align-items:center;background-color:#fafaf8;border-bottom:1px solid #d1cdc4;border-radius:0;border-top:1px solid #d1cdc4;box-shadow:none;display:grid;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;grid-template-columns:1fr 1fr;height:80px;margin:0;max-width:100%;padding:0;position:relative;width:100%;z-index:100}.header:before{background-color:#d1cdc4;bottom:0;content:"";left:50%;position:absolute;top:0;width:1px}.header h1{color:#0d1717;font-family:Pacifico,cursive;font-size:26px;font-weight:400;justify-self:start;letter-spacing:.02em;margin:0;padding-left:40px}.header a{align-items:center;display:flex;justify-content:center;justify-self:end;padding:0 40px;text-decoration:none;transition:opacity .2s ease}.header a:hover{opacity:.7}.header a img,.header a svg{fill:#0d1717;filter:invert(1) brightness(0);height:38px;width:38px}@media (max-width:768px){.header{grid-template-columns:1fr 1fr;height:70px}.header:before{left:50%}.header:after{display:none}.header h1{font-size:20px;padding-left:24px}.header a{padding:0 24px}}.upload-button{background-color:#e94431;border:none;border-radius:50px;box-shadow:none;color:#0d1717;cursor:pointer;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;font-weight:500;margin-top:48px;padding:18px 48px;position:relative;transition:all .2s ease}.upload-button:hover{opacity:.9;transform:translateY(-1px)}.upload-button:active{transform:translateY(0)}.upload-button input[type=file]{cursor:pointer;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}.upload-button.processing{background-color:#c03a2b;cursor:not-allowed;opacity:.7}.upload-button.processing:hover{transform:none}.processing-status{color:#0d1717;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;font-weight:500;margin-top:16px}@media (max-width:768px){.upload-button{font-size:15px;padding:16px 40px}}@media (max-width:480px){.upload-button{font-size:14px;margin-top:32px;padding:14px 32px}}.landing-page{background:#f5ece4;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;min-height:100vh;overflow-x:hidden;width:100vw}.content,.landing-page{align-items:center;display:flex;flex-direction:column}.content{justify-content:flex-start;padding-top:20px;width:100%;z-index:1}.description{color:#0d1717;font-family:Fraunces,serif;font-size:clamp(3rem,6vw,5.5rem);font-weight:500;letter-spacing:.02em;line-height:1.1;margin-top:25vh;max-width:1000px;padding:0 40px;text-align:center;text-transform:uppercase}.description span{color:#666;display:block;font-size:clamp(1rem,2vw,1.25rem);font-weight:400;letter-spacing:0;line-height:1.5;margin-top:16px}@media (max-width:768px){.description{margin-top:15vh;padding:0 24px}}@media (max-width:480px){.description{font-size:2.5rem;margin-top:12vh}}.main-page{font-family:Montserrat,sans-serif;font-optical-sizing:auto;font-style:normal;font-weight:400;height:100vh;justify-content:space-between}.speech-results{align-items:center;justify-content:center;margin:40px auto auto;padding:15px;width:90%}.text-block{margin-bottom:20px;margin-left:20px;margin-right:20px}.centered-text{font-size:20px;line-height:1.5;text-align:left}.speaker-label{display:inline-block;font-size:20px;font-weight:700;margin-right:10px}.word-input{border:1px solid #ddd;border-radius:4px;font-size:18px;margin-left:5px;padding:5px}.word-input:focus{border-color:#007bff;outline:none}input{background-color:#000;border:2px solid #fff;border-radius:25px;caret-color:#fff;color:#fff;font-size:18px;padding:10px 20px;position:absolute;text-align:center;width:200px;z-index:10}input::placeholder{color:#fff;opacity:.7}.conversation-controls{display:flex;gap:12px;justify-content:center;margin:16px 0}.add-conversation-button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:8px 16px;transition:all .3s ease}.add-conversation-button.regular{background:linear-gradient(45deg,#007bff,#0056b3);box-shadow:0 2px 8px #007bff4d;color:#fff}.add-conversation-button.regular:hover{box-shadow:0 4px 15px #007bff66;transform:translateY(-2px)}.add-conversation-button.ai{background:linear-gradient(45deg,#28a745,#1e7e34);box-shadow:0 2px 8px #28a7454d;color:#fff}.add-conversation-button.ai:hover{box-shadow:0 4px 15px #28a74566;transform:translateY(-2px)}.speaker-label.artificial-speaker{color:#28a745;font-weight:600}.ai-badge{background:#28a745;border-radius:10px;color:#fff;font-size:10px;font-weight:700;margin-left:8px;padding:2px 6px}.music-badge{margin-left:8px;opacity:.7}.conversation-actions{align-items:center;background-color:#f8f9fa;border-radius:8px;display:flex;gap:12px;margin-top:12px;padding:8px}.action-button{align-items:center;background:none;border:2px solid #007bff;border-radius:50%;cursor:pointer;display:flex;font-size:14px;height:32px;justify-content:center;transition:all .2s;width:32px}.action-button:hover{background-color:#007bff;transform:scale(1.1)}.action-button.music-action{border-color:#ffc107}.action-button.music-action:hover{background-color:#ffc107}.conversation-audio{flex:1 1;height:32px}.music-button{align-items:center;background:linear-gradient(45deg,#ffc107,#e0a800);border:none;border-radius:8px;color:#333;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;margin-left:12px;padding:8px 16px;transition:all .3s ease}.music-button:hover{box-shadow:0 4px 15px #ffc10766;transform:translateY(-2px)}.audio-player{align-items:center;background-color:#f8f9fa;border-radius:8px;display:flex;gap:12px;margin:16px 0;padding:16px}.audio-player audio{flex:1 1}.conversation-block{background-color:#f5f5f5;border-radius:10px;margin:20px 0;padding:20px}.final-audio-preview{animation:slideInUp .4s ease-out;box-shadow:0 4px 20px #4caf5033}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.final-audio-preview h3{align-items:center;display:flex;font-size:20px;gap:8px;margin:0 0 15px}.audio-info{background-color:#fff;border-radius:8px;margin-bottom:15px;padding:12px}.audio-info p{font-size:14px;margin:4px 0}.audio-controls{background-color:#fff;border-radius:8px;margin-bottom:15px;padding:15px}.audio-controls audio{outline:none}.audio-controls button{white-space:nowrap}.audio-controls button:hover{background-color:#45a049;box-shadow:0 2px 8px #45a0494d;transform:translateY(-1px)}.processing-info{background-color:#4caf501a;border-radius:6px;padding:10px;text-align:center}.processing-info p{margin:2px 0}@media (max-width:768px){.audio-controls{align-items:stretch;flex-direction:column}.audio-controls audio{margin-bottom:10px;min-width:auto}.audio-controls button{align-self:center}}.modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000004d;max-height:80vh;max-width:500px;overflow-y:auto;width:90%}.modal-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:20px 24px 16px}.modal-header h2{color:#333;font-size:24px;font-weight:600;margin:0}.close-button{align-items:center;background:none;border:none;border-radius:50%;color:#999;cursor:pointer;display:flex;font-size:28px;height:32px;justify-content:center;padding:0;transition:background-color .2s;width:32px}.close-button:hover{background-color:#f0f0f0;color:#333}.close-button:disabled{cursor:not-allowed;opacity:.5}.speaker-form{padding:24px}.form-group{margin-bottom:20px}.form-group label{color:#333;display:block;font-weight:500;margin-bottom:8px;position:relative}.tooltip{color:#007bff;cursor:help;display:inline-block;margin-left:8px;position:relative}.tooltip-text{background-color:#333;border-radius:6px;bottom:125%;color:#fff;font-size:12px;font-weight:400;left:50%;line-height:1.4;margin-left:-140px;padding:8px;position:absolute;text-align:center;visibility:hidden;width:280px;z-index:1001}.tooltip:hover .tooltip-text{visibility:visible}.tooltip-text:after{border:5px solid #0000;border-top-color:#333;content:"";left:50%;margin-left:-5px;position:absolute;top:100%}.form-group textarea{border:2px solid #e0e0e0;border-radius:8px;font-family:inherit;font-size:14px;min-height:100px;padding:12px;resize:vertical;transition:border-color .2s;width:100%}.form-group textarea:focus{border-color:#007bff;outline:none}.form-group input[type=checkbox]{margin-right:8px;transform:scale(1.2)}.form-group select{background-color:#fff;border:2px solid #e0e0e0;border-radius:8px;font-size:14px;padding:12px;transition:border-color .2s;width:100%}.form-group select:focus{border-color:#007bff;outline:none}.form-group input[type=range]{margin-top:8px;width:100%}.music-options{background-color:#f8f9fa;border-left:4px solid #007bff;border-radius:8px;margin-top:12px;padding:16px}.form-actions{border-top:1px solid #e0e0e0;display:flex;gap:12px;justify-content:flex-end;margin-top:32px;padding-top:20px}.cancel-button,.submit-button{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;min-width:100px;padding:12px 24px;transition:all .2s}.cancel-button{background-color:#6c757d;color:#fff}.cancel-button:hover:not(:disabled){background-color:#5a6268}.submit-button{background-color:#007bff;color:#fff}.submit-button:hover:not(:disabled){background-color:#0056b3}.cancel-button:disabled,.submit-button:disabled{cursor:not-allowed;opacity:.6}@media (max-width:600px){.modal-content{margin:10px;width:95%}.modal-header{padding:16px 20px 12px}.speaker-form{padding:20px}.tooltip-text{margin-left:-120px;width:240px}}@font-face{font-family:SFOpen;font-style:normal;font-weight:400;src:url(/static/media/SFPRODISPLAYREGULAR.d1f5e6e16dd4f75c3950.OTF) format("otf")}.App{font-family:SFOpen;font-style:normal;font-weight:400;text-align:center}
/*# sourceMappingURL=main.bb35cfd5.css.map*/