.text-to-speech{box-sizing:border-box;isolation:isolate;flex-direction:column;width:100%;max-width:60rem;height:100%;padding:0 1rem 3rem;display:flex;overflow-y:auto}.text-to-speech h1{text-align:center;text-shadow:1px 1px 2px #575757;color:#fff;background-color:#228b22;max-width:52rem;margin:0 60px 20px;padding:10px 40px;position:relative}.text-to-speech h1:before,.text-to-speech h1:after{content:"";z-index:-1;clip-path:polygon(0 0,100% 0,100% 100%,0 100%,25% 50%);background-color:green;background-image:linear-gradient(45deg,#0000 50%,#2c6b38 50%);background-position:100% 100%;background-repeat:no-repeat;background-size:20px 20px;width:80px;height:100%;position:absolute;top:20px}.text-to-speech h1:before{left:-60px}.text-to-speech h1:after{right:-60px;transform:scaleX(-1)}.text-to-speech .query-bar{box-sizing:border-box;justify-content:center;align-items:center;width:100%;max-width:36rem;margin:0 auto 1.5rem;padding:1.5rem .5rem .5rem;display:flex}.text-to-speech .query-bar #query-form{justify-content:center;width:100%;display:flex}.text-to-speech .query-bar .query-input-wrapper{align-items:center;width:100%;max-width:32rem;display:flex;position:relative}.text-to-speech .query-bar #query-form input{box-sizing:border-box;background-color:#fff;border:1px solid #c8e6c9;border-radius:24px;width:100%;max-width:32rem;padding:.65rem 2.5rem .65rem 1.25rem;font-size:.95rem;transition:border-color .2s,box-shadow .2s;box-shadow:0 1px 4px #0000000d}.text-to-speech .query-bar #query-form input:focus{border-color:#2e7d32;outline:none;box-shadow:0 0 0 3px #2e7d3226}.text-to-speech .query-bar .query-clear-btn{color:#888;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;padding:0;font-size:.9rem;transition:all .2s;display:flex;position:absolute;top:50%;right:.75rem;transform:translateY(-50%)}.text-to-speech .query-bar .query-clear-btn:hover{color:#2e7d32;background-color:#e8f5e9}.voice-models-empty-state{text-align:center;box-sizing:border-box;background:#fff;border:1px dashed #c8e6c9;border-radius:1rem;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:32rem;margin:1rem auto;padding:3.5rem 1.5rem;display:flex;box-shadow:0 2px 8px #00000008}.voice-models-empty-state .empty-icon{opacity:.85;margin-bottom:1rem;font-size:2.75rem}.voice-models-empty-state .empty-title{color:#4a5568;margin:0 0 1.5rem;font-size:1.05rem;font-weight:500;line-height:1.5}.voice-models-empty-state .empty-reset-btn{color:#fff;background-color:#2e7d32;border:none;border-radius:24px;align-items:center;gap:.5rem;padding:.6rem 1.4rem;font-size:.95rem;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex;box-shadow:0 2px 6px #2e7d3240}.voice-models-empty-state .empty-reset-btn:hover{background-color:#1b5e20;transform:translateY(-1px);box-shadow:0 4px 10px #2e7d3259}.voice-models-empty-state .empty-reset-btn .reset-icon{font-size:1.1rem;line-height:1}.voice-models-sidebar-empty{text-align:center;color:#718096;padding:2rem 1rem;font-size:.9rem}.voice-model-detail{box-sizing:border-box;flex-direction:column;width:100%;max-width:60rem;padding:0 1.25rem 2.5rem;display:flex}.voice-model-header{align-items:flex-start;gap:1.5rem;margin-bottom:1.5rem;display:flex}.voice-model-header .book-card-img-wrapper img{-o-object-fit:cover;object-fit:cover;border-radius:1.25rem;width:12rem;height:12rem;box-shadow:0 2px 8px #0000001a}.voice-model-meta{flex-direction:column;justify-content:center;gap:.5rem;padding-top:.5rem;display:flex}.voice-model-meta h1{color:#121212;margin:0;font-size:2rem;font-weight:700;line-height:1.2}.voice-model-meta h2{color:#2e7d32;margin:0;font-size:1.1rem;font-weight:500}.voice-sample-audio{margin-top:.5rem;margin-bottom:1rem}.voice-sample-audio audio{width:100%;max-width:28rem;height:40px}.voice-profile-card{box-sizing:border-box;background:#f8faf8;border:1px solid #e0ece0;border-radius:12px;width:100%;margin:.75rem 0 1rem;padding:1.25rem 1.5rem}.voice-profile-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.voice-profile-title{color:#1b5e20;align-items:center;gap:.5rem;margin:0;font-size:1rem;font-weight:600;display:flex}.voice-profile-engine{color:#2e7d32;background-color:#e8f5e9;border:1px solid #c8e6c9;border-radius:12px;padding:.2rem .6rem;font-size:.8rem;font-weight:600}.voice-profile-tone{color:#2e7d32;margin:0 0 .5rem;font-size:.95rem}.voice-profile-tone strong{color:#1b5e20}.voice-profile-desc{color:#4a5568;margin:0;font-size:.9rem;line-height:1.6}.voice-profile-desc strong{color:#2d3748}.voice-audition-card{box-sizing:border-box;background:#fff;border:1px solid #d4ecd5;border-radius:14px;width:100%;margin-top:.75rem;padding:1.5rem 2rem;box-shadow:0 1px 4px #0000000f}.voice-audition-title{color:#1b5e20;align-items:center;gap:.5rem;margin:0 0 1rem;font-size:1.05rem;font-weight:600;display:flex}.voice-audition-textarea{box-sizing:border-box;resize:vertical;background-color:#fafdfa;border:1px solid #c8e6c9;border-radius:8px;width:100%;padding:.85rem 1.1rem;font-family:inherit;font-size:1rem;line-height:1.6;transition:border-color .2s,box-shadow .2s,background-color .2s}.voice-audition-textarea:focus{background-color:#fff;border-color:#2e7d32;outline:none;box-shadow:0 0 0 3px #2e7d321f}.voice-audio-controls{gap:14px;margin-top:1.25rem;display:flex}.voice-btn-play{color:#fff;cursor:pointer;background-color:#2e7d32;border:none;border-radius:8px;padding:.6rem 1.25rem;font-weight:600;transition:background-color .2s,opacity .2s}.voice-btn-play:hover:not(:disabled){background-color:#1b5e20}.voice-btn-play:disabled{opacity:.6;cursor:not-allowed}.voice-btn-stop{color:#333;cursor:pointer;background-color:#f0f0f0;border:1px solid #dcdcdc;border-radius:8px;padding:.6rem 1.25rem;font-weight:500;transition:background-color .2s,opacity .2s}.voice-btn-stop:hover:not(:disabled){background-color:#e0e0e0}.voice-btn-stop:disabled{opacity:.4;cursor:not-allowed}