.tts-card{background-color:#fff;border:3px solid #06f;border-radius:12px;box-shadow:0 10px 25px rgba(0,0,0,.1);margin:0 auto;max-width:1000px;padding:32px}@media (min-width:768px){.tts-card{padding:48px}}.tts-header{flex-direction:column;margin-bottom:32px;text-align:center}.tts-header,.tts-title{align-items:center;display:flex}.tts-title{background:linear-gradient(90deg,#06f,#06f 25%,#3b9fff 70%,#66b3ff);-webkit-background-clip:text;font-size:32px;font-weight:700;gap:8px;justify-content:center;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:4px}.tts-title-icon{align-self:center;flex-shrink:0;height:40px;margin-top:2px;stroke:#06f;width:40px}.wave-bar{animation:soundWave 1s ease-in-out infinite;transform-origin:center}.wave-bar:first-child{animation-delay:0s}.wave-bar:nth-child(2){animation-delay:.15s}.wave-bar:nth-child(3){animation-delay:.3s}.wave-bar:nth-child(4){animation-delay:.15s}.wave-bar:nth-child(5){animation-delay:0s}@keyframes soundWave{0%,to{transform:scaleY(1)}50%{transform:scaleY(.5)}}.tts-subtitle{color:#6b7280;font-size:16px}@media (min-width:768px){.tts-title{font-size:40px}}.tts-body{display:flex;flex-direction:column;gap:24px}.tts-input-area{position:relative}.tts-textarea{background-color:#f9fafb;border:2px solid #e5e7eb;border-radius:8px;color:#1f2937;font-family:Crimson Text,Georgia,Times New Roman,serif;font-size:18px;line-height:1.7;min-height:120px;padding:24px;resize:vertical;transition:border-color .15s ease;width:100%}.tts-textarea::placeholder{color:#9ca3af}.tts-textarea:hover{border-color:#d1d5db}.tts-textarea:focus{border-color:#06f;outline:none}.tts-textarea--error{animation:shake .4s ease-in-out;border-color:#ef4444!important}@keyframes shake{0%,to{transform:translateX(0)}20%{transform:translateX(-6px)}40%{transform:translateX(6px)}60%{transform:translateX(-4px)}80%{transform:translateX(4px)}}.tts-input-header{margin-bottom:8px}.tts-sample-chips{align-items:flex-start;display:flex;flex-direction:column;gap:8px}.tts-sample-chips-list{display:flex;flex-wrap:wrap;gap:8px}.tts-sample-label{color:#6b7280;font-size:14px;font-weight:500}@media (min-width:576px){.tts-sample-chips{align-items:center;flex-direction:row}.tts-sample-chips-list{display:contents}}.tts-chip{background-color:#f3f4f6!important;border:1px solid #e5e7eb!important;border-radius:9999px;color:#4b5563!important;cursor:pointer;font-family:Dosis,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;font-size:14px;font-weight:500;padding:4px 16px;transition:all .15s ease}.tts-chip:hover{background-color:#e6f0ff!important}.tts-chip:focus,.tts-chip:hover{border-color:#06f!important;color:#06f!important}.tts-chip:focus{outline:none}.tts-chip.active,.tts-chip.active:active,.tts-chip.active:focus,.tts-chip.active:hover{background-color:#06f!important;border-color:#06f!important;color:#fff!important}@media (min-width:768px){.tts-textarea{font-size:20px;min-height:150px}}.tts-onhold-layout{display:flex;flex-direction:column;gap:16px}.tts-onhold-textarea{min-height:80px}@media (min-width:768px){.tts-onhold-textarea{min-height:100px}}.tts-music-break{align-items:center;background-color:#f3f4f6;border:1px solid #e5e7eb;border-radius:8px;display:flex;gap:8px;justify-content:center;margin:0 auto;padding:8px 16px;width:fit-content}.tts-music-break-icon{color:#9ca3af;flex-shrink:0;height:12px;width:12px}.tts-music-break-label{color:#6b7280;font-size:14px;font-weight:500;white-space:nowrap}.tts-music-break-select-wrapper{align-items:center;display:inline-flex;position:relative}.tts-music-break .tts-music-break-select{background-color:#fff;border:1px solid #d1d5db;border-radius:4px;font-size:12px;height:auto;line-height:1;padding:4px 32px 4px 8px;width:auto}.tts-music-break-chevron{color:#9ca3af;height:10px;pointer-events:none;position:absolute;right:6px;width:10px}.tts-controls-row{display:grid;gap:16px;grid-template-columns:1fr}@media (min-width:576px){.tts-controls-row{grid-template-columns:repeat(3,1fr)}}.tts-control-group{display:flex;flex-direction:column;gap:4px}.tts-label{align-items:center;color:#4b5563;display:inline-flex;font-size:14px;font-weight:600;gap:4px}.tts-label-icon{color:#4b5563;height:14px;width:14px}.tts-label-icon--language{color:#fdcd5b}.tts-label-icon--voice{color:#2965f6}.tts-label-icon--music{color:#2fd3b7}.tts-select-wrapper{position:relative}.tts-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:#fff;border:2px solid #e5e7eb;border-radius:8px;color:#1f2937;cursor:pointer;font-family:Dosis,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;font-size:16px;height:48px;padding:0 32px 0 16px;transition:border-color .15s ease;width:100%}.tts-select:hover{border-color:#d1d5db}.tts-select:focus{border-color:#06f;outline:none}.tts-select-icon{color:#9ca3af;height:16px;pointer-events:none;position:absolute;right:16px;top:50%;transform:translateY(-50%);width:16px}.tts-control-group .placeholder-text{align-items:center;background-color:#f9fafb;border:1px dashed #d1d5db;border-radius:8px;display:flex;justify-content:center;margin-top:22px;min-height:48px}.tts-action-row-wrapper{flex-direction:column}.tts-action-row,.tts-action-row-wrapper{align-items:center;display:flex;gap:16px;width:100%}.tts-action-row{justify-content:center}.tts-cta{animation:ctaFadeIn .4s ease-out;text-align:center}@keyframes ctaFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.tts-cta-text{color:#6b7280;font-size:14px;line-height:1.5}.tts-cta-link,.tts-cta-link:active,.tts-cta-link:link,.tts-cta-link:visited{color:#06f!important;cursor:pointer;font-weight:600!important;text-decoration:none!important;transition:color .15s ease;white-space:nowrap}.tts-cta-link:focus,.tts-cta-link:hover{color:#0052cc!important;text-decoration:underline!important}.tts-play-btn{align-items:center;background-color:#06f!important;border:none!important;border-radius:9999px;color:#fff!important;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;justify-content:center;padding:16px 48px;transition:background-color .15s ease}.tts-play-btn:hover{background-color:#0052cc!important}.tts-play-btn,.tts-play-btn .tts-icon--play,.tts-play-btn span,.tts-play-btn:active,.tts-play-btn:active .tts-icon--play,.tts-play-btn:active span,.tts-play-btn:focus,.tts-play-btn:focus .tts-icon--play,.tts-play-btn:focus span,.tts-play-btn:hover,.tts-play-btn:hover .tts-icon--play,.tts-play-btn:hover span{color:#fff!important;fill:#fff!important}.tts-play-btn.loading,.tts-play-btn.loading:hover{background-color:#06f!important;color:#fff!important;cursor:default!important;pointer-events:none!important}.tts-play-btn:focus{color:#fff!important;outline:2px solid #06f;outline-offset:2px}.tts-play-btn:active{background-color:#0052cc!important;color:#fff!important}.tts-icon{height:20px;width:20px}.tts-icon--spinner,.tts-play-btn.loading .tts-icon--play{display:none}.tts-play-btn.loading .tts-icon--spinner{animation:spin 1s linear infinite;display:block}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.visually-hidden{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border:0;white-space:nowrap}.tts-audio-player{align-items:center;animation:playerSlideIn .3s ease-out;background:linear-gradient(135deg,#4a90d9,#5b9fe5);border-radius:9999px;box-shadow:0 4px 12px rgba(74,144,217,.3);display:flex;gap:12px;padding:12px 20px;width:100%}@keyframes playerSlideIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.tts-player-play-btn{align-items:center;background-color:#fff!important;border:none!important;border-radius:50%!important;cursor:pointer;display:flex;flex-shrink:0;height:36px!important;justify-content:center;min-height:36px!important;min-width:36px!important;padding:0!important;position:relative!important;transition:transform .15s ease,box-shadow .15s ease;width:36px!important}.tts-player-play-btn:hover{background-color:#fff!important;box-shadow:0 2px 8px rgba(0,0,0,.15);transform:scale(1.05)}.tts-player-play-btn:active{background-color:#fff!important;transform:scale(.98)}.tts-player-icon{color:#4a90d9!important;display:block!important;height:18px!important;width:18px!important}.tts-player-play-btn .tts-player-icon--pause,.tts-player-play-btn .tts-player-icon--play{left:50%!important;position:absolute!important;top:50%!important;transform:translate(-50%,-50%)!important}.tts-player-play-btn .tts-player-icon--pause{opacity:0!important;visibility:hidden!important}.tts-player-label{color:#fff;flex-shrink:0;font-size:14px;font-weight:500;white-space:nowrap}.tts-player-track{background-color:hsla(0,0%,100%,.3);border-radius:3px;cursor:pointer;flex:1;height:6px;min-width:80px;position:relative}.tts-player-progress{background-color:#fff;border-radius:3px;height:100%;transition:width .1s linear;width:0}.tts-player-scrubber{background-color:#fff;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.2);cursor:grab;height:14px;left:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:transform .1s ease;width:14px}.tts-player-scrubber:hover{transform:translate(-50%,-50%) scale(1.2)}.tts-player-scrubber:active{cursor:grabbing;transform:translate(-50%,-50%) scale(1.1)}.tts-player-time{color:hsla(0,0%,100%,.9);flex-shrink:0;font-size:13px;font-variant-numeric:tabular-nums;font-weight:500;white-space:nowrap}@media (max-width:480px){.tts-audio-player{gap:10px;padding:10px 16px}.tts-player-label{display:none}.tts-player-play-btn{height:32px;width:32px}.tts-player-icon{height:16px;width:16px}.tts-player-time{font-size:12px}}