.tts-widget{all:initial;display:block;position:relative;margin:1rem 0;padding:1rem;border-radius:8px;background:var(--ifm-background-surface-color);border:1px solid var(--ifm-color-emphasis-200);font-family:var(--ifm-font-family-base);font-size:1rem;line-height:1.5}.tts-widget *{color:var(--ifm-font-color-base)}.tts-widget .tts-play{all:initial;display:inline-flex!important;align-items:center;gap:.5rem;padding:.5rem 1rem!important;background:var(--ifm-color-primary)!important;color:#fff!important;border:none!important;border-radius:6px!important;cursor:pointer!important;font-size:.875rem!important;margin-top:.5rem!important;transition:all .2s ease!important;font-family:var(--ifm-font-family-base)!important;line-height:1!important}.tts-widget .tts-play:hover{background:var(--ifm-color-primary-dark)!important;transform:translateY(-1px)!important}.tts-widget .tts-play:disabled{opacity:.6!important;cursor:not-allowed!important;transform:none!important}.tts-widget .tts-play.tts-loading{background:#6b7280!important}.tts-widget .tts-play.tts-playing{background:#dc2626!important}.tts-widget img,.tts-widget svg{max-width:24px!important;max-height:24px!important;display:inline-block!important;vertical-align:middle!important}.tts-widget div,.tts-widget p{margin:0;padding:0}@media (prefers-color-scheme:dark){.tts-widget{background:var(--ifm-background-surface-color,#1b1b1d);border:1px solid var(--ifm-color-emphasis-200,#444)}}.supernal-tts-widget-hero{display:inline-flex;align-items:center;justify-content:center}.supernal-tts-widget-hero .supernal-tts-play{padding:14px 32px!important;background:linear-gradient(135deg,#38bdf8,#0284c7)!important;border-radius:9999px!important;font-size:16px!important;font-weight:600!important;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)!important;transition:all .3s ease!important;color:#fff!important;border:none!important;min-width:200px}.supernal-tts-widget-hero .supernal-tts-play:hover{transform:translateY(-2px)!important;box-shadow:0 25px 30px -5px rgba(0,0,0,.15),0 15px 15px -5px rgba(0,0,0,.08)!important;background:linear-gradient(135deg,#0ea5e9,#0369a1)!important}.supernal-tts-widget-hero .supernal-tts-play.supernal-tts-loading{background:linear-gradient(135deg,#f59e0b,#d97706)!important}.supernal-tts-widget-hero .supernal-tts-play.supernal-tts-playing{background:linear-gradient(135deg,#f97316,#ea580c)!important;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.supernal-tts-widget-feature-card{display:inline-flex;align-items:center;justify-content:center}.supernal-tts-widget-feature-card .supernal-tts-play{width:48px!important;height:48px!important;border-radius:12px!important;padding:0!important;min-width:unset!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:0!important;background:var(--feature-gradient,linear-gradient(135deg,#60a5fa 0,#3b82f6 100%))!important;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)!important;transition:all .2s ease!important}.supernal-tts-widget-feature-card .supernal-tts-play:before{content:"";font-size:20px!important;color:#fff!important}.supernal-tts-widget-feature-card .supernal-tts-play:hover{transform:translateY(-2px) scale(1.05)!important;box-shadow:0 10px 15px -3px rgba(0,0,0,.15),0 4px 6px -2px rgba(0,0,0,.1)!important}.supernal-tts-widget-feature-card .supernal-tts-play.supernal-tts-loading{background:linear-gradient(135deg,#fbbf24,#f59e0b)!important}.supernal-tts-widget-feature-card .supernal-tts-play.supernal-tts-playing{background:linear-gradient(135deg,#fb923c,#f97316)!important;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.supernal-tts-widget-waveform{background:#fff;border-radius:16px;padding:16px;box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06);display:flex;align-items:center;gap:16px}.supernal-tts-widget-waveform .supernal-tts-play{width:56px!important;height:56px!important;border-radius:50%!important;padding:0!important;min-width:unset!important;flex-shrink:0;display:flex!important;align-items:center!important;justify-content:center!important;font-size:0!important;background:linear-gradient(135deg,#3b82f6,#2563eb)!important;box-shadow:0 4px 6px -1px rgba(59,130,246,.3)!important;transition:all .3s ease!important}.supernal-tts-widget-waveform .supernal-tts-play:hover{transform:scale(1.05)!important;box-shadow:0 10px 15px -3px rgba(59,130,246,.4)!important}.supernal-tts-widget-waveform .supernal-tts-play.supernal-tts-playing{background:linear-gradient(135deg,#ef4444,#dc2626)!important;box-shadow:0 4px 6px -1px rgba(239,68,68,.3)!important}.supernal-tts-widget-waveform .widget-metadata{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}.supernal-tts-widget-waveform .widget-metadata-voice{font-weight:600;font-size:14px;color:#1f2937;truncate:true;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.supernal-tts-widget-waveform .widget-metadata-provider{font-size:12px;color:#6b7280}.supernal-tts-widget-waveform .widget-progress-bar{height:4px;background:#e5e7eb;border-radius:2px;overflow:hidden;margin-top:8px}.supernal-tts-widget-waveform .widget-progress-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#2563eb);width:0;transition:width .1s linear}.supernal-tts-widget-card{background:#fff;border-radius:16px;padding:20px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);border:2px solid transparent;background-image:linear-gradient(#fff,#fff),var(--card-gradient,linear-gradient(135deg,#3b82f6 0,#2563eb 100%));background-origin:border-box;background-clip:padding-box,border-box;transition:all .3s ease}.supernal-tts-widget-card:hover{box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);transform:translateY(-2px)}.supernal-tts-widget-card .widget-card-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.supernal-tts-widget-card .widget-card-icon{width:40px;height:40px;border-radius:8px;background:var(--card-gradient,linear-gradient(135deg,#3b82f6 0,#2563eb 100%));display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:18px}.supernal-tts-widget-card .widget-card-info{flex:1;min-width:0}.supernal-tts-widget-card .widget-card-voice{font-weight:600;font-size:16px;color:#1f2937;margin:0}.supernal-tts-widget-card .widget-card-provider{font-size:14px;color:#6b7280;margin:0}.supernal-tts-widget-card .supernal-tts-play{width:100%!important;padding:12px 24px!important;background:var(--card-gradient,linear-gradient(135deg,#3b82f6 0,#2563eb 100%))!important;border-radius:8px!important;font-size:15px!important;font-weight:600!important;color:#fff!important;box-shadow:0 2px 4px 0 rgba(0,0,0,.1)!important;transition:all .2s ease!important;justify-content:center!important}.supernal-tts-widget-card .supernal-tts-play:hover{transform:translateY(-1px)!important;box-shadow:0 4px 8px 0 rgba(0,0,0,.15)!important}.supernal-tts-widget-card .supernal-tts-play.supernal-tts-playing{background:linear-gradient(135deg,#ef4444,#dc2626)!important}@media (prefers-color-scheme:dark){.supernal-tts-widget-card,.supernal-tts-widget-waveform{background:#1f2937}.supernal-tts-widget-card{background-image:linear-gradient(#1f2937,#1f2937),var(--card-gradient,linear-gradient(135deg,#3b82f6 0,#2563eb 100%))}.supernal-tts-widget-card .widget-card-voice,.supernal-tts-widget-waveform .widget-metadata-voice{color:#f9fafb}.supernal-tts-widget-card .widget-card-provider,.supernal-tts-widget-waveform .widget-metadata-provider{color:#d1d5db}.supernal-tts-widget-waveform .widget-progress-bar{background:#374151}}@media (max-width:640px){.supernal-tts-widget-hero .supernal-tts-play{padding:12px 24px!important;font-size:14px!important;min-width:160px}.supernal-tts-widget-feature-card .supernal-tts-play{width:40px!important;height:40px!important}.supernal-tts-widget-waveform{padding:12px;gap:12px}.supernal-tts-widget-waveform .supernal-tts-play{width:48px!important;height:48px!important}.supernal-tts-widget-card{padding:16px}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}