.skelWrapper{--skel-radius:16px;--skel-pad:16px;--skel-gap:12px;--skel-media-inset:0;position:relative;width:100%;aspect-ratio:16/10;border-radius:var(--skel-radius);background:#ffffff;border:1px solid rgba(0,0,0,.06);box-shadow:0 10px 30px rgba(0,0,0,.05);overflow:hidden;contain:layout paint}.mediaLayer{position:absolute;inset:var(--skel-media-inset);display:grid;place-items:center;opacity:0;transition:opacity .22s ease}.mediaLayer.isVisible{opacity:1}.skelMedia{position:relative;width:100%;height:100%;display:grid;place-items:center;border-radius:inherit;overflow:hidden}.skelImage,.skelLottie{width:100%;height:100%;display:block}.skelLottie svg{width:100%!important;height:100%!important}.skelMediaFallback{width:100%;height:100%;border-radius:inherit;border:1px solid rgba(0,0,0,.08);background:linear-gradient(135deg,rgba(255,214,165,.35),rgba(189,224,254,.33))}.skelOverlay{position:absolute;inset:0;padding:var(--skel-pad);display:grid;grid-template-rows:18px 1fr 18px;grid-gap:var(--skel-gap);gap:var(--skel-gap);opacity:1;transition:opacity .22s ease}.skelOverlay.isHidden{opacity:0;pointer-events:none}.skelBlock{background:#eceff3;border-radius:12px}.skelBar{width:36%;min-width:120px;height:18px}.skelMain{width:100%;height:100%}.skelControls{display:flex;align-items:center;gap:10px}.skelControls span:first-child{width:46px;height:10px;border-radius:999px}.skelControls span:nth-child(n+2){width:12px;height:12px;border-radius:999px}.skelOverlay:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(0,0,0,.04),transparent);transform:translateX(-100%);animation:skelShimmer 1.2s linear infinite;will-change:transform;pointer-events:none}@keyframes skelShimmer{to{transform:translateX(100%)}}@media (prefers-reduced-motion:reduce){.skelOverlay:after{animation:none}}