.ogp{--ogp-color-accent:#2563eb;--ogp-color-fg:#1f2937;--ogp-color-muted:#64748b;--ogp-color-border:#e2e8f0;--ogp-color-surface:#fff;--ogp-color-subtle:#f8fafc;--ogp-color-pass:#15803d;--ogp-color-warn:#b45309;--ogp-color-error:#be123c;--ogp-radius:12px;--ogp-font:inherit;font-family:var(--ogp-font);color:var(--ogp-color-fg);text-align:left}.ogp *,.ogp :after,.ogp :before{box-sizing:border-box}.ogp-label{display:block;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--ogp-color-muted);margin-bottom:.5rem}.ogp-field{display:flex;gap:.5rem;flex-wrap:wrap}.ogp-input{flex:1 1 16rem;min-width:0;padding:.7rem .9rem;font:inherit;font-size:.95rem;color:var(--ogp-color-fg);background:var(--ogp-color-surface);border:1px solid var(--ogp-color-border);border-radius:var(--ogp-radius)}.ogp-input:focus-visible{outline:2px solid var(--ogp-color-accent);outline-offset:1px}.ogp-button{padding:.7rem 1.4rem;font:inherit;font-size:.95rem;font-weight:600;color:#fff;background:var(--ogp-color-accent);border:0;border-radius:var(--ogp-radius);cursor:pointer}.ogp-button:disabled{opacity:.6;cursor:default}.ogp-agree,.ogp-diverge{margin:1.25rem 0 0;padding:.75rem 1rem;border-radius:var(--ogp-radius);font-size:.9rem;line-height:1.5}.ogp-agree{color:var(--ogp-color-pass);background:color-mix(in srgb,var(--ogp-color-pass) 8%,transparent);border:1px solid color-mix(in srgb,var(--ogp-color-pass) 25%,transparent)}.ogp-diverge{color:var(--ogp-color-error);background:color-mix(in srgb,var(--ogp-color-error) 8%,transparent);border:1px solid color-mix(in srgb,var(--ogp-color-error) 30%,transparent)}.ogp-diverge em{font-style:normal;font-weight:600}.ogp-error{color:var(--ogp-color-error);font-size:.9rem;line-height:1.5}.ogp-error-block{margin-top:1rem}.ogp-note{color:var(--ogp-color-muted);font-size:.9rem;line-height:1.55;margin:0}.ogp-tabs{display:flex;flex-wrap:wrap;gap:.35rem;margin:1.25rem 0 1rem;border-bottom:1px solid var(--ogp-color-border);padding-bottom:.6rem}.ogp-tab{padding:.4rem .8rem;font:inherit;font-size:.85rem;font-weight:500;color:var(--ogp-color-muted);background:transparent;border:1px solid transparent;border-radius:999px;cursor:pointer}.ogp-tab:hover{background:var(--ogp-color-subtle)}.ogp-tab-active{color:var(--ogp-color-accent);background:color-mix(in srgb,var(--ogp-color-accent) 10%,transparent);border-color:color-mix(in srgb,var(--ogp-color-accent) 30%,transparent)}.ogp-tab-muted{opacity:.55}.ogp-results{display:grid;grid-template-columns:minmax(0,1fr);gap:1.25rem}@media (min-width:860px){.ogp-results{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}}.ogp-preview-col{min-width:0}.ogp-card{border:1px solid var(--ogp-color-border);border-radius:var(--ogp-radius);overflow:hidden;background:var(--ogp-color-surface)}.ogp-card-image{display:block;width:100%;aspect-ratio:1.91/1;-o-object-fit:cover;object-fit:cover;background:var(--ogp-color-subtle)}.ogp-card-image-empty{display:flex;align-items:center;justify-content:center;color:var(--ogp-color-muted);font-size:.8rem;border-bottom:1px solid var(--ogp-color-border)}.ogp-card-body{display:flex;flex-direction:column;gap:.25rem;padding:.75rem .9rem .9rem;background:var(--ogp-color-subtle)}.ogp-card-host{font-size:.7rem;letter-spacing:.04em;color:var(--ogp-color-muted);text-transform:uppercase}.ogp-card-title{font-size:.95rem;line-height:1.35;color:var(--ogp-color-fg)}.ogp-card-desc{font-size:.85rem;line-height:1.45;color:var(--ogp-color-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ogp-chain{margin-top:.9rem;padding:.75rem .9rem;border:1px solid var(--ogp-color-border);border-radius:var(--ogp-radius);background:var(--ogp-color-subtle)}.ogp-chain-label{display:block;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--ogp-color-warn);margin-bottom:.5rem}.ogp-chain ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.35rem}.ogp-chain li{display:flex;gap:.5rem;align-items:baseline;font-size:.78rem;min-width:0}.ogp-chain-status{flex:none;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--ogp-color-muted)}.ogp-chain-url{color:var(--ogp-color-fg);overflow-wrap:anywhere}.ogp-inspector{border:1px solid var(--ogp-color-border);border-radius:var(--ogp-radius);background:var(--ogp-color-surface);padding:.9rem;min-width:0}.ogp-inspector-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding-bottom:.75rem;border-bottom:1px solid var(--ogp-color-border);margin-bottom:.35rem}.ogp-inspector-head h3{margin:0;font-size:.9rem;font-weight:700}.ogp-counts{display:flex;gap:.35rem;flex:none}.ogp-count{font-size:.72rem;font-weight:700;padding:.15rem .5rem;border-radius:999px}.ogp-count-pass{color:var(--ogp-color-pass);background:color-mix(in srgb,var(--ogp-color-pass) 12%,transparent)}.ogp-count-warn{color:var(--ogp-color-warn);background:color-mix(in srgb,var(--ogp-color-warn) 12%,transparent)}.ogp-count-error{color:var(--ogp-color-error);background:color-mix(in srgb,var(--ogp-color-error) 12%,transparent)}.ogp-findings{list-style:none;margin:0;padding:0;max-height:24rem;overflow-y:auto}.ogp-finding{display:flex;gap:.6rem;padding:.7rem .15rem;border-bottom:1px solid var(--ogp-color-border)}.ogp-finding:last-child{border-bottom:0}.ogp-finding-icon{flex:none;width:1.1rem;height:1.1rem;border-radius:999px;display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:700;margin-top:.1rem}.ogp-finding-pass .ogp-finding-icon{color:var(--ogp-color-pass);background:color-mix(in srgb,var(--ogp-color-pass) 14%,transparent)}.ogp-finding-warn .ogp-finding-icon{color:var(--ogp-color-warn);background:color-mix(in srgb,var(--ogp-color-warn) 14%,transparent)}.ogp-finding-error .ogp-finding-icon{color:var(--ogp-color-error);background:color-mix(in srgb,var(--ogp-color-error) 14%,transparent)}.ogp-finding-body{min-width:0}.ogp-finding-head{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem}.ogp-finding-head strong{font-size:.85rem;font-weight:600}.ogp-finding-head code{flex:none;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.7rem;color:var(--ogp-color-muted)}.ogp-finding-body p{margin:.2rem 0 0;font-size:.8rem;line-height:1.5;color:var(--ogp-color-muted);overflow-wrap:anywhere}