.demo-sources{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem;margin:1.5rem 0}.demo-sources article{min-width:0;border:1px solid var(--border,rgba(100,190,190,.25));border-radius:1rem;padding:1.25rem;background:var(--panel,rgba(10,35,40,.2))}.demo-sources h3{overflow-wrap:anywhere}.demo-sources button{width:100%}#demo-player{scroll-margin-top:6rem}#demo-transcript p{white-space:pre-wrap}@media(max-width:760px){.demo-sources{grid-template-columns:1fr}}

.demo-sources img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:.65rem}.demo-page .experience-layout{margin-top:1.5rem}

.demo-page .experience-messages:empty{display:none}

.demo-sources .interview-frame{aspect-ratio:16/9;overflow:hidden;border-radius:.65rem;background:#07121a}.demo-sources .interview-frame img{width:100%;height:100%;aspect-ratio:auto;object-fit:contain;border-radius:0}
[data-legacy-ui] .demo-page main{padding-top:32px}[data-legacy-ui] .demo-page .app-intro{padding-bottom:22px;margin-bottom:22px}[data-legacy-ui] .demo-page .app-intro h1{font-size:clamp(36px,4.2vw,56px)}
.demo-page .demo-sources{gap:1rem;margin:1rem 0 0}.demo-page .demo-sources article{padding:12px}.demo-page .demo-sources h3{font-size:19px;margin:10px 0 2px}[data-legacy-ui] #demo-collections .glass-panel{padding:22px}[data-legacy-ui] #demo-collections h2{margin:0 0 16px;font-size:28px}