.platform-tabs{display:flex;gap:8px;margin-bottom:20px}
.platform-tab{padding:10px 20px;border:1px solid var(--border);background:var(--bg);border-radius:var(--radius);cursor:pointer;font-size:0.9rem;font-weight:500;transition:var(--transition)}
.platform-tab:hover{border-color:var(--accent)}
.platform-tab.active{background:var(--primary);color:#fff;border-color:var(--primary)}
.preview-container{background:var(--bg-alt);border-radius:var(--radius-lg);padding:24px}
.facebook-preview{background:#fff;border:1px solid #dddfe2;border-radius:3px;max-width:500px;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif}
.facebook-preview .og-image{width:100%;height:260px;background:#f0f2f5;display:flex;align-items:center;justify-content:center;color:#65676b;font-size:0.9rem;overflow:hidden}
.facebook-preview .og-image img{width:100%;height:100%;object-fit:cover}
.facebook-preview .og-content{padding:12px;border-top:1px solid #dddfe2}
.facebook-preview .og-site{font-size:12px;color:#65676b;text-transform:uppercase}
.facebook-preview .og-title{font-size:16px;font-weight:600;color:#1c1e21;margin:5px 0;line-height:1.3}
.facebook-preview .og-desc{font-size:14px;color:#65676b;line-height:1.4}
.twitter-preview{background:#fff;border:1px solid #e1e8ed;border-radius:16px;max-width:500px;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif}
.twitter-preview .og-image{width:100%;height:250px;background:#f7f9fa;display:flex;align-items:center;justify-content:center;color:#657786;font-size:0.9rem;overflow:hidden}
.twitter-preview .og-image img{width:100%;height:100%;object-fit:cover}
.twitter-preview .og-content{padding:12px}
.twitter-preview .og-title{font-size:15px;font-weight:700;color:#14171a;margin-bottom:4px}
.twitter-preview .og-desc{font-size:15px;color:#657786;line-height:1.4;margin-bottom:4px}
.twitter-preview .og-url{font-size:15px;color:#657786;display:flex;align-items:center;gap:4px}
.linkedin-preview{background:#fff;border:1px solid #e0e0e0;border-radius:2px;max-width:500px;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif}
.linkedin-preview .og-image{width:100%;height:260px;background:#f3f6f8;display:flex;align-items:center;justify-content:center;color:#666;font-size:0.9rem;overflow:hidden}
.linkedin-preview .og-image img{width:100%;height:100%;object-fit:cover}
.linkedin-preview .og-content{padding:12px;background:#f3f6f8}
.linkedin-preview .og-title{font-size:14px;font-weight:600;color:#000;margin-bottom:4px}
.linkedin-preview .og-url{font-size:12px;color:#666}
@media(max-width:768px){.platform-tabs{flex-wrap:wrap}.facebook-preview,.twitter-preview,.linkedin-preview{max-width:100%}}