.video.playable{display:flex;align-items:center;padding:15px;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:8px;cursor:pointer;transition:all 0.3s ease;text-decoration:none;color:#fff;position:relative;overflow:hidden}.video.playable:hover{background:#252525;border-color:#c69c6d;transform:translateY(-2px);box-shadow:0 4px 12px rgb(198 156 109 / .2)}.video.playable.now-playing{background:linear-gradient(135deg,#1a1a1a 0%,#2a2a2a 100%);border-color:#c69c6d;box-shadow:0 0 20px rgb(198 156 109 / .3)}.video-play-icon{font-size:20px;color:#c69c6d;margin-right:15px;transition:transform 0.3s ease}.video.playable:hover .video-play-icon{transform:scale(1.2)}.video-info{flex:1;min-width:0}.video-title{display:block;font-size:16px;font-weight:600;color:#fff;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.video-artist{display:block;font-size:14px;color:#999;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.video-meta{display:flex;gap:8px;margin-top:8px}.video-tag{display:inline-block;padding:2px 8px;background:rgb(198 156 109 / .1);border:1px solid rgb(198 156 109 / .3);border-radius:12px;font-size:11px;color:#c69c6d;text-transform:uppercase;letter-spacing:.5px}.video-platform{display:inline-block;padding:2px 8px;background:rgb(198 156 109 / .15);border:1px solid rgb(198 156 109 / .4);border-radius:12px;font-size:11px;color:#e8b788;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.la-video-player{position:fixed;top:0;left:0;right:0;bottom:0;background:rgb(0 0 0 / .1);z-index:10000;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity 0.4s ease,visibility 0.4s ease}.la-video-player.active{opacity:1;visibility:visible}.la-video-player-inner{width:90%;max-width:1200px;max-height:90vh;position:relative;background:#0a0a0a;border:2px solid #c69c6d;border-radius:12px;overflow:hidden;box-shadow:0 20px 60px rgb(0 0 0 / .8)}.la-video-header{padding:20px;background:linear-gradient(135deg,#1a1a1a 0%,#2a2a2a 100%);border-bottom:1px solid rgb(198 156 109 / .3);position:relative}.la-video-controls{position:absolute;top:20px;right:60px;display:flex;gap:10px}.la-video-nav-btn{background:#fff0;border:2px solid #c69c6d;color:#c69c6d;width:36px;height:36px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.3s ease;font-size:14px}.la-video-nav-btn:hover:not(:disabled){background:#c69c6d;color:#000;transform:scale(1.1)}.la-video-nav-btn:disabled{opacity:.3;cursor:not-allowed;border-color:#666;color:#666}.la-video-title{font-size:20px;font-weight:600;color:#fff;margin-bottom:5px}.la-video-artist{font-size:16px;color:#c69c6d}.la-video-container{position:relative;width:100%;padding-bottom:56.25%;background:#000}.la-video-iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.la-video-close{position:absolute;top:15px;right:15px;background:rgb(0 0 0 / .7);border:2px solid rgb(198 156 109 / .5);color:#c69c6d;width:40px;height:40px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.3s;font-size:20px;z-index:10}.la-video-close:hover{border-color:#c69c6d;background:#c69c6d;color:#000;transform:rotate(90deg)}body.la-video-open{overflow:hidden}.la-media-samples{display:grid;gap:15px;margin:20px 0}.la-media-samples.grid-view{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.media-item{position:relative}.media-type-icon{position:absolute;top:10px;right:10px;background:rgb(198 156 109 / .9);color:#000;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;z-index:2}@media (max-width:768px){.la-video-player-inner{width:95%;max-height:80vh}.la-video-header{padding:15px}.la-video-title{font-size:18px}.la-video-artist{font-size:14px}.la-video-close{width:35px;height:35px;font-size:18px;top:10px;right:10px}.la-media-samples.grid-view{grid-template-columns:1fr}}@keyframes videoSlideIn{from{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.la-video-player.active .la-video-player-inner{animation:videoSlideIn 0.4s ease}.la-video-native{object-fit:contain;background:#000}@media (max-width:767px){#la-video-close{width:44px;height:44px}}