#open-graph-generator .og-preview{display:flex;flex-direction:column;gap:var(--tb-space-3)}#open-graph-generator .og-card{display:flex;flex-direction:column;overflow:hidden;background:var(--tb-color-white);border:1px solid var(--tb-border);border-radius:var(--tb-radius-lg)}#open-graph-generator .og-card--summary{flex-direction:row}#open-graph-generator .og-card__media{display:flex;align-items:center;justify-content:center;aspect-ratio:1.91 / 1;background:var(--tb-bg-secondary);border-bottom:1px solid var(--tb-border)}#open-graph-generator .og-card--summary .og-card__media{flex:0 0 auto;width:7.5rem;aspect-ratio:1 / 1;border-right:1px solid var(--tb-border);border-bottom:0}#open-graph-generator .og-card__media-label{padding:var(--tb-space-2);font-size:var(--tb-font-size-2xs);color:var(--tb-muted);text-align:center;word-break:break-all}#open-graph-generator .og-card__body{display:flex;flex-direction:column;gap:var(--tb-space-1);min-width:0;padding:var(--tb-space-3) var(--tb-space-4)}#open-graph-generator .og-card__host{overflow:hidden;font-size:var(--tb-font-size-2xs);color:var(--tb-muted);text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}#open-graph-generator .og-card__title{overflow:hidden;font-size:var(--tb-font-size-base);font-weight:var(--tb-weight-semibold);line-height:var(--tb-leading-tight);color:var(--tb-text-primary);text-overflow:ellipsis;white-space:nowrap}#open-graph-generator .og-card__desc{max-height:2.75rem;overflow:hidden;font-size:var(--tb-font-size-sm);line-height:var(--tb-leading-normal);color:var(--tb-text-secondary)}#open-graph-generator .og-card__site{font-size:var(--tb-font-size-xs);color:var(--tb-muted)}#open-graph-generator .og-issues{display:flex;flex-direction:column;gap:var(--tb-space-2)}#open-graph-generator .og-code{min-height:12rem;max-height:26rem;overflow:auto;white-space:pre-wrap;word-break:break-word}