/* VOX TTS Player – clean */
.vox-tts-box{background:#0aaeea;border-radius:12px;padding:10px 14px;margin:14px 0;}
.vox-tts-ui{display:flex;align-items:center;gap:12px}

/* Play/Pause: pure white shapes, bigger */
.vox-tts-left{position:relative;width:48px;height:48px;flex:0 0 48px;display:flex;align-items:center;justify-content:center;background:transparent}
.vox-tts-left .vox-tts-play{position:relative;width:48px;height:48px;border:0;background:transparent;cursor:pointer;padding:0;outline:none}
.vox-tts-left .vox-tts-play .icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:block}
/* Play triangle */
.vox-tts-left .vox-tts-play .icon-play{width:0;height:0;border-left:22px solid #fff;border-top:14px solid transparent;border-bottom:14px solid transparent}
/* Pause bars */
.vox-tts-left .vox-tts-play .icon-pause{width:24px;height:24px;background:linear-gradient(90deg,#fff 0 42%,transparent 42% 58%,#fff 58% 100%);display:none}
/* Toggle visibility when playing */
.vox-tts-left .vox-tts-play.playing .icon-play{display:none}
.vox-tts-left .vox-tts-play.playing .icon-pause{display:block}

.vox-tts-center{flex:1;display:flex;flex-direction:column;gap:8px}
.vox-tts-time{color:#fff;font-weight:700;font-size:16px;line-height:1}
.vox-tts-seek{-webkit-appearance:none;appearance:none;height:10px;border-radius:6px;background:#fff}
.vox-tts-seek::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:#2d2d2d;cursor:pointer}
.vox-tts-seek::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#2d2d2d;border:0;cursor:pointer}
.vox-tts-right{flex:0 0 auto;display:flex;gap:8px}
.vox-tts-speed,.vox-tts-gen{background:#fff;color:#0a7fb3;border:0;border-radius:10px;padding:10px 14px;font-weight:700;cursor:pointer}
.vox-tts-gen[disabled]{opacity:.6;cursor:default}

@media(max-width:768px){
 .vox-tts-left{width:42px;height:42px;flex-basis:42px}
 .vox-tts-time{font-size:14px}
}