.tubely{--tubely:#ef4444;position:relative;aspect-ratio:16/9;width:100%;background:#0f172a;border-radius:12px;overflow:hidden;margin:0 0 1.5em}
.tubely__img,.tubely__ph,.tubely iframe{position:absolute;inset:0;width:100%!important;height:100%!important;object-fit:cover;border:0;margin:0!important;max-width:none}
.tubely__ph{background:radial-gradient(circle at 30% 30%,#334155,#0f172a)}
.tubely__play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:0;background:none;padding:0;cursor:pointer;filter:drop-shadow(0 6px 16px rgba(0,0,0,.35));transition:transform .15s}
.tubely__play:hover,.tubely__play:focus-visible{transform:translate(-50%,-50%) scale(1.08)}
.tubely__play:focus-visible{outline:3px solid #fff;outline-offset:4px;border-radius:12px}
.tubely__t{position:absolute;left:0;right:0;top:0;padding:14px 16px 30px;color:#fff;font-weight:700;font-size:16px;background:linear-gradient(rgba(0,0,0,.6),transparent);pointer-events:none}
.tubely__n{position:absolute;left:12px;bottom:10px;right:12px;color:#fff;font-size:12px;opacity:.85;text-shadow:0 1px 3px rgba(0,0,0,.6);pointer-events:none}
.tubely.is-playing{background:#000}