.link-preview-card{position:relative;display:flex;flex-direction:column;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:14px;overflow:hidden;cursor:pointer;transition:border-color .25s ease,box-shadow .25s ease;text-decoration:none;color:inherit}.link-preview-card:hover{border-color:rgba(139,92,246,.4);box-shadow:0 2px 16px rgba(139,92,246,.1)}.link-preview-image-wrapper{position:relative;width:100%;max-height:220px;overflow:hidden;background:rgba(255,255,255,.02)}.link-preview-image{width:100%;height:auto;max-height:220px;object-fit:cover;display:block}.link-preview-body{padding:14px 16px;display:flex;flex-direction:column;gap:6px;min-width:0}.link-preview-site{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:500;color:rgba(255,255,255,.45);letter-spacing:.02em;line-height:1}.link-preview-favicon{width:20px;height:20px;border-radius:4px;flex-shrink:0;background:rgba(255,255,255,.06);object-fit:contain}.link-preview-external{margin-left:auto;opacity:0;transition:opacity .2s ease;flex-shrink:0;color:rgba(255,255,255,.3)}.link-preview-card:hover .link-preview-external{opacity:1}.link-preview-title{font-size:15px;font-weight:600;color:var(--text-primary,#fff);line-height:1.35;-webkit-line-clamp:2}.link-preview-description,.link-preview-title{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.link-preview-description{font-size:13px;color:rgba(255,255,255,.5);line-height:1.45;-webkit-line-clamp:3}.link-preview-card.no-image .link-preview-favicon{width:28px;height:28px;border-radius:6px}.link-preview-card.no-image .link-preview-body{padding:16px 18px}.link-preview-remove{position:absolute;top:8px;right:8px;width:28px;height:28px;border-radius:50%;background:rgba(0,0,0,.65);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.12);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color .2s ease,background-color .2s ease,border-color .2s ease,opacity .2s ease;z-index:2;padding:0}.link-preview-remove:hover{background:rgba(239,68,68,.85);border-color:rgba(239,68,68,.5)}.link-preview-loading{display:flex;align-items:center;gap:10px;padding:12px 16px;font-size:13px;color:rgba(255,255,255,.45);background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:14px}.link-preview-loading-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.15);border-top-color:#8b5cf6;border-radius:50%;animation:lp-spin .6s linear infinite}@keyframes lp-spin{to{transform:rotate(1turn)}}.link-preview-card.link-preview-compact{flex-direction:row;align-items:stretch;max-height:88px}.link-preview-compact .link-preview-thumb{width:88px;height:88px;object-fit:cover;flex-shrink:0;display:block}.link-preview-compact .link-preview-body{padding:10px 14px;justify-content:center;gap:4px}.link-preview-compact .link-preview-site{font-size:11px}.link-preview-compact .link-preview-favicon{width:14px;height:14px;border-radius:2px}.link-preview-compact .link-preview-title{font-size:13px;-webkit-line-clamp:1}.link-preview-compact .link-preview-remove{width:22px;height:22px;top:4px;right:4px}[data-theme=light] .link-preview-card{background:rgba(0,0,0,.02);border-color:rgba(0,0,0,.1)}[data-theme=light] .link-preview-card:hover{border-color:rgba(139,92,246,.35);box-shadow:0 2px 16px rgba(139,92,246,.08)}[data-theme=light] .link-preview-image-wrapper{background:rgba(0,0,0,.03)}[data-theme=light] .link-preview-site{color:rgba(0,0,0,.45)}[data-theme=light] .link-preview-favicon{background:rgba(0,0,0,.04)}[data-theme=light] .link-preview-external{color:rgba(0,0,0,.3)}[data-theme=light] .link-preview-description{color:rgba(0,0,0,.55)}[data-theme=light] .link-preview-remove{background:rgba(255,255,255,.9);border-color:rgba(0,0,0,.12);color:#555}[data-theme=light] .link-preview-remove:hover{background:rgba(239,68,68,.9);border-color:rgba(239,68,68,.5);color:#fff}[data-theme=light] .link-preview-loading{background:rgba(0,0,0,.02);border-color:rgba(0,0,0,.1);color:rgba(0,0,0,.45)}[data-theme=light] .link-preview-loading-spinner{border-color:#8b5cf6 rgba(0,0,0,.1) rgba(0,0,0,.1)}.text-link{color:#8b5cf6;text-decoration:none;transition:color .2s,background-color .2s,border-color .2s,opacity .2s;word-break:break-all}.text-link:hover{text-decoration:underline;color:#7c3aed}[data-theme=light] .text-link{color:#7c3aed}[data-theme=light] .text-link:hover{color:#6d28d9}