.lf{border-radius:var(--r-lg);border:1px solid var(--line);background:var(--paper-raised);box-shadow:var(--shadow-3);overflow:hidden}.lf-bar{border-bottom:1px solid var(--line);background:var(--soft);align-items:center;gap:7px;padding:10px 14px;display:flex}.lf-bar>i{background:var(--line);border-radius:999px;flex:none;width:9px;height:9px}.lf-url{font-family:var(--font-label);color:var(--ink-faint);background:var(--paper);white-space:nowrap;text-overflow:ellipsis;border-radius:999px;margin-left:8px;padding:3px 12px;font-size:11px;overflow:hidden}.lf-screen{aspect-ratio:16/10;background:var(--soft);position:relative;overflow:hidden}.lf--tall .lf-screen{aspect-ratio:4/3}@media (max-width:820px){.lf-screen,.lf--tall .lf-screen{aspect-ratio:4/5}}.lf-poster{object-fit:cover;object-position:top center;z-index:1;pointer-events:none;width:100%;height:100%;transition:opacity var(--dur-slow) var(--ease-settle);position:absolute;inset:0}.lf.is-live .lf-poster{opacity:0}.lf-iframe{zoom:var(--s,.5);z-index:0;background:#fff;border:0;width:1296px;height:810px;position:absolute;top:0;left:0}.lf--tall .lf-iframe{height:972px}.lf-hint{z-index:2;pointer-events:none;transition:opacity var(--dur) var(--ease-settle);place-items:center;display:grid;position:absolute;inset:0}.lf:hover .lf-hint{opacity:0}.lf-shield{z-index:2;-webkit-tap-highlight-color:transparent;place-items:end center;padding-bottom:18px;display:grid;position:absolute;inset:0}.lf-shield:focus-visible{outline:2px solid var(--field);outline-offset:-2px}.lf-chip{border-radius:var(--r-md);background:color-mix(in oklab, var(--paper-raised) 88%, transparent);border:1px solid var(--line);box-shadow:var(--shadow-2);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);font-family:var(--font-label);color:var(--ink);align-items:center;gap:8px;padding:9px 15px;font-size:13px;font-weight:500;display:inline-flex}.lf-chip svg{color:var(--field)}