/* OpenGraph Previewer */
.ogp-card{display:flex;flex-direction:column;gap:.85rem;padding:1.5rem;background:var(--t-bg);border:1px solid var(--t-border-glass);border-radius:var(--t-radius);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);margin-bottom:1.5rem}
.ogp-input-row{display:flex;gap:.5rem;flex-wrap:wrap}
.ogp-input{flex:1;min-width:220px;padding:.75rem .9rem;font-size:.9rem;border:1.5px solid var(--t-border);border-radius:var(--t-radius-sm);background:var(--bg,#fff);color:var(--text);outline:none;box-sizing:border-box}
.ogp-input:focus{border-color:var(--t-accent);box-shadow:0 0 0 3px var(--t-accent-glow)}
.ogp-btn{padding:.75rem 1.4rem;border:none;border-radius:100px;font-weight:700;font-size:.88rem;cursor:pointer;background:linear-gradient(135deg,var(--t-accent),var(--t-accent-2));color:#fff;text-decoration:none;display:inline-block}
.ogp-btn.secondary{background:var(--t-bg-card);color:var(--text);border:1px solid var(--t-border)}
.ogp-hint{font-size:.78rem;color:var(--text-tertiary)}
.ogp-error{font-size:.82rem;color:#ef4444;font-weight:600}
.ogp-paste-group{display:flex;flex-direction:column;gap:.4rem}
.ogp-paste-group label{font-size:.8rem;font-weight:700}
.ogp-textarea{width:100%;min-height:90px;resize:vertical;padding:.7rem .85rem;font-family:var(--t-mono);font-size:.78rem;border:1.5px solid var(--t-border);border-radius:var(--t-radius-sm);background:var(--bg,#fff);color:var(--text);box-sizing:border-box}
.ogp-cards{display:grid;grid-template-columns:1fr 1fr;gap:.9rem;min-height:180px}
.ogp-xcard,.ogp-fbcard{border:1px solid var(--t-border-glass);border-radius:var(--t-radius);overflow:hidden;background:var(--t-bg-card)}
.ogp-xhead,.ogp-fbhead{font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;padding:.5rem .8rem;color:var(--text-tertiary);border-bottom:1px solid var(--t-border-glass)}
.ogp-xbody,.ogp-fbbody{display:flex;gap:.7rem;padding:.8rem}
.ogp-xbody img,.ogp-fbbody img{width:110px;height:110px;object-fit:cover;border-radius:10px;background:#eee;flex-shrink:0}
.ogp-xtext,.ogp-fbtext{display:flex;flex-direction:column;gap:.25rem;min-width:0}
.ogp-xtext strong,.ogp-fbtext strong{font-size:.85rem}
.ogp-xtext span,.ogp-fbtext span{font-size:.78rem;color:var(--text-tertiary)}
.ogp-xtext em,.ogp-fbtext em{font-size:.72rem;font-style:normal;color:var(--t-accent)}
.ogp-table{width:100%;border-collapse:collapse;font-size:.8rem;margin-top:.9rem}
.ogp-table th,.ogp-table td{text-align:left;padding:.5rem .7rem;border-bottom:1px solid var(--t-border-glass);vertical-align:top;word-break:break-word}
.ogp-table th{width:140px;color:var(--text-tertiary)}
.ogp-actions{display:flex;gap:.5rem;margin-top:.8rem;flex-wrap:wrap}
@media(max-width:768px){.ogp-input-row{flex-direction:column}.ogp-btn{width:100%;text-align:center}.ogp-cards{grid-template-columns:1fr}}