.mp4-player{position:relative;width:100%;min-width:0;overflow:hidden;border-radius:10px;background:#111;aspect-ratio:16/9}
.mp4-ratio-9-16{aspect-ratio:9/16}.mp4-ratio-1-1{aspect-ratio:1}.mp4-ratio-4-3{aspect-ratio:4/3}
.mp4-player video{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;max-height:none;object-fit:fill}
.mp4-player button{position:absolute;left:50%;transform:translateX(-50%);border:2px solid #fff;border-radius:8px;padding:12px 20px;background:#172536;color:#fff;font:600 16px/1.3 sans-serif;cursor:pointer;max-width:90%}
.mp4-sound-button{top:42%}.mp4-play-button{top:60%}.mp4-player button:focus-visible{outline:3px solid #60a5fa;outline-offset:3px}
.mp4-sound-button::before,.mp4-sound-button::after{content:"";position:absolute;top:50%;width:16px;height:32px;pointer-events:none;opacity:0;animation:mp4-sound-waves 1.8s ease-out infinite}
.mp4-sound-button::before{right:calc(100% + 12px);border-left:3px solid #fff;border-radius:50% 0 0 50%;box-shadow:-8px 0 0 -1px #fff,-16px 0 0 -2px #fff;transform-origin:right center;--mp4-wave-direction:-1}
.mp4-sound-button::after{left:calc(100% + 12px);border-right:3px solid #fff;border-radius:0 50% 50% 0;box-shadow:8px 0 0 -1px #fff,16px 0 0 -2px #fff;transform-origin:left center;--mp4-wave-direction:1}
@keyframes mp4-sound-waves{0%{opacity:0;transform:translateY(-50%) translateX(0) scale(.7)}25%{opacity:.95}100%{opacity:0;transform:translateY(-50%) translateX(calc(var(--mp4-wave-direction)*12px)) scale(1.35)}}
@media(prefers-reduced-motion:reduce){.mp4-sound-button::before,.mp4-sound-button::after{animation:none;opacity:.8;transform:translateY(-50%)}}
.mp4-error{position:absolute;bottom:45px;left:10px;right:10px;padding:10px;background:#172536;color:#fff;font-size:13px}
.mp4-player [hidden]{display:none!important}
.mp4-trim-controls{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;gap:8px;padding:8px;background:linear-gradient(transparent,rgba(0,0,0,.8));color:#fff}
.mp4-trim-controls button{position:static;transform:none;border:0;padding:6px;border-radius:4px;font:600 12px/1.3 sans-serif;flex-shrink:0;max-width:none}
.mp4-trim-controls input{min-width:0;flex:1;accent-color:#fff}
.mp4-player:fullscreen{width:100%;height:100%;border-radius:0}