/* Link Preview Test */
.link-preview-panel [hidden] { display:none !important; }
.link-preview-form { display:grid; gap:8px; max-width: 980px; border:1px solid var(--line); border-radius:var(--radius); background:var(--surface); padding:18px; }.link-preview-form > label { color:var(--muted);font-size:13px;font-weight:700; }.link-preview-form > div { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:10px; }.link-preview-form > div .primary-button { min-width:170px; }.link-preview-form p { margin:0;color:var(--muted);font-size:12px;line-height:1.45; }
.link-preview-error { max-width:980px; margin-top:16px; border:1px solid rgba(255,95,109,.42);border-radius:var(--radius);background:rgba(255,95,109,.08);color:#ffb1b8;padding:14px;font-size:13px;line-height:1.5; }
.link-preview-results { display:grid;grid-template-columns:minmax(280px,.92fr) minmax(0,1.08fr);gap:18px;margin-top:18px; }.link-preview-card { display:grid;align-content:start;gap:14px;min-width:0;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);padding:18px; }.link-preview-card-heading { display:flex;align-items:center;justify-content:space-between;gap:12px; }.link-preview-card-heading > span:first-child { color:var(--muted);font-size:13px;font-weight:700; }.link-preview-state { border:1px solid var(--line);border-radius:999px;padding:4px 9px;color:var(--muted);font-size:11px;font-weight:800; }
.link-preview-social-card { overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel-2); }.link-preview-image-wrap { position:relative;display:grid;min-height:190px;place-items:center;background:linear-gradient(135deg,rgba(24,169,153,.2),rgba(244,211,94,.12)); }.link-preview-image-wrap img { display:block;width:100%;height:190px;object-fit:cover; }.link-preview-image-wrap span { color:var(--accent-strong);font-size:40px;font-weight:800; }.link-preview-social-copy { display:grid;gap:7px;padding:14px; }.link-preview-social-copy small { color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.04em; }.link-preview-social-copy strong { overflow-wrap:anywhere;font-size:16px; }.link-preview-social-copy p { margin:0;color:var(--muted);font-size:13px;line-height:1.5; }
.link-preview-meta-list { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0; }.link-preview-meta-list > div { display:grid;gap:5px;min-width:0;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel-2);padding:11px; }.link-preview-meta-list dt { color:var(--muted);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.04em; }.link-preview-meta-list dd { margin:0;overflow-wrap:anywhere;color:var(--text);font-size:13px;line-height:1.45; }.link-preview-meta-list .is-missing { border-color:rgba(255,95,109,.35); }.link-preview-meta-list .is-missing dd { color:#ffb1b8; }
@media(max-width:900px){.link-preview-results{grid-template-columns:minmax(0,1fr);}}@media(max-width:620px){.link-preview-form,.link-preview-card{padding:14px;}.link-preview-form>div,.link-preview-meta-list{grid-template-columns:minmax(0,1fr);}.link-preview-form>div .primary-button{width:100%;}.link-preview-image-wrap,.link-preview-image-wrap img{height:165px;}}