.youtube-placeholder-wrapper{position:relative;max-width:800px;margin:20px auto;min-height:200px;aspect-ratio:16/9}
.youtube-placeholder-container{position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer;background:#000;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.1);transition:transform .3s ease,box-shadow .3s ease}
.youtube-placeholder-container:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.15)}
.youtube-thumbnail-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,#1a1a1a,#2a2a2a);display:flex;align-items:center;justify-content:center}
.youtube-thumbnail{width:100%;height:100%;object-fit:cover;transition:opacity .5s ease;opacity:0;animation:fadeIn .5s ease forwards}
@keyframes fadeIn{to{opacity:1}}
.youtube-thumbnail.loaded{opacity:1}
.youtube-play-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.3);transition:background .3s ease}
.youtube-placeholder-container:hover .youtube-play-overlay{background:rgba(0,0,0,.2)}
.youtube-play-button{display:flex;flex-direction:column;align-items:center;gap:12px;transform:scale(.95);transition:transform .3s ease;animation:pulseGently 2s ease-in-out infinite}
@keyframes pulseGently{0%,100%{transform:scale(.95)}50%{transform:scale(1)}}
.youtube-placeholder-container:hover .youtube-play-button{animation:none;transform:scale(1.05)}
.youtube-play-button svg{width:68px;height:48px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.4))}
.play-text{color:#fff;font-size:16px;font-weight:600;text-shadow:0 2px 4px rgba(0,0,0,.5);letter-spacing:.5px;opacity:.9}
.youtube-placeholder-container.loading .youtube-play-button{animation:loadingSpin 1s linear infinite}
@keyframes loadingSpin{0%{transform:scale(.95) rotate(0deg)}100%{transform:scale(.95) rotate(360deg)}}
@media(max-width:768px){.youtube-placeholder-wrapper{margin:15px auto;min-height:180px}.youtube-play-button svg{width:50px;height:35px}.play-text{font-size:14px}}
@supports not (aspect-ratio:16/9){.youtube-placeholder-wrapper::before{content:"";display:block;padding-top:56.25%}.youtube-placeholder-container{position:absolute;top:0;left:0}}