:root{--sbc-primary:#833AB4;--sbc-gradient:linear-gradient(45deg, #F58529, #DD2A7B, #8134AF, #515BD4);--sbc-border:#dbdbdb;--sbc-text:#262626;--sbc-muted:#8e8e8e;--sbc-bg:#fafafa;--sbc-safe:#4caf50;--sbc-warning:#ff9800;--sbc-danger:#ed4956;--sbc-blue:#0095f6}.sbc-container button,.sbc-container input,.sbc-container textarea,.sbc-container label{font-family:inherit;box-sizing:border-box}.sbc-container button{cursor:pointer;border:none;background:none;margin:0;font:inherit;color:inherit;text-decoration:none;text-transform:none;letter-spacing:normal;-webkit-appearance:none;appearance:none;line-height:1.4}.sbc-container button:hover,.sbc-container button:focus{text-decoration:none;outline:none}.sbc-container{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;max-width:1300px;margin:0 auto;padding:20px;color:var(--sbc-text);box-sizing:border-box}.sbc-container *,.sbc-container *::before,.sbc-container *::after{box-sizing:border-box}.sbc-header{text-align:center;margin-bottom:24px}.sbc-header h2{margin:0 0 10px;font-size:28px;background:var(--sbc-gradient);-webkit-background-clip:text;-webkit-text-fill-color:#fff0;background-clip:text;line-height:1.3}.sbc-header p{color:var(--sbc-muted);margin:0 auto;max-width:720px;font-size:15px;line-height:1.6}.sbc-header strong{color:var(--sbc-text)}.sbc-workspace{display:grid;grid-template-columns:420px 1fr;gap:24px;align-items:start}@media (max-width:1000px){.sbc-workspace{grid-template-columns:1fr}}.sbc-input-panel{display:flex;flex-direction:column;gap:14px}.sbc-panel{background:#fff;border:1px solid var(--sbc-border);border-radius:12px;padding:16px;box-shadow:0 2px 8px rgb(0 0 0 / .04)}.sbc-panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;gap:8px;flex-wrap:wrap}.sbc-panel-header .sbc-label{margin:0}.sbc-label{display:block;font-size:12px;font-weight:700;color:var(--sbc-text);margin-bottom:10px;text-transform:uppercase;letter-spacing:.5px}.sbc-input-tools{display:flex;gap:6px}.sbc-tool-btn{font-size:11px;color:var(--sbc-primary);font-weight:600;padding:4px 8px;border-radius:4px;transition:background 0.15s}.sbc-tool-btn:hover{background:#f3e5f5}.sbc-textarea{width:100%;min-height:160px;padding:12px 14px;border:2px solid var(--sbc-border);border-radius:8px;font-size:14px;line-height:1.5;resize:vertical;background:#fff;color:var(--sbc-text);transition:border-color 0.2s}.sbc-textarea:focus{outline:none;border-color:var(--sbc-primary)}.sbc-input-meta{display:flex;justify-content:space-between;align-items:center;margin-top:8px;font-size:12px;color:var(--sbc-muted);flex-wrap:wrap;gap:6px}.sbc-input-meta strong{color:var(--sbc-text)}.sbc-reduction{padding:3px 10px;background:#e8f5e9;color:#1b5e20;border-radius:10px;font-weight:700;font-size:11px;display:none}.sbc-reduction.show{display:inline-block}.sbc-levels{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px}.sbc-level-btn{padding:12px 8px;background:var(--sbc-bg);border:2px solid #fff0;border-radius:10px;display:flex;flex-direction:column;align-items:center;gap:2px;transition:all 0.2s}.sbc-level-btn:hover{background:#f0f0f0}.sbc-level-btn.active{background:#fff;border-color:var(--sbc-primary)}.sbc-level-icon{font-size:20px;color:var(--sbc-primary);margin-bottom:2px}.sbc-level-btn span:nth-child(2){font-size:13px;font-weight:700;color:var(--sbc-text)}.sbc-level-desc{font-size:10px!important;font-weight:500!important;color:var(--sbc-muted)!important}.sbc-toggles{display:flex;flex-direction:column;gap:8px}.sbc-toggle{display:flex;align-items:center;gap:8px;font-size:13px;cursor:pointer;user-select:none;color:var(--sbc-text)}.sbc-toggle input{width:16px;height:16px;accent-color:var(--sbc-primary);cursor:pointer}.sbc-generate-wrap{padding:0}.sbc-generate-btn{width:100%;padding:14px 20px;background:var(--sbc-gradient);color:#ffffff!important;border-radius:10px;font-size:15px;font-weight:700;transition:all 0.2s;box-shadow:0 4px 12px rgb(131 58 180 / .3)}.sbc-generate-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgb(131 58 180 / .4)}.sbc-tip-box{padding:12px 14px;background:#f3e5f5;border-left:3px solid var(--sbc-primary);border-radius:6px;font-size:12px;line-height:1.5;color:#4a148c}.sbc-tip-box strong{display:block;margin-bottom:4px}.sbc-tip-box p{margin:0}.sbc-tip-box p strong{display:inline;margin:0}.sbc-output-panel{min-height:500px}.sbc-variants{display:flex;flex-direction:column;gap:16px}.sbc-empty-state{padding:80px 20px;text-align:center;color:var(--sbc-muted);background:#fff;border:2px dashed var(--sbc-border);border-radius:12px}.sbc-empty-icon{font-size:56px;margin-bottom:12px;opacity:.6}.sbc-empty-text{font-size:14px;max-width:300px;margin:0 auto;line-height:1.5}.sbc-variant{background:#fff;border:1px solid var(--sbc-border);border-radius:12px;overflow:hidden;box-shadow:0 2px 8px rgb(0 0 0 / .04);animation:sbcFadeIn 0.4s ease-out backwards}.sbc-variant:nth-child(1){animation-delay:0s}.sbc-variant:nth-child(2){animation-delay:0.1s}.sbc-variant:nth-child(3){animation-delay:0.2s}@keyframes sbcFadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.sbc-variant-header{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;background:linear-gradient(135deg,#fafafa,#f5f5f5);border-bottom:1px solid #f0f0f0;gap:8px;flex-wrap:wrap}.sbc-variant-title{display:flex;align-items:center;gap:8px}.sbc-variant-icon{font-size:18px}.sbc-variant-name{font-size:14px;font-weight:700;color:var(--sbc-text)}.sbc-variant-tag{font-size:11px;color:var(--sbc-muted);font-weight:500}.sbc-variant-meta{display:flex;align-items:center;gap:6px}.sbc-variant-count{padding:4px 10px;border-radius:10px;font-size:11px;font-weight:700}.sbc-variant-count.safe{background:#e8f5e9;color:#1b5e20}.sbc-variant-count.warn{background:#fff8e1;color:#5d4037}.sbc-variant-count.danger{background:#ffebee;color:#b71c1c}.sbc-variant-body{display:grid;grid-template-columns:1fr auto;align-items:start}@media (max-width:700px){.sbc-variant-body{grid-template-columns:1fr}}.sbc-variant-text-wrap{padding:18px 16px}.sbc-variant-text{font-size:15px;line-height:1.6;color:var(--sbc-text);white-space:pre-wrap;word-wrap:break-word;padding:14px;background:var(--sbc-bg);border-radius:8px;border-left:3px solid var(--sbc-primary);font-family:inherit}.sbc-variant-preview{padding:14px;background:#fff;border-left:1px solid #f0f0f0;min-width:240px;max-width:260px}@media (max-width:700px){.sbc-variant-preview{border-left:none;border-top:1px solid #f0f0f0;max-width:100%;display:flex;justify-content:center}}.sbc-mini-profile{background:#fff;border:1px solid #efefef;border-radius:10px;padding:12px}.sbc-mini-top{display:flex;align-items:center;gap:10px;margin-bottom:8px}.sbc-mini-avatar{width:44px;height:44px;border-radius:50%;background:var(--sbc-gradient);padding:2px;flex-shrink:0}.sbc-mini-avatar-inner{width:100%;height:100%;border-radius:50%;background:#f0f0f0;border:2px solid #fff}.sbc-mini-info{flex:1;min-width:0}.sbc-mini-username{font-size:13px;font-weight:700;color:var(--sbc-text)}.sbc-mini-name{font-size:12px;font-weight:600;color:var(--sbc-text);margin-top:2px}.sbc-mini-bio{font-size:12px;line-height:1.4;color:var(--sbc-text);white-space:pre-wrap;word-wrap:break-word;padding:8px 0;border-top:1px solid #f5f5f5;border-bottom:1px solid #f5f5f5;margin:6px 0;min-height:30px}.sbc-mini-follow{padding:6px;background:var(--sbc-blue);color:#fff;border-radius:6px;font-size:11px;font-weight:700;text-align:center;margin-top:6px}.sbc-variant-actions{display:flex;gap:8px;padding:12px 16px;background:#fafafa;border-top:1px solid #f0f0f0}.sbc-variant-btn{padding:8px 14px;border-radius:6px;font-size:13px;font-weight:600;transition:all 0.15s}.sbc-variant-copy{flex:1;background:var(--sbc-primary);color:#ffffff!important}.sbc-variant-copy:hover{background:#6a2e91}.sbc-variant-copy.copied{background:var(--sbc-safe)}.sbc-variant-regen{background:#fff;color:var(--sbc-primary);border:1px solid var(--sbc-primary)}.sbc-variant-regen:hover{background:var(--sbc-primary);color:#ffffff!important}.sbc-toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%) translateY(100px);background:#333;color:#fff;padding:12px 24px;border-radius:24px;font-size:14px;opacity:0;transition:all 0.3s;z-index:9999;pointer-events:none}.sbc-toast.show{opacity:1;transform:translateX(-50%) translateY(0)}