.demo-capture-switcher{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 12px;padding:10px 12px;border:1px solid rgba(148,163,184,.12);border-radius:14px;background:rgba(15,23,42,.55)}
.demo-capture-switcher__buttons{display:flex;gap:7px;flex-wrap:wrap}
.demo-capture-switcher button{appearance:none;border:1px solid rgba(148,163,184,.14);background:#0f1726;color:#94a3b8;border-radius:9px;padding:7px 11px;font-size:.7rem;font-weight:750;cursor:pointer;transition:background .18s ease,border-color .18s ease,color .18s ease}
.demo-capture-switcher button:hover:not(:disabled){border-color:rgba(96,165,250,.28);color:#dbeafe}
.demo-capture-switcher button[aria-pressed="true"]{background:rgba(37,99,235,.16);border-color:rgba(96,165,250,.34);color:#bfdbfe}
.demo-capture-switcher button:disabled{cursor:not-allowed;opacity:.45}
.demo-capture-switcher p{margin:0;max-width:680px;color:#64748b;font-size:.64rem;line-height:1.5;text-align:right}
.demo-capture-frame{overflow:hidden;border-radius:20px;background:#070d18;border:1px solid rgba(148,163,184,.16);box-shadow:0 28px 80px rgba(2,6,23,.42)}
.demo-capture-frame__meta{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:12px 14px;background:#0b1220;border-bottom:1px solid rgba(148,163,184,.1)}
.demo-capture-frame__meta>div{min-width:0}
.demo-capture-frame__meta strong,.demo-capture-frame__meta span,.demo-capture-frame__meta small{display:block}
.demo-capture-frame__meta strong{color:#e2e8f0;font-size:.76rem;margin-bottom:3px}
.demo-capture-frame__meta span{color:#94a3b8;font-size:.64rem;line-height:1.45}
.demo-capture-frame__meta small{color:#475569;font-size:.57rem;line-height:1.45;margin-top:3px}
.demo-capture-frame__meta a{flex:0 0 auto;display:inline-flex;align-items:center;padding:7px 10px;border:1px solid rgba(96,165,250,.2);border-radius:8px;color:#93c5fd;font-size:.62rem;font-weight:700;text-decoration:none}
.demo-capture-frame__meta a:hover{background:rgba(59,130,246,.08);border-color:rgba(96,165,250,.34)}
.demo-capture-frame__image{background:#070b13;aspect-ratio:16/9;overflow:hidden}
.demo-capture-frame__image img{display:block;width:100%;height:100%;object-fit:contain;background:#070b13}
@media (max-width:760px){.demo-capture-switcher{align-items:flex-start;flex-direction:column}.demo-capture-switcher p{text-align:left}.demo-capture-frame__meta{align-items:flex-start;flex-direction:column}.demo-capture-frame__meta a{align-self:flex-start}}
@media (prefers-reduced-motion:reduce){.demo-capture-switcher button{transition:none}}