.film-mini-player.floating-film{--w:min(var(--requested-width,min(360px,62vw)),100vw,calc(100dvh * var(--ratio)));--max-x:calc(100vw - var(--w));--max-y:calc(100dvh - var(--w) / var(--ratio));position:fixed;z-index:9999;width:var(--w);height:auto;aspect-ratio:var(--ratio);left:clamp(0px,var(--film-x,calc(var(--max-x) - 12px)),var(--max-x));top:clamp(0px,var(--film-y,calc(var(--max-y) - 76px)),var(--max-y));right:auto;bottom:auto;max-height:none;overflow:hidden;padding:0;border:0;border-radius:14px;background:black;box-shadow:none}.floating-film.floating-film :is(.floating-media,iframe,video){display:block;width:100%;height:100%;min-height:0;object-fit:contain;border:0}.floating-surface{position:absolute;inset:0;width:100%;height:100%;background:transparent;border:0;touch-action:none;cursor:grab}.floating-surface:active{cursor:grabbing}.film-hold-shade{position:fixed;inset:0;background:linear-gradient(90deg,rgb(0 0 0/70%),transparent);pointer-events:none;z-index:9998}.film-drop-target{position:fixed;left:max(12px,env(safe-area-inset-left));top:50%;transform:translateY(-50%);z-index:10000;pointer-events:none;display:grid;place-items:center;width:56px;height:56px;border-radius:50%;color:white;font:32px system-ui;text-shadow:0 1px 3px #222;background:linear-gradient(120deg,transparent 12%,#ffffff42 32%,transparent 53%);backdrop-filter:blur(3px)}.film-drop-target[data-armed=true]{transform:translateY(-50%) scale(1.12);font-weight:700}.floating-film button:focus-visible{outline:2px solid white;outline-offset:-3px}@media(prefers-reduced-transparency:reduce){.film-drop-target{background:#333;backdrop-filter:none}}