.liquid-lens-preview-frame{background:#141513}.liquid-lens-preview-frame .preview-canvas{min-height:43rem;padding:4rem 1.5rem}.liquid-lens-preview-frame.is-inspecting{cursor:crosshair}.liquid-lens-preview-frame.is-inspecting .liquid-lens{pointer-events:none}.motion-timeline{gap:.85rem;margin:1.1rem 0 0;padding:0;list-style:none;display:grid}.motion-timeline li{color:#f1f0ea6e;border-top:1px solid #ffffff12;grid-template-columns:3.5rem 1fr;align-items:start;gap:.7rem;padding-top:.75rem;font-size:.62rem;line-height:1.55;display:grid}.motion-timeline time{color:#d88a5b;font-family:SFMono-Regular,Cascadia Code,Roboto Mono,monospace;font-size:.5rem}.frame-grid{background:#ffffff12;border:1px solid #ffffff12;border-radius:.7rem;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin-top:1.25rem;display:grid;overflow:hidden}.frame-grid div{background:#ffffff05;min-height:7.6rem;padding:.85rem}.frame-grid span{color:#d88a5b;margin-bottom:.65rem;font-family:SFMono-Regular,Cascadia Code,Roboto Mono,monospace;font-size:.5rem;display:block}.frame-grid strong{margin-bottom:.35rem;font-size:.72rem;font-weight:600;display:block}.frame-grid p{color:#f1f0ea61;margin:0;font-size:.59rem;line-height:1.5}@media (width<=780px){.liquid-lens-preview-frame .preview-canvas{min-height:36rem;padding-inline:.5rem}}@media (width<=560px){.frame-grid{grid-template-columns:1fr 1fr}}