.preview-card{border:1px solid #dee2e6;border-radius:8px;overflow:hidden;max-width:500px;margin:0 auto}.preview-image{width:100%;height:260px;background-color:#f8f9fa;background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center}.preview-content{padding:15px;background:#fff}.preview-title{font-size:16px;font-weight:700;color:#1a1a1a;margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.preview-description{font-size:14px;color:#606770;margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.preview-url{font-size:12px;color:#606770;text-transform:uppercase}.meta-preview{background:#272822;color:#f8f8f2;padding:15px;border-radius:4px;font-family:monospace;white-space:pre-wrap;max-height:300px;overflow-y:auto}.meta-preview .tag{color:#f92672}.meta-preview .attr{color:#a6e22e}.meta-preview .value{color:#e6db74}.platform-selector{display:flex;gap:10px;margin-bottom:20px}.platform-option{flex:1;text-align:center;padding:10px;border:2px solid #dee2e6;border-radius:8px;cursor:pointer;transition:all .3s ease}.platform-option:hover{border-color:var(--primary-color)}.platform-option.active{border-color:var(--primary-color);background-color:rgba(var(--primary-color-rgb),.1)}.platform-option i{font-size:24px;margin-bottom:5px}
/*# sourceMappingURL=open-graph-generator-content.css.map */