.p33-yt-wrapper{position:relative;width:100%;background:#eee;border:1px solid #ccc}.p33-yt-wrapper-inner{display:flex;width:100%}.p33-yt-player{width:66.666%;position:relative;padding-top:37.5%;background:#eee}.p33-yt-player iframe{position:absolute;inset:0;width:100%;height:100%}.p33-yt-list{width:33.333%;position:absolute;right:0;top:0;bottom:0;background:#eee;border-left:1px solid #ccc;overflow:hidden}.p33-yt-list-inner{height:100%;overflow-y:auto}.p33-yt-list ul{list-style:none;margin:0;padding:0}.p33-yt-list li{display:flex;gap:10px;padding:10px;cursor:pointer;color:#333;border-bottom:1px solid #ccc;align-items:flex-start}.p33-yt-list li:hover{background:#ddd}.p33-yt-list li.active{background:#ccc;font-weight:700}.p33-yt-list img{width:90px;height:50px;object-fit:cover;border:1px solid #bbb;flex-shrink:0}.p33-yt-list span{font-size:13px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.p33-yt-list-button{position:absolute;left:0;width:100%;height:20px;background:#f3f3f3;display:flex;justify-content:center;align-items:center;cursor:pointer;z-index:5;transition:background .3s}.p33-yt-list-button:hover{background:#ddd}.p33-yt-list-button.disabled{opacity:.5;cursor:default}.p33-yt-list-button svg{width:24px;height:24px;fill:#666}.p33-yt-list-button.up{top:0;border-bottom:1px solid #ccc}.p33-yt-list-button.down{bottom:0;border-top:1px solid #ccc}@media (max-width:800px){.p33-yt-wrapper-inner{flex-direction:column;position:relative}.p33-yt-player{width:100%;padding-top:56.25%}.p33-yt-list{position:relative;width:100%;height:400px;border-left:none;border-top:1px solid #ccc;overflow-y:auto}.p33-yt-list ul{max-height:100%}}