.bu-media-card{position:relative;display:block!important;width:100%!important;max-width:none!important;margin:20px 0;border:1.5px solid #000;border-radius:12px;overflow:hidden;background:#121212;cursor:pointer;transition:all 0.2s ease;clear:both}.bu-media-card:hover{background:#1a1a1a;border-color:#444}.bu-media-card-inner{position:relative;z-index:1;display:flex;align-items:center;gap:20px;padding:18px 24px;min-height:90px;line-height:1.4}.bu-media-card-thumb{width:160px;min-width:160px;height:90px;border-radius:8px;background:#080808;background-size:cover!important;background-position:center!important;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:1.5px solid #222;overflow:hidden;transition:all 0.25s ease;filter:brightness(.9)}.bu-media-card:hover .bu-media-card-thumb{border-color:#111;filter:brightness(1.2)}.bu-media-card-thumb-icon{width:54px;height:54px;border-radius:999px;background:rgb(0 0 0 / .7);color:rgb(255 255 255 / .4);display:flex;align-items:center;justify-content:center;font-size:20px;transition:all 0.25s ease}.bu-media-card:hover .bu-media-card-thumb-icon{color:#fff;background:rgb(0 0 0 / .8)}.bu-media-card-duration{position:absolute;right:8px;bottom:8px;background:rgb(0 0 0 / .75);color:#fff;font-size:11px;font-weight:800;padding:3px 6px;border-radius:4px;line-height:1;letter-spacing:.02em;z-index:2;pointer-events:none}.bu-media-card.is-audio-thumb .bu-media-card-thumb{background:#0f0f0f}.bu-media-card-body{min-width:0;flex:1}.bu-media-card-label{font-size:11px;font-weight:800;letter-spacing:.08em;color:rgb(255 255 255 / .4);transition:color 0.2s ease}.bu-media-card:hover .bu-media-card-label{color:rgb(255 255 255 / .7)}.bu-media-card-title{margin-top:5px;font-size:17px;font-weight:800;line-height:1.35;color:rgb(255 255 255 / .8);word-break:break-all;transition:color 0.2s ease;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.bu-media-card:hover .bu-media-card-title{color:#fff}@media screen and (max-width:768px){.bu-media-card-inner{gap:12px;padding:15px 18px}.bu-media-card-thumb{width:120px;min-width:120px;height:68px}.bu-media-card-title{-webkit-line-clamp:2;font-size:15px}.bu-media-card-action{padding:7px 14px;font-size:12px}}.bu-media-card-sub{margin-top:6px;font-size:13px;color:rgb(255 255 255 / .3)}.bu-media-card-action{flex-shrink:0;border:1.5px solid #2a2a2a;border-radius:999px;background:#1a1a1a;color:#888;font-size:13px;font-weight:800;padding:9px 18px;cursor:pointer;white-space:nowrap;transition:all 0.2s ease}.bu-media-card:hover .bu-media-card-action{background:#333;border-color:#555;color:#fff}.bu-media-loading{position:relative;display:flex;align-items:center;justify-content:center;width:100%!important;max-width:none!important;background:#0c0c0c;border:1.5px solid #000;border-radius:12px;overflow:hidden;margin:20px 0;animation:bu-pulse 2s cubic-bezier(.4,0,.6,1) infinite}.bu-media-loading.is-inline{border:none;margin:0;background:#fff0;animation:none;min-height:90px}.bu-media-loading-inner{display:flex;flex-direction:column;align-items:center;gap:15px}.bu-media-spinner-svg{width:34px;height:34px;animation:bu-rotate 2s linear infinite;filter:drop-shadow(0 0 5px rgb(255 255 255 / .1))}.bu-media-spinner-bg{fill:none;stroke:#1a1a1a;stroke-width:4}.bu-media-spinner-bar{fill:none;stroke:#666;stroke-width:4;stroke-linecap:round;stroke-dasharray:125.6;stroke-dashoffset:125.6;transition:stroke-dashoffset 0.1s linear}.bu-media-loading-percent{color:rgb(255 255 255 / .3);font-size:13px;font-weight:800;font-family:monospace;letter-spacing:.1em}@keyframes bu-rotate{100%{transform:rotate(360deg)}}@keyframes bu-pulse{0%,100%{background:#0c0c0c}50%{background:#161616}}.bu-media-fading{animation:bu-fade-in 0.8s cubic-bezier(.4,0,.2,1) forwards}@keyframes bu-fade-in{from{opacity:0;filter:brightness(.5)}to{opacity:1;filter:brightness(1)}}video.bu-media-fading,audio.bu-media-fading{margin:20px 0!important;display:block!important}.bu-media-card.bu-is-audio .bu-media-card-thumb{width:90px;min-width:90px;background:linear-gradient(135deg,#1e1e1e 0%,#0a0a0a 100%)}.bu-media-card.bu-is-audio .bu-media-card-inner{gap:15px;padding:15px 20px}.bu-media-card.bu-is-audio .bu-media-card-title{font-size:15px}