.quick-demo{max-width:800px;margin:2rem auto 1.3rem}.quick-demo video{display:block;width:100%;aspect-ratio:4/3;height:auto;background:#fff;border:2px solid #20252b;border-radius:18px}.quick-demo-tabs{display:flex;gap:.6rem;justify-content:center;flex-wrap:wrap;margin-bottom:.8rem}.quick-demo-tabs button{font:inherit;padding:.65rem 1rem;border:1px solid #3565a1;border-radius:999px;background:white;color:#3565a1;cursor:pointer}.quick-demo-tabs button[aria-pressed=true]{background:#3565a1;color:white}.quick-demo-tabs button:focus-visible{outline:3px solid #4a90e2;outline-offset:3px}.quick-demo-caption{font-size:1rem;line-height:1.5;color:#616975;margin:.8rem auto;max-width:680px}.film-section>h2,.film-section>p{text-align:center}@media(max-width:500px){.quick-demo-tabs button{font-size:.9rem}.quick-demo video{border-radius:12px}}
.quick-demo-player{position:relative}.quick-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);max-width:90%;white-space:normal}.quick-play[hidden]{display:none}.quick-status{font-size:1rem;line-height:1.45;color:#616975;min-height:1.4em}.quick-demo-player video{max-width:100%}

.quick-demo-player .quick-play,.quick-demo-player .quick-play:hover,.quick-demo-player .quick-play:active,.quick-demo-player .quick-play:disabled{transform:translate(-50%,-50%)}

/* The short previews use compact controls without a dark video overlay. */
.quick-toggle{position:absolute;right:14px;bottom:14px;width:44px;height:44px;display:grid;place-items:center;padding:0;border:2px solid #20252b;border-radius:12px;background:#fff;color:#20252b;cursor:pointer;z-index:2}
.quick-toggle[hidden]{display:none}
.quick-toggle svg{width:20px;height:20px;fill:currentColor;pointer-events:none}
.quick-toggle:focus-visible,#quick-film:focus-visible{outline:3px solid #4a90e2;outline-offset:3px}