.gcdvp{width:min(960px,100%);margin-inline:auto}.gcdvp *,.gcdvp *::before,.gcdvp *::after{box-sizing:border-box}
.gcdvp__form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.75rem;margin-bottom:1rem}
.gcdvp__input,.gcdvp__share-url,.gcdvp__button{min-height:3.25rem;border-radius:.4rem;font:inherit}
.gcdvp__input,.gcdvp__share-url{width:100%;padding:.75rem .9rem;border:1px solid #94a3b8;background:#fff;color:#111827;font-size:16px}
.gcdvp__button{padding:.75rem 1.4rem;border:1px solid #d63384;background:#fff;color:#d63384;cursor:pointer}
.gcdvp__button--primary{background:#d63384;color:#fff}.gcdvp__message{margin:0 0 .75rem;color:#334155;overflow-wrap:anywhere}
.gcdvp__message:empty{display:none}.gcdvp__frame{position:relative;width:100%;max-width:100%;margin-inline:auto;aspect-ratio:16/9;background:#000;border-radius:.65rem;overflow:hidden}
.gcdvp__video{display:block;width:100%;height:100%;border:0;background:#000;object-fit:contain}
.gcdvp__actions{display:flex;justify-content:center;flex-wrap:wrap;gap:.75rem;margin-top:1rem}.gcdvp__fallback{margin-top:1rem}
.gcdvp__fallback label{display:block;margin-bottom:.4rem}.gcdvp [hidden]{display:none!important}
@media(max-width:640px){.gcdvp__form{grid-template-columns:1fr}.gcdvp__button{width:100%}.gcdvp__actions{display:grid;grid-template-columns:1fr}}