.vplayer{gap:var(--s-2);flex-direction:column;margin:0;display:flex}.vplayer-frame{aspect-ratio:16/9;border-radius:var(--r-3);background:var(--surface-2);border:1px solid var(--line);position:relative;overflow:hidden}.vplayer-iframe,.vplayer-facade{border:0;width:100%;height:100%;position:absolute;inset:0}.vplayer-facade{cursor:pointer;color:var(--fg);background:0 0;padding:0;display:block}.vplayer-facade:focus-visible{outline:2px solid var(--line-strong);outline-offset:-2px}.vplayer-poster{object-fit:cover;width:100%;height:100%;display:block}.vplayer-placeholder{color:var(--fg-dim);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.vplayer-play{align-items:center;gap:var(--s-2);background:var(--bg-elev);color:var(--fg);border:1px solid var(--line);box-shadow:var(--shadow-2);border-radius:999px;padding:10px 18px;font-size:14px;font-weight:600;transition:transform .15s;display:inline-flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.vplayer-facade:hover .vplayer-play{transform:translate(-50%,-50%)scale(1.04)}.vplayer-meta{justify-content:space-between;align-items:center;gap:var(--s-2) var(--s-3);color:var(--fg-muted);flex-wrap:wrap;font-size:13px;display:flex}.vplayer-title{color:var(--fg);overflow-wrap:anywhere;min-width:0;font-weight:600}.vplayer-controls{align-items:center;gap:var(--s-3);flex-wrap:wrap;display:inline-flex}.vplayer-switch{border:1px solid var(--line);border-radius:999px;padding:2px;display:inline-flex}.vplayer-switch-btn{color:var(--fg-muted);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:600}.vplayer-switch-btn.is-active{background:var(--surface-2);color:var(--fg)}.vplayer-source{font-size:12px;font-weight:600}.vplayer-external{color:var(--fg-muted);align-items:center;gap:4px;text-decoration:none;display:inline-flex}.vplayer-external:hover{color:var(--fg);text-decoration:underline}
