#postPlaybackPreview { margin:16px 0; padding:16px; border:1px solid #b8c7c0; border-radius:10px; color:#17212b; background:#fff; }
#postPlaybackPreview[hidden] { display:none !important; }
#postPlaybackPreview h4 { margin:0 0 12px; color:#17212b; }
#postPlaybackPreview .post-playback-stage { display:flex; align-items:center; justify-content:center; min-height:100px; padding:12px; background:#f0f4f2; border-radius:8px; color:#17212b; }
#postPlaybackPreview .post-playback-media { display:block; max-width:100%; width:auto; max-height:440px; object-fit:contain; border-radius:6px; }
#postPlaybackPreview video { width:100%; background:#101713; }
#postPlaybackPreview .post-playback-source { margin:10px 0; overflow-wrap:anywhere; color:#17212b; font-size:13px; }
#postPlaybackPreview .post-playback-source a { color:#16477b; text-decoration:underline; }
#postPlaybackPreview button { color:#17212b; background:#fff; border:1px solid #8ca297; }