.library-interactive .research-grid{grid-template-columns:1fr 1fr;gap:18px;margin-top:24px}.library-interactive .research-fig-demo .ab-demo,.library-interactive .research-fig-demo .slider-demo{width:100%;height:auto;margin-top:0;border:0;border-radius:0;background:transparent}.library-interactive .research-fig-demo .ab-demo{padding:14px 16px 12px;gap:2px}.library-interactive .research-fig-demo .ab-note{white-space:normal}.library-interactive .research-fig-demo .slider-row{flex-direction:column;align-items:stretch;gap:10px}.library-interactive .research-fig-demo .slider-row .ab-play{align-self:flex-start;width:36px;height:36px}.library-live-heading{margin-top:36px;font-size:15px;font-weight:550;letter-spacing:-.02em}.demo-frames{display:grid;gap:22px;margin-top:14px}.demo-frame{margin:0;border:1px solid var(--rule);border-radius:14px;overflow:hidden;background:var(--raised,var(--paper))}.demo-frame-stage{position:relative;aspect-ratio:16/10;background:#08090b}.demo-frame-stage button,.demo-frame-stage iframe,.demo-frame-stage img{position:absolute;inset:0;width:100%;height:100%;border:0}.demo-frame-stage img{display:block;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top;opacity:.92;transition:opacity .2s ease,transform .6s var(--ease)}.demo-frame-stage button{display:grid;place-items:center;padding:0;background:transparent;cursor:pointer}.demo-frame-stage button>span{position:relative;display:inline-flex;align-items:center;gap:10px;padding:10px 16px;border-radius:999px;font-size:12px;letter-spacing:.02em;color:#f3eef5;background:#08090bd9;border:1px solid #ffffff33;transition:background-color .16s ease}@media (hover:hover){.demo-frame-stage button:hover img{opacity:1;transform:scale(1.01)}.demo-frame-stage button:hover>span{background:var(--accent);border-color:var(--accent)}}.demo-frame figcaption{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;padding:12px 16px 14px;border-top:1px solid var(--rule)}.demo-frame figcaption strong{display:block;font-size:13.5px;font-weight:550}.demo-frame figcaption span{display:block;margin-top:2px;font-size:11.5px;line-height:1.55;color:var(--ink-soft)}.demo-frame figcaption .text-link{font-size:11px;gap:12px;flex:none}@media (max-width:600px){.library-interactive .research-grid{grid-template-columns:1fr}.demo-frame-stage{aspect-ratio:4/3}}