:root{--ssg-primary:#833AB4;--ssg-gradient:linear-gradient(45deg, #F58529, #DD2A7B, #8134AF, #515BD4);--ssg-border:#dbdbdb;--ssg-text:#262626;--ssg-muted:#8e8e8e;--ssg-bg:#fafafa;--ssg-safe:#4caf50}.ssg-container button,.ssg-container input,.ssg-container textarea,.ssg-container label{font-family:inherit;box-sizing:border-box}.ssg-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}.ssg-container button:hover,.ssg-container button:focus{text-decoration:none;outline:none}.ssg-container{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;max-width:1400px;margin:0 auto;padding:20px;color:var(--ssg-text);box-sizing:border-box}.ssg-container *,.ssg-container *::before,.ssg-container *::after{box-sizing:border-box}.ssg-header{text-align:center;margin-bottom:24px}.ssg-header h2{margin:0 0 10px;font-size:28px;background:var(--ssg-gradient);-webkit-background-clip:text;-webkit-text-fill-color:#fff0;background-clip:text;line-height:1.3}.ssg-header p{color:var(--ssg-muted);margin:0 auto;max-width:720px;font-size:15px;line-height:1.6}.ssg-header strong{color:var(--ssg-text)}.ssg-workspace{display:grid;grid-template-columns:400px 1fr;gap:24px;align-items:start}@media (max-width:1000px){.ssg-workspace{grid-template-columns:1fr}}.ssg-input-panel{display:flex;flex-direction:column;gap:14px}.ssg-panel{background:#fff;border:1px solid var(--ssg-border);border-radius:12px;padding:16px;box-shadow:0 2px 8px rgb(0 0 0 / .04)}.ssg-label{display:block;font-size:12px;font-weight:700;color:var(--ssg-text);margin-bottom:10px;text-transform:uppercase;letter-spacing:.5px}.ssg-textarea{width:100%;padding:12px 14px;border:2px solid var(--ssg-border);border-radius:8px;font-size:14px;line-height:1.5;resize:vertical;background:#fff;color:var(--ssg-text);transition:border-color 0.2s}.ssg-textarea:focus{outline:none;border-color:var(--ssg-primary)}.ssg-char{display:flex;justify-content:space-between;align-items:center;margin-top:8px;font-size:12px;color:var(--ssg-muted)}.ssg-char strong{color:var(--ssg-text)}.ssg-example-btn{font-size:12px;color:var(--ssg-primary);font-weight:600;text-decoration:underline}.ssg-example-btn:hover{color:#6a2e91}.ssg-styles{display:grid;grid-template-columns:1fr 1fr;gap:6px}.ssg-style-btn{padding:10px 8px;background:var(--ssg-bg);border:2px solid #fff0;border-radius:8px;display:flex;align-items:center;gap:8px;transition:all 0.2s;text-align:left}.ssg-style-btn:hover{background:#f0f0f0}.ssg-style-btn.active{background:#fff;border-color:var(--ssg-primary)}.ssg-style-icon{font-size:18px;flex-shrink:0}.ssg-style-label{font-size:12px;font-weight:600;color:var(--ssg-text);line-height:1.3}.ssg-cta-options{display:flex;flex-wrap:wrap;gap:6px}.ssg-cta-btn{padding:8px 14px;background:var(--ssg-bg);border:1px solid var(--ssg-border);border-radius:20px;font-size:13px;font-weight:500;color:var(--ssg-text);transition:all 0.2s}.ssg-cta-btn:hover{background:#f0f0f0}.ssg-cta-btn.active{background:var(--ssg-primary);color:#ffffff!important;border-color:var(--ssg-primary)}.ssg-themes{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}.ssg-theme-swatch{aspect-ratio:9 / 16;border-radius:8px;cursor:pointer;border:2px solid #fff0;transition:all 0.2s;position:relative;overflow:hidden}.ssg-theme-swatch:hover{transform:scale(1.05)}.ssg-theme-swatch.active{border-color:var(--ssg-primary);box-shadow:0 0 0 2px rgb(131 58 180 / .2)}.ssg-theme-swatch::after{content:'';position:absolute;bottom:4px;left:4px;right:4px;height:3px;background:rgb(255 255 255 / .4);border-radius:2px}.ssg-generate-wrap{display:flex;gap:8px}.ssg-generate-btn{flex:1;padding:14px 20px;background:var(--ssg-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)}.ssg-generate-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgb(131 58 180 / .4)}.ssg-download-all-btn{padding:14px 18px;background:#fff;color:var(--ssg-primary);border:2px solid var(--ssg-primary);border-radius:10px;font-size:14px;font-weight:700;transition:all 0.2s}.ssg-download-all-btn:not(:disabled):hover{background:var(--ssg-primary);color:#ffffff!important}.ssg-download-all-btn:disabled{opacity:.4;cursor:not-allowed;border-color:var(--ssg-border);color:var(--ssg-muted)}.ssg-tip-box{padding:12px 14px;background:#f3e5f5;border-left:3px solid var(--ssg-primary);border-radius:6px;font-size:13px;line-height:1.5;color:#4a148c}.ssg-tip-box strong{display:block;margin-bottom:4px}.ssg-tip-box p{margin:0}.ssg-tip-box p strong{display:inline;margin:0}.ssg-output-panel{min-height:500px}.ssg-slides-preview{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;justify-items:center}@media (max-width:600px){.ssg-slides-preview{grid-template-columns:1fr}}.ssg-empty-state{grid-column:1 / -1;padding:80px 20px;text-align:center;color:var(--ssg-muted);background:#fff;border:2px dashed var(--ssg-border);border-radius:12px;width:100%}.ssg-empty-icon{font-size:56px;margin-bottom:12px;opacity:.6}.ssg-empty-text{font-size:14px;max-width:300px;margin:0 auto;line-height:1.5}.ssg-slide-card{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%;max-width:260px;animation:ssgFadeIn 0.4s ease-out backwards}.ssg-slide-card:nth-child(1){animation-delay:0s}.ssg-slide-card:nth-child(2){animation-delay:0.15s}.ssg-slide-card:nth-child(3){animation-delay:0.3s}@keyframes ssgFadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.ssg-slide-number{padding:4px 12px;background:var(--ssg-primary);color:#ffffff!important;border-radius:12px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.ssg-slide-role{font-size:11px;color:var(--ssg-muted);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.ssg-phone{width:240px;height:427px;background:#000;border-radius:28px;padding:8px;box-shadow:0 12px 28px rgb(0 0 0 / .2);position:relative}.ssg-phone-notch{position:absolute;top:8px;left:50%;transform:translateX(-50%);width:70px;height:14px;background:#000;border-radius:0 0 10px 10px;z-index:10}.ssg-story-canvas{width:100%;height:100%;border-radius:20px;overflow:hidden;position:relative;display:flex;flex-direction:column;padding:24px 20px 40px}.ssg-story-progress-row{position:absolute;top:20px;left:12px;right:12px;display:flex;gap:3px;z-index:5}.ssg-story-bar{flex:1;height:2px;background:rgb(255 255 255 / .3);border-radius:1px}.ssg-story-bar.active{background:#fff}.ssg-story-header-row{position:absolute;top:32px;left:12px;right:12px;display:flex;align-items:center;gap:6px;z-index:5}.ssg-story-avatar{width:22px;height:22px;border-radius:50%;background:#fff;border:2px solid #fff}.ssg-story-username{font-size:11px;font-weight:600;color:#fff;text-shadow:0 1px 2px rgb(0 0 0 / .3)}.ssg-story-time{font-size:10px;color:rgb(255 255 255 / .85)}.ssg-story-content{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding-top:32px;text-align:center;color:#fff;overflow:hidden}.ssg-story-hook-tag{padding:4px 10px;background:rgb(255 255 255 / .2);border-radius:12px;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;backdrop-filter:blur(10px)}.ssg-story-main{font-size:20px;font-weight:800;line-height:1.25;text-shadow:0 2px 8px rgb(0 0 0 / .3);word-wrap:break-word;max-width:100%;padding:0 4px}.ssg-story-main.body{font-size:16px;font-weight:600;line-height:1.35}.ssg-story-main.cta{font-size:18px;font-weight:700;line-height:1.3}.ssg-story-sub{font-size:12px;font-weight:500;color:rgb(255 255 255 / .9);line-height:1.4;padding:0 4px;max-width:100%}.ssg-story-cta-badge{margin-top:12px;padding:10px 18px;background:#fff;color:#262626;border-radius:20px;font-size:12px;font-weight:700;display:inline-flex;align-items:center;gap:6px;box-shadow:0 4px 12px rgb(0 0 0 / .2)}.ssg-slide-actions{display:flex;gap:6px;width:100%;max-width:240px}.ssg-slide-btn{flex:1;padding:8px 10px;border-radius:6px;font-size:12px;font-weight:600;transition:all 0.15s}.ssg-slide-copy{background:var(--ssg-primary);color:#ffffff!important}.ssg-slide-copy:hover{background:#6a2e91}.ssg-slide-copy.copied{background:var(--ssg-safe)}.ssg-slide-download{background:#fff;color:var(--ssg-primary);border:1px solid var(--ssg-primary)}.ssg-slide-download:hover{background:var(--ssg-primary);color:#ffffff!important}.ssg-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}.ssg-toast.show{opacity:1;transform:translateX(-50%) translateY(0)}