.web-research-previews{scroll-snap-type:x proximity;gap:16px;margin:0 -8px;padding:12px 8px 10px;display:flex;overflow-x:auto}.web-research-preview{scroll-snap-align:start;flex:0 0 min(300px,85%);width:300px;min-width:0;margin:0}.web-research-preview-enter{animation:.22s cubic-bezier(.2,.75,.25,1) both web-preview-enter}.web-research-preview-exit{pointer-events:none;animation:.18s ease-in both web-preview-exit}@keyframes web-preview-enter{0%{opacity:0;transform:scale(.84)}to{opacity:1;transform:scale(1)}}@keyframes web-preview-exit{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.84)}}@media (prefers-reduced-motion:reduce){.web-research-preview-enter,.web-research-preview-exit{animation-duration:1ms}}.web-research-preview-screen{border:1px solid var(--app-border-muted,#dcdad5);background:var(--app-surface-raised,#fff);border-radius:16px;position:relative;overflow:hidden}.web-research-preview-screen video{aspect-ratio:300/188;object-fit:cover;background:var(--app-surface-muted,#f3f3f0);border-radius:15px;width:100%;height:auto;display:block}.web-research-preview-placeholder{color:var(--app-text-muted,#77756d);justify-content:center;align-items:center;gap:8px;font-size:12px;display:flex;position:absolute;inset:0}.web-research-preview figcaption{padding:10px 4px 0;font-size:12px;line-height:1.5}.web-research-preview figcaption a{color:var(--app-text-primary,#292823);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:6px;text-decoration:none;display:flex;overflow:hidden}.web-research-preview figcaption a svg{opacity:.5;flex-shrink:0}.web-research-preview figcaption>span{color:var(--app-text-muted,#87857b);margin-top:2px;font-size:11px;display:block}