.link-preview{margin:2rem 0;border-radius:12px;overflow:hidden;transition:all .3s ease}.link-preview:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.12)}.link-preview-card{display:flex;background:var(--bg-surface,#ffffff);border:1px solid var(--border-light,#e2e8f0);border-radius:12px;overflow:hidden;text-decoration:none;color:inherit;transition:all .3s ease;min-height:120px;opacity:.8}.link-preview-card:hover{text-decoration:none;color:inherit;border-color:var(--primary-blue,#2563eb);box-shadow:0 4px 16px rgba(37,99,235,.1)}.link-preview-card.loaded{opacity:1;animation:fadeInUp .4s ease-out}.link-preview-image{flex-shrink:0;width:160px;height:120px;background:var(--bg-muted,#f8fafc);display:flex;align-items:center;justify-content:center;overflow:hidden}.link-preview-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.link-preview-image.placeholder{background:linear-gradient(45deg,#f0f0f0 25%,transparent 25%),linear-gradient(-45deg,#f0f0f0 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#f0f0f0 75%),linear-gradient(-45deg,transparent 75%,#f0f0f0 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0}.link-preview-card:hover .link-preview-image img{transform:scale(1.1)}.link-preview-content{flex:1;padding:16px 20px;display:flex;flex-direction:column;justify-content:space-between;min-height:120px}.link-preview-header{display:flex;align-items:center;margin-bottom:12px;gap:8px}.link-preview-favicon{width:16px;height:16px;border-radius:2px;flex-shrink:0}.link-preview-domain{font-size:.85rem;color:var(--text-muted,#64748b);font-weight:500;flex:1}.link-preview-external{color:var(--text-muted,#64748b);flex-shrink:0;opacity:.6;transition:opacity .2s ease}.link-preview-card:hover .link-preview-external{opacity:1;color:var(--primary-blue,#2563eb)}.link-preview-title{font-family:poppins,inter,sans-serif;font-size:1rem;font-weight:600;color:var(--text-primary,#1e293b);margin:0 0 8px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .2s ease}.link-preview-card:hover .link-preview-title{color:var(--primary-blue,#2563eb)}.link-preview-description{font-size:.9rem;color:var(--text-secondary,#475569);line-height:1.4;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex:1}.link-preview-loading{display:flex;align-items:center;gap:12px;padding:12px 0;color:var(--text-muted,#64748b);font-size:.85rem}.loading-spinner{width:16px;height:16px;border:2px solid var(--border-light,#e2e8f0);border-top:2px solid var(--primary-blue,#2563eb);border-radius:50%;animation:spin 1s linear infinite}.link-preview-error{background:var(--bg-surface,#ffffff);border:1px solid var(--border-error,#fee2e2);border-radius:12px;padding:20px;text-align:center;color:var(--text-error,#dc2626)}.link-preview-error h3{font-size:1rem;margin:0 0 8px;color:var(--text-primary,#1e293b)}.link-preview-error p{font-size:.9rem;margin:0 0 12px;color:var(--text-muted,#64748b)}.link-preview-error a{color:var(--primary-blue,#2563eb);text-decoration:none;font-weight:500}.link-preview-error a:hover{text-decoration:underline}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes fadeInUp{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}[data-theme=dark] .link-preview-card{background:var(--surface-dark,#0f172a);border-color:var(--border-dark,#334155)}[data-theme=dark] .link-preview-card:hover{border-color:var(--primary-blue-light,#60a5fa);box-shadow:0 4px 16px rgba(96,165,250,.15)}[data-theme=dark] .link-preview-image.placeholder{background:linear-gradient(45deg,#2a2a2a 25%,transparent 25%),linear-gradient(-45deg,#2a2a2a 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#2a2a2a 75%),linear-gradient(-45deg,transparent 75%,#2a2a2a 75%)}[data-theme=dark] .link-preview-title{color:var(--text-light,#f8fafc)}[data-theme=dark] .link-preview-card:hover .link-preview-title{color:var(--primary-blue-light,#60a5fa)}[data-theme=dark] .link-preview-description{color:var(--text-secondary-dark,#cbd5e1)}[data-theme=dark] .link-preview-domain{color:var(--text-muted-dark,#94a3b8)}[data-theme=dark] .link-preview-external{color:var(--text-muted-dark,#94a3b8)}[data-theme=dark] .link-preview-card:hover .link-preview-external{color:var(--primary-blue-light,#60a5fa)}[data-theme=dark] .link-preview-error{background:var(--surface-dark,#0f172a);border-color:var(--error-dark,#7f1d1d)}[data-theme=dark] .loading-spinner{border-color:var(--border-dark,#334155);border-top-color:var(--primary-blue-light,#60a5fa)}@media(max-width:768px){.link-preview-card{flex-direction:column;min-height:auto}.link-preview-image{width:100%;height:140px}.link-preview-content{min-height:auto;padding:16px}.link-preview-title{font-size:.95rem}.link-preview-description{font-size:.85rem;-webkit-line-clamp:3}}@media(max-width:480px){.link-preview{margin:1.5rem 0}.link-preview-image{height:120px}.link-preview-content{padding:12px}.link-preview-header{margin-bottom:8px}.link-preview-title{font-size:.9rem;margin-bottom:6px}.link-preview-description{font-size:.8rem}}.link-preview-card:not(.loaded) .link-preview-title,.link-preview-card:not(.loaded) .link-preview-description{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;color:transparent;border-radius:4px}.link-preview-card:not(.loaded) .link-preview-title{height:1.2em;margin-bottom:8px}.link-preview-card:not(.loaded) .link-preview-description{height:2.4em}[data-theme=dark] .link-preview-card:not(.loaded) .link-preview-title,[data-theme=dark] .link-preview-card:not(.loaded) .link-preview-description{background:linear-gradient(90deg,#2a2a2a 25%,#3a3a3a 50%,#2a2a2a 75%);background-size:200% 100%}@keyframes shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}