.ogp-wrap{max-width:800px;margin:0 auto}.ogp-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px;margin-bottom:16px}.ogp-card-title{font-size:15px;font-weight:700;color:#0b3333;margin:0 0 16px}.ogp-input-row{display:flex;gap:0}.ogp-input{flex:1;height:44px;padding:0 14px;border:1.5px solid #e5e7eb;border-radius:8px;font-size:14px;color:#1a1a1a;outline:none;transition:border-color .2s}.ogp-input:focus{border-color:#0b3333}.ogp-hint{font-size:12px;color:#9ca3af;margin:8px 0 0}.ogp-btn-check{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;height:46px;margin-top:12px;border:none;border-radius:8px;background:#2a9c4a;color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:background .2s,opacity .2s}.ogp-btn-check:hover{background:#238b40}.ogp-btn-check:disabled{opacity:.5;cursor:not-allowed}.ogp-loading{text-align:center;padding:32px 0;color:#6b7280;font-size:14px}.ogp-spinner{width:32px;height:32px;margin:0 auto 12px;border:3px solid #e5e7eb;border-top-color:#0b3333;border-radius:50%;animation:ogp-spin .7s linear infinite}@keyframes ogp-spin{to{transform:rotate(360deg)}}.ogp-error-card{background:#fef2f2;border:1px solid #fecaca;border-radius:12px;padding:16px 20px;color:#dc2626;font-size:14px;margin-bottom:16px}.ogp-preview-tabs{display:flex;gap:4px;margin-bottom:16px;background:#f3f4f6;border-radius:8px;padding:3px}.ogp-preview-tab{flex:1;padding:8px 12px;border:none;border-radius:6px;background:transparent;font-size:13px;font-weight:600;color:#6b7280;cursor:pointer;transition:all .2s}.ogp-preview-tab.active{background:#fff;color:#0b3333;box-shadow:0 1px 3px #0000001a}.ogp-x-card{border:1px solid #e5e7eb;border-radius:16px;overflow:hidden;max-width:520px}.ogp-x-card-img{width:100%;aspect-ratio:1.91/1;-o-object-fit:cover;object-fit:cover;display:block;background:#f3f4f6}.ogp-x-card-body{padding:12px 14px}.ogp-x-card-domain{font-size:13px;color:#536471;margin-bottom:2px}.ogp-x-card-title{font-size:15px;font-weight:700;color:#0f1419;line-height:1.4;margin-bottom:2px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ogp-x-card-desc{font-size:13px;color:#536471;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ogp-fb-card{border:1px solid #dadde1;max-width:520px;background:#f0f2f5}.ogp-fb-card-img{width:100%;aspect-ratio:1.91/1;-o-object-fit:cover;object-fit:cover;display:block;background:#e4e6eb}.ogp-fb-card-body{padding:10px 12px;background:#f0f2f5}.ogp-fb-card-domain{font-size:12px;color:#65676b;text-transform:uppercase;letter-spacing:.04em;margin-bottom:3px}.ogp-fb-card-title{font-size:16px;font-weight:600;color:#1c1e21;line-height:1.35;margin-bottom:3px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ogp-fb-card-desc{font-size:14px;color:#65676b;line-height:1.4;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.ogp-line-card{border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;max-width:280px;background:#fff;box-shadow:0 1px 3px #00000014}.ogp-line-card-img{width:100%;aspect-ratio:1.51/1;-o-object-fit:cover;object-fit:cover;display:block;background:#f3f4f6}.ogp-line-card-body{padding:10px 12px}.ogp-line-card-title{font-size:14px;font-weight:700;color:#111;line-height:1.4;margin-bottom:4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ogp-line-card-desc{font-size:12px;color:#888;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ogp-line-card-domain{font-size:11px;color:#aaa;margin-top:6px}.ogp-no-image{width:100%;aspect-ratio:1.91/1;background:#f3f4f6;display:flex;align-items:center;justify-content:center;color:#9ca3af;font-size:13px}.ogp-line-card .ogp-no-image{aspect-ratio:1.51/1}.ogp-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.ogp-tag-table{width:100%;border-collapse:collapse;font-size:13px}.ogp-tag-table th{background:#0b3333;color:#fff;padding:8px 12px;text-align:left;font-weight:600;font-size:12px;white-space:nowrap}.ogp-tag-table td{padding:8px 12px;border-bottom:1px solid #f3f4f6;color:#374151;word-break:break-all}.ogp-tag-table tr:last-child td{border-bottom:none}.ogp-tag-name{font-weight:600;color:#0b3333;white-space:nowrap}.ogp-tag-value{max-width:400px}.ogp-tag-ok{color:#2a9c4a;font-weight:700}.ogp-tag-warn{color:#f59e0b;font-weight:700}.ogp-tag-err{color:#dc2626;font-weight:700}.ogp-warnings-list{list-style:none;padding:0;margin:0}.ogp-warnings-list li{display:flex;align-items:flex-start;gap:8px;padding:10px 0;border-bottom:1px solid #f3f4f6;font-size:13px;color:#374151}.ogp-warnings-list li:last-child{border-bottom:none}.ogp-warn-icon{flex-shrink:0;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#fff}.ogp-warn-icon-error{background:#dc2626}.ogp-warn-icon-warning{background:#f59e0b}.ogp-warn-icon-info{background:#3b82f6}.ogp-image-preview{display:flex;gap:16px;flex-wrap:wrap}.ogp-image-thumb{width:200px;height:auto;border-radius:8px;border:1px solid #e5e7eb;-o-object-fit:cover;object-fit:cover}.ogp-image-meta{flex:1;min-width:200px}.ogp-image-meta-row{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px solid #f3f4f6;font-size:13px}.ogp-image-meta-label{color:#6b7280}.ogp-image-meta-value{color:#1a1a1a;font-weight:600}.ogp-image-ok{color:#2a9c4a}.ogp-image-ng{color:#dc2626}.ogp-desc{font-size:13px;color:#6b7280;margin:0 0 12px}.ogp-code-wrap{position:relative}.ogp-code{background:#1a1a2e;color:#e2e8f0;border-radius:8px;padding:16px;font-size:12px;line-height:1.7;overflow-x:auto;white-space:pre-wrap;word-break:break-all;margin:0}.ogp-copy-btn{position:absolute;top:8px;right:8px;background:#ffffff26;border:none;border-radius:6px;padding:6px 8px;color:#e2e8f0;cursor:pointer;transition:background .2s}.ogp-copy-btn:hover{background:#ffffff40}@media (max-width: 640px){.ogp-card{padding:16px}.ogp-x-card,.ogp-fb-card,.ogp-line-card{max-width:100%}.ogp-image-preview{flex-direction:column}.ogp-image-thumb{width:100%;max-width:300px}.ogp-tag-table th,.ogp-tag-table td{padding:6px 8px}.ogp-preview-tab{font-size:12px;padding:7px 8px}}