.reel-showcase-grid{display:grid;grid-template-columns:repeat(var(--reel-columns,4),minmax(0,1fr));gap:16px;width:100%;max-width:1040px;margin:0 auto}
.reel-showcase-item{min-width:0}
.reel-showcase-player{position:relative;aspect-ratio:9/16;overflow:hidden;border-radius:8px;background:#000;isolation:isolate}
.reel-showcase-player video,.reel-showcase-player .reel-showcase-poster{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;margin:0;border:0;border-radius:0;object-fit:contain;background:#000}
.reel-showcase-player .reel-showcase-poster{z-index:1;pointer-events:none}
.reel-showcase-player [hidden]{display:none!important}
.reel-showcase-controls{position:absolute;z-index:2;inset:0;display:grid;place-items:center;pointer-events:none}
.reel-showcase-controls button{appearance:none;display:grid;place-items:center;width:58px;height:58px;padding:0 0 0 4px;margin:0;border:1px solid #ffffff80;border-radius:50%;background:#000b;color:#fff;box-shadow:0 4px 18px #0007;cursor:pointer;pointer-events:auto;transition:opacity .2s ease,transform .2s ease,background .2s ease}
.reel-showcase-controls button::before{content:"";width:0;height:0;border-top:9px solid transparent;border-bottom:9px solid transparent;border-left:15px solid currentColor}
.reel-showcase-controls button:hover{background:#000e;transform:scale(1.06)}
.reel-showcase-player.is-playing .reel-showcase-controls button{opacity:0;pointer-events:none;transform:scale(.86)}
.reel-showcase-controls button:focus-visible{outline:3px solid #fff;outline-offset:2px}
.reel-showcase-status{position:absolute;z-index:2;top:8px;left:8px;right:8px;padding:6px;background:#000c;color:#fff;border-radius:4px;font:13px/1.4 system-ui,sans-serif;pointer-events:none}
.reel-showcase-status:empty{display:none}
.reel-showcase-meta{display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;gap:5px 10px;margin-top:9px;font:14px/1.35 system-ui,sans-serif;overflow-wrap:anywhere}
.reel-showcase-account{color:#aaa}
.reel-showcase-views{display:inline-flex;align-items:center;gap:5px;color:#fff;font-weight:700;white-space:nowrap}
.reel-showcase-views svg{width:16px;height:16px;fill:currentColor;opacity:.9}
.reel-showcase-visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media(max-width:900px){.reel-showcase-grid{grid-template-columns:repeat(var(--reel-mobile-columns,2),minmax(0,1fr));gap:12px}}
@media(max-width:600px){.reel-showcase-grid{gap:10px}}