#demoDialog{width:min(1000px,94vw);max-height:92dvh;overflow:auto;border:0;border-radius:16px;padding:22px}
#demoDialog::backdrop{background:#061c35aa}
header nav{position:relative;z-index:70}
#demoList{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}
#demoList button{border:1px solid #bccfe1;border-radius:8px;background:white;color:#16334f;padding:10px}
#demoList button[aria-pressed=true]{background:#123858;color:white}
#videoSlot video{width:100%;max-height:60dvh;display:block;background:#071a2d;border-radius:10px}
#videoSlot video[hidden]{display:none}
#videoSlot h3{margin-bottom:4px}#videoSlot p{margin:8px 0;color:#526b83}
#demoDialog details{margin-top:16px;border-top:1px solid #dce5ef;padding-top:12px}
#demoDialog input{max-width:100%}
@media(max-width:600px){#demoDialog{padding:14px;width:96vw}#demoList button{flex:1 1 45%;font-size:12px}#demoDialog h2{font-size:21px}}