.demo-player{aspect-ratio:16/9;background:#f5f4f2;border-radius:28px;overflow:hidden}.demo-player>button{cursor:pointer;background:0 0;border:0;width:100%;height:100%;padding:0;display:block;position:relative}.demo-player img{object-fit:cover;width:100%;height:100%;display:block}.demo-play-control{border:1px solid var(--color-ink);background:var(--color-ink);color:#fff;border-radius:16px;align-items:center;gap:10px;padding:15px 22px;font-size:16px;transition:transform .18s,background .18s;display:flex;position:absolute;bottom:6%;right:5%;box-shadow:0 4px 16px #1d1c1c20}.demo-player button:hover .demo-play-control{background:#444;transform:translateY(-2px)}.demo-player button:focus-visible{outline-offset:-5px}@media (max-width:640px){.demo-player{border-radius:16px}.demo-play-control{border-radius:10px;gap:6px;padding:8px 12px;font-size:12px}.demo-play-control svg{width:14px;height:14px}}@media (prefers-reduced-motion:reduce){.demo-player button:hover .demo-play-control{transform:none}}.demo-player iframe{border:0;width:100%;height:100%;display:block}