<style>
.sk-wrap{display:flex;gap:24px;max-width:1080px;margin:0 auto;background:#fff;padding:20px;border-radius:8px;color:#222;font-family:sans-serif}
.sk-player-col{flex:1 1 65%}
.sk-player-col h2{color:#1a1a1a;margin:0 0 6px;font-size:1.3em}
.sk-player-col p{color:#555;margin:0 0 12px;font-size:.9em}
#sk-frame{width:100%;aspect-ratio:16/9;border:none;border-radius:6px;background:#eee}
#sk-now-title{margin:10px 0 0;font-size:1em;font-weight:600;color:#333}
.sk-list-col{flex:0 0 300px;background:#f5f5f5;border:1px solid #ddd;border-radius:6px;overflow:hidden;display:flex;flex-direction:column}
.sk-list-col h3{margin:0;padding:12px 14px;background:#e8e8e8;color:#333;font-size:.95em;border-bottom:1px solid #ccc}
.sk-list-col ul{list-style:none;margin:0;padding:0;overflow-y:auto;max-height:480px}
.sk-item{display:flex;align-items:center;gap:10px;padding:8px 10px;cursor:pointer;border-bottom:1px solid #ddd;transition:background .15s}
.sk-item:hover,.sk-active{background:#e0e0e0}
.sk-item img{width:100px;height:56px;object-fit:cover;border-radius:3px;flex-shrink:0}
.sk-item span{font-size:.78em;color:#444;line-height:1.4}
@media(max-width:680px){.sk-wrap{flex-direction:column}}
</style><div class="sk-wrap"><div class="sk-player-col"><h2>FL Studio — Official Tutorials</h2><p>Image-Line official guides &bull; Click any video to play</p><iframe id="sk-frame" src="about:blank" allowfullscreen></iframe><div id="sk-now-title">Select a video to begin</div></div><div class="sk-list-col"><h3>Select a Video</h3><ul><li class="sk-item" onclick="skPlay('RQDvnfleST0',this)"><img src="https://img.youtube.com/vi/RQDvnfleST0/mqdefault.jpg" alt="Getting Started Tutorial"><span>Getting Started Tutorial</span></li><li class="sk-item" onclick="skPlay('QYjNgtDEwII',this)"><img src="https://img.youtube.com/vi/QYjNgtDEwII/mqdefault.jpg" alt="FL Studio 2024 Tutorial for Beginners"><span>FL Studio 2024 Tutorial for Beginners</span></li><li class="sk-item" onclick="skPlay('G2VZ-L4lLVI',this)">