.link-preview-card { display:flex; width:min(440px, 100%); margin-top:8px; overflow:hidden; border:1px solid var(--border); border-radius:var(--radius-lg); background:var(--bg-primary); color:var(--text-primary); text-decoration:none; box-shadow:var(--shadow-card); }
.link-preview-card:hover { border-color:var(--accent); }
.link-preview-image { width:132px; min-height:104px; object-fit:cover; background:var(--bg-sidebar); }
.link-preview-copy { display:flex; min-width:0; flex:1; flex-direction:column; justify-content:center; gap:4px; padding:11px 13px; }
.link-preview-site { overflow:hidden; color:var(--text-muted); font-size:11px; text-overflow:ellipsis; white-space:nowrap; }
.link-preview-title { display:-webkit-box; overflow:hidden; font-size:14px; line-height:1.35; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.link-preview-description { display:-webkit-box; overflow:hidden; color:var(--text-secondary); font-size:12px; line-height:1.4; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
@media (max-width: 600px) { .link-preview-card { flex-direction:column; } .link-preview-image { width:100%; height:150px; min-height:0; } }
.link-preview-youtube { position:relative; display:block; aspect-ratio:16 / 9; background:var(--bg-sidebar); }
.link-preview-youtube-play { display:block; width:100%; height:100%; padding:0; overflow:hidden; border:0; background:transparent; cursor:pointer; }
.link-preview-youtube-thumbnail { display:block; width:100%; height:100%; object-fit:cover; }
.link-preview-youtube-icon { position:absolute; top:50%; left:50%; width:64px; height:44px; border-radius:12px; background:var(--danger); transform:translate(-50%, -50%); box-shadow:var(--shadow-card); }
.link-preview-youtube-icon::after { position:absolute; top:50%; left:52%; width:0; height:0; border-top:9px solid transparent; border-bottom:9px solid transparent; border-left:15px solid var(--text-on-card); content:""; transform:translate(-50%, -50%); }
.link-preview-youtube-play:focus-visible { outline:3px solid var(--accent); outline-offset:-3px; }
.link-preview-youtube-source { position:absolute; right:10px; bottom:8px; padding:4px 7px; border-radius:var(--radius-sm); background:var(--overlay-scrim-50); color:var(--text-on-card); font-size:11px; text-decoration:none; }
.link-preview-youtube-frame { display:block; width:100%; height:100%; border:0; }