:root{--stts-color:#2563eb}.smart-tts-widget{display:inline-flex;align-items:center;gap:8px;margin:14px 0;font-family:inherit;-webkit-font-smoothing:antialiased}.smart-tts-widget .stts-btn{all:unset;cursor:pointer;display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:600;line-height:1;transition:background .18s , color .18s , box-shadow .18s , transform .1s;user-select:none;-webkit-user-select:none}.smart-tts-widget .stts-btn:focus-visible{outline:3px solid var(--stts-color);outline-offset:3px}.smart-tts-widget .stts-btn:active{transform:scale(.96)}.stts-style-pill .stts-play{background:var(--stts-color);color:#fff;padding:9px 18px 9px 14px;border-radius:100px;box-shadow:0 2px 8px color-mix(in srgb,var(--stts-color) 35%,transparent)}.stts-style-pill .stts-play:hover{filter:brightness(1.1);box-shadow:0 4px 14px color-mix(in srgb,var(--stts-color) 45%,transparent)}.stts-style-pill .stts-stop{color:#6b7280;padding:6px;border-radius:50%;border:1.5px solid #d1d5db}.stts-style-pill .stts-stop:hover{color:#ef4444;border-color:#ef4444;background:#fef2f2}.stts-style-square .stts-play{background:var(--stts-color);color:#fff;padding:10px 20px 10px 16px;border-radius:6px;box-shadow:0 1px 4px rgba(0,0,0,.15)}.stts-style-square .stts-play:hover{filter:brightness(1.08)}.stts-style-square .stts-stop{color:#6b7280;padding:8px;border-radius:6px;border:1.5px solid #d1d5db}.stts-style-square .stts-stop:hover{color:#ef4444;border-color:#ef4444;background:#fef2f2}.stts-style-minimal .stts-play{color:var(--stts-color);padding:4px 2px;border-bottom:2px solid transparent}.stts-style-minimal .stts-play:hover{border-bottom-color:var(--stts-color)}.stts-style-minimal .stts-stop{color:#9ca3af}.stts-style-minimal .stts-stop:hover{color:#ef4444}.stts-progress-wrap{display:none;width:80px;height:4px;background:#e5e7eb;border-radius:100px;overflow:hidden;flex-shrink:0}.stts-progress-bar{display:block;height:100%;width:0%;background:var(--stts-color);border-radius:100px;transition:width .3s linear}.smart-tts-widget.stts-playing .stts-progress-wrap{display:block}.stts-lang-badge{font-size:11px;font-weight:700;letter-spacing:.05em;padding:2px 7px;border-radius:100px;background:#f3f4f6;color:#6b7280;border:1px solid #e5e7eb;text-transform:uppercase}.stts-lang-badge.stts-lang-id{background:#ecfdf5;color:#059669;border-color:#a7f3d0}.stts-lang-badge.stts-lang-en{background:#eff6ff;color:#2563eb;border-color:#bfdbfe}.smart-tts-widget .stts-stop{display:none}.smart-tts-widget.stts-playing .stts-stop,.smart-tts-widget.stts-paused .stts-stop{display:inline-flex}.smart-tts-widget.stts-error .stts-play{opacity:.5;pointer-events:none}.stts-unsupported-msg{font-size:13px;color:#9ca3af;font-style:italic}@media (max-width:480px){.stts-progress-wrap{width:50px}.smart-tts-widget .stts-btn{font-size:13px}}@media (prefers-reduced-motion:reduce){.smart-tts-widget .stts-btn,.stts-progress-bar{transition:none}}