.bmc-social-media{--smcw-surface:var(--surface,#fff);--smcw-muted:var(--surface-muted,#f8fafc);--smcw-border:var(--border,#e2e8f0);--smcw-text:var(--text-main,#0f172a);--smcw-muted-text:var(--text-muted,#64748b);--smcw-primary:var(--primary,#6366f1);--smcw-primary-dark:var(--primary-dark,#4f46e5);--smcw-accent:#22c55e;}
.smcw-wrap{margin-bottom:2rem;}
.smcw-card{background:var(--smcw-surface);border:1px solid var(--smcw-border);border-radius:16px;box-shadow:0 4px 24px rgba(0,0,0,0.04);overflow:hidden;}
.smcw-platform{display:flex;flex-wrap:nowrap;gap:0.5rem;padding:0.875rem 1rem;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;border-bottom:1px solid var(--smcw-border);scrollbar-width:none;}
.smcw-platform::-webkit-scrollbar{display:none;}
.smcw-platform-opt{scroll-snap-align:start;flex:0 0 auto;padding:0.5rem 1rem;font-size:0.8125rem;font-weight:600;border-radius:999px;border:2px solid var(--smcw-border);background:var(--smcw-surface);color:var(--smcw-muted-text);cursor:pointer;transition:border-color 0.2s,background 0.2s,color 0.2s;}
.smcw-platform-opt:hover{border-color:var(--smcw-primary);color:var(--smcw-text);}
.smcw-platform-opt.smcw-active{border-color:var(--smcw-primary);background:var(--smcw-primary);color:#fff;}
.smcw-form{padding:1rem 1rem 1.25rem;}
.smcw-field{display:flex;flex-direction:column;gap:0.35rem;margin-bottom:1rem;}
.smcw-field:last-of-type{margin-bottom:0;}
.smcw-label{font-size:0.8125rem;font-weight:600;color:var(--smcw-muted-text);}
.smcw-input,.smcw-textarea{width:100%;padding:0.75rem 1rem;font-size:1rem;border:2px solid var(--smcw-border);border-radius:10px;background:var(--smcw-surface);color:var(--smcw-text);box-sizing:border-box;font-family:inherit;}
.smcw-textarea{min-height:100px;resize:vertical;}
.smcw-input:focus,.smcw-textarea:focus{outline:none;border-color:var(--smcw-primary);box-shadow:0 0 0 3px rgba(99,102,241,0.12);}
.smcw-input::placeholder,.smcw-textarea::placeholder{color:var(--smcw-muted-text);opacity:0.8;}
.smcw-tone{display:flex;flex-wrap:wrap;gap:0.5rem;margin-bottom:1rem;}
.smcw-tone-opt{flex:0 0 auto;padding:0.5rem 0.875rem;font-size:0.8125rem;font-weight:600;border-radius:8px;border:2px solid var(--smcw-border);background:var(--smcw-surface);color:var(--smcw-muted-text);cursor:pointer;transition:border-color 0.2s,background 0.2s,color 0.2s;}
.smcw-tone-opt:hover{border-color:var(--smcw-primary);color:var(--smcw-text);}
.smcw-tone-opt.smcw-active{border-color:var(--smcw-primary);background:var(--smcw-primary);color:#fff;}
.smcw-actions{margin-top:1rem;}
.smcw-btn{padding:0.875rem 1.5rem;font-size:1rem;font-weight:600;border-radius:10px;border:none;cursor:pointer;transition:background 0.2s,transform 0.1s;width:100%;}
.smcw-btn-primary{background:var(--smcw-primary);color:#fff;}
.smcw-btn-primary:hover{background:var(--smcw-primary-dark);}
.smcw-btn-primary:active{transform:scale(0.99);}
.smcw-btn-primary:disabled{opacity:0.7;cursor:not-allowed;}
.smcw-results{padding:1rem 1rem 1.25rem;background:var(--smcw-muted);border-top:1px solid var(--smcw-border);}
.smcw-results-title{font-size:0.875rem;font-weight:600;color:var(--smcw-muted-text);margin:0 0 0.75rem;}
.smcw-empty{padding:2rem 1rem;text-align:center;color:var(--smcw-muted-text);font-size:0.9375rem;}
.smcw-list{display:flex;flex-direction:column;gap:0.75rem;}
.smcw-item{background:var(--smcw-surface);border:1px solid var(--smcw-border);border-radius:12px;padding:1rem 1rem 1rem 3rem;position:relative;}
.smcw-item-text{font-size:0.9375rem;line-height:1.5;color:var(--smcw-text);margin:0 0 0.5rem;}
.smcw-item-meta{font-size:0.75rem;color:var(--smcw-muted-text);display:flex;justify-content:space-between;}
.smcw-item-copy{position:absolute;top:0.75rem;left:0.75rem;padding:0.35rem 0.65rem;font-size:0.75rem;font-weight:600;border-radius:6px;border:none;background:var(--smcw-accent);color:#fff;cursor:pointer;transition:opacity 0.2s;}
.smcw-item-copy:hover{opacity:0.9;}
.smcw-item-copy.copied{background:var(--smcw-muted-text);}
.smcw-spinner{display:inline-block;width:1.25rem;height:1.25rem;border:2px solid rgba(255,255,255,0.3);border-radius:50%;border-top-color:#fff;animation:smcw-spin 0.7s linear infinite;vertical-align:middle;margin-right:0.5rem;}
@keyframes smcw-spin{to{transform:rotate(360deg);}}
.smcw-block{margin-bottom:2rem;}
.smcw-block .smcw-heading{font-size:1.125rem;font-weight:600;color:var(--smcw-text);margin:0 0 0.5rem;}
.smcw-block p{font-size:1rem;color:var(--smcw-muted-text);line-height:1.6;margin:0 0 0.75rem;}
.smcw-block p:last-child{margin-bottom:0;}
.smcw-block a{color:var(--smcw-primary);}
@media (min-width:768px){.smcw-form{padding:1.5rem;}.smcw-results{padding:1.5rem;}.smcw-btn{width:auto;min-width:220px;}}