:root{--ssp-primary:#833AB4;--ssp-gradient:linear-gradient(45deg, #F58529, #DD2A7B, #8134AF, #515BD4);--ssp-border:#dbdbdb;--ssp-text:#262626;--ssp-muted:#8e8e8e;--ssp-bg:#fafafa;--ssp-safe:#4caf50;--ssp-warning:#ff9800;--ssp-danger:#ed4956;--ssp-blue:#0095f6}.ssp-container button,.ssp-container input,.ssp-container label{font-family:inherit;box-sizing:border-box}.ssp-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}.ssp-container button:hover,.ssp-container button:focus{text-decoration:none;outline:none}.ssp-container{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;max-width:1300px;margin:0 auto;padding:20px;color:var(--ssp-text);box-sizing:border-box}.ssp-container *,.ssp-container *::before,.ssp-container *::after{box-sizing:border-box}.ssp-header{text-align:center;margin-bottom:24px}.ssp-header h2{margin:0 0 10px;font-size:28px;background:var(--ssp-gradient);-webkit-background-clip:text;-webkit-text-fill-color:#fff0;background-clip:text;line-height:1.3}.ssp-header p{color:var(--ssp-muted);margin:0 auto;max-width:720px;font-size:15px;line-height:1.6}.ssp-header strong{color:var(--ssp-text)}.ssp-workspace{display:grid;grid-template-columns:340px 1fr;gap:24px;align-items:start}@media (max-width:900px){.ssp-workspace{grid-template-columns:1fr}}.ssp-tools-panel{display:flex;flex-direction:column;gap:14px}.ssp-panel{background:#fff;border:1px solid var(--ssp-border);border-radius:12px;padding:16px;box-shadow:0 2px 8px rgb(0 0 0 / .04)}.ssp-label{display:block;font-size:12px;font-weight:700;color:var(--ssp-text);margin-bottom:10px;text-transform:uppercase;letter-spacing:.5px}.ssp-panel-hint{margin-top:8px;font-size:12px;color:var(--ssp-muted);text-align:center;font-style:italic}.ssp-upload{display:block;padding:20px 12px;border:2px dashed var(--ssp-border);border-radius:10px;text-align:center;cursor:pointer;transition:all 0.2s;background:var(--ssp-bg);margin-bottom:10px}.ssp-upload:hover{border-color:var(--ssp-primary);background:#f8f5fc}.ssp-upload-icon{font-size:24px;color:var(--ssp-primary);margin-bottom:4px}.ssp-upload-text{font-size:13px;color:var(--ssp-text)}.ssp-upload-text strong{color:var(--ssp-primary)}.ssp-bg-presets{display:grid;grid-template-columns:repeat(6,1fr);gap:4px}.ssp-bg-preset{aspect-ratio:1;border-radius:6px;cursor:pointer;transition:transform 0.15s;border:2px solid #fff0}.ssp-bg-preset:hover{transform:scale(1.1)}.ssp-bg-preset.active{border-color:var(--ssp-primary);transform:scale(1.05)}.ssp-sticker-buttons{display:grid;grid-template-columns:1fr 1fr;gap:6px}.ssp-sticker-btn{padding:10px 8px;background:var(--ssp-bg);border:1.5px solid #fff0;border-radius:8px;display:flex;align-items:center;gap:8px;transition:all 0.15s;font-size:13px;font-weight:600;color:var(--ssp-text)}.ssp-sticker-btn:hover{background:#fff;border-color:var(--ssp-primary);color:var(--ssp-primary);transform:translateY(-1px)}.ssp-sticker-icon{font-size:16px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--ssp-gradient);color:#fff;border-radius:6px;font-weight:700;flex-shrink:0}.ssp-toggles{display:flex;flex-direction:column;gap:8px}.ssp-toggle{display:flex;align-items:center;gap:8px;font-size:13px;cursor:pointer;user-select:none}.ssp-toggle input{width:16px;height:16px;accent-color:var(--ssp-primary);cursor:pointer}.ssp-toggle-swatch{width:14px;height:14px;border-radius:3px;border:2px solid}.ssp-toggle-swatch.danger{border-color:var(--ssp-danger);background:rgb(237 73 86 / .15)}.ssp-toggle-swatch.thumb{border-color:var(--ssp-safe);background:rgb(76 175 80 / .15)}.ssp-toggle-swatch.tap{border-color:var(--ssp-warning);background:rgb(255 152 0 / .15)}.ssp-toggle-swatch.grid{border-color:var(--ssp-blue);background:rgb(0 149 246 / .15)}.ssp-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.ssp-btn{padding:10px 14px;border-radius:8px;font-size:13px;font-weight:600;transition:all 0.2s}.ssp-btn-primary{background:var(--ssp-gradient);color:#ffffff!important}.ssp-btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgb(131 58 180 / .3)}.ssp-btn-secondary{background:#fff;color:var(--ssp-text);border:1px solid var(--ssp-border)}.ssp-btn-secondary:hover{background:var(--ssp-bg);border-color:var(--ssp-danger);color:var(--ssp-danger)}.ssp-tip-box{padding:12px 14px;background:#f3e5f5;border-left:3px solid var(--ssp-primary);border-radius:6px;font-size:13px;line-height:1.5;color:#4a148c}.ssp-tip-box strong{display:block;margin-bottom:6px}.ssp-tip-box p{margin:0}.ssp-tip-box p strong{display:inline;margin:0}.ssp-canvas-panel{display:flex;flex-direction:column;gap:16px;align-items:center}.ssp-canvas-wrap{display:flex;justify-content:center;width:100%}.ssp-phone{width:340px;height:605px;background:#000;border-radius:40px;padding:12px;box-shadow:0 20px 40px rgb(0 0 0 / .2);position:relative;flex-shrink:0}.ssp-phone-notch{position:absolute;top:12px;left:50%;transform:translateX(-50%);width:100px;height:20px;background:#000;border-radius:0 0 16px 16px;z-index:100}.ssp-story-canvas{width:100%;height:100%;border-radius:28px;overflow:hidden;position:relative;background:linear-gradient(135deg,#667eea,#764ba2);background-size:cover;background-position:center;touch-action:none;user-select:none}.ssp-progress-row{position:absolute;top:24px;left:14px;right:14px;z-index:20}.ssp-progress-bar{height:3px;background:rgb(255 255 255 / .4);border-radius:2px;position:relative;overflow:hidden}.ssp-progress-bar::after{content:'';position:absolute;left:0;top:0;bottom:0;width:40%;background:#fff;border-radius:2px}.ssp-story-header{position:absolute;top:36px;left:14px;right:14px;display:flex;align-items:center;gap:8px;z-index:20}.ssp-avatar{width:26px;height:26px;border-radius:50%;background:#fff;border:2px solid #fff}.ssp-username{font-size:12px;font-weight:600;color:#fff;text-shadow:0 1px 2px rgb(0 0 0 / .3)}.ssp-time{font-size:11px;color:rgb(255 255 255 / .85)}.ssp-bottom-ui{position:absolute;bottom:0;left:0;right:0;padding:14px 12px 18px;display:flex;align-items:center;gap:8px;z-index:20;background:linear-gradient(to top,rgb(0 0 0 / .15),transparent)}.ssp-reply-input{flex:1;padding:8px 14px;border:1.5px solid rgb(255 255 255 / .6);border-radius:20px;font-size:11px;color:rgb(255 255 255 / .85);background:#fff0}.ssp-heart,.ssp-share{color:#fff;font-size:20px;padding:2px 4px}.ssp-overlay{position:absolute;inset:0;pointer-events:none;z-index:5;transition:opacity 0.2s}.ssp-overlay.hidden{opacity:0}.ssp-overlay-danger .ssp-zone-top,.ssp-overlay-danger .ssp-zone-bottom{position:absolute;left:0;right:0;background:repeating-linear-gradient(45deg,rgb(237 73 86 / .2),rgb(237 73 86 / .2) 8px,rgb(237 73 86 / .35) 8px,rgb(237 73 86 / .35) 16px);border:2px dashed rgb(237 73 86 / .7);display:flex;align-items:center;justify-content:center}.ssp-overlay-danger .ssp-zone-top{top:0;height:13%;border-top:none}.ssp-overlay-danger .ssp-zone-bottom{bottom:0;height:17%;border-bottom:none}.ssp-overlay-danger span{background:rgb(255 255 255 / .9);color:var(--ssp-danger);padding:3px 8px;border-radius:10px;font-size:9px;font-weight:700;letter-spacing:.5px}.ssp-overlay-thumb .ssp-thumb-hard,.ssp-overlay-thumb .ssp-thumb-medium,.ssp-overlay-thumb .ssp-thumb-easy{position:absolute;left:0;right:0;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;letter-spacing:.5px;padding:4px}.ssp-overlay-thumb .ssp-thumb-hard{top:13%;height:25%;background:rgb(237 73 86 / .12);color:rgb(237 73 86 / .85);border-top:1px dashed rgb(237 73 86 / .5);border-bottom:1px dashed rgb(237 73 86 / .5)}.ssp-overlay-thumb .ssp-thumb-medium{top:38%;height:22%;background:rgb(255 152 0 / .1);color:rgb(255 152 0 / .85);border-bottom:1px dashed rgb(255 152 0 / .5)}.ssp-overlay-thumb .ssp-thumb-easy{top:60%;height:23%;background:rgb(76 175 80 / .15);color:rgb(76 175 80 / .9)}.ssp-overlay-tap .ssp-tap-left,.ssp-overlay-tap .ssp-tap-right{position:absolute;top:13%;bottom:17%;width:30%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;letter-spacing:.5px;color:rgb(255 152 0 / .85);background:repeating-linear-gradient(-45deg,rgb(255 152 0 / .08),rgb(255 152 0 / .08) 6px,rgb(255 152 0 / .18) 6px,rgb(255 152 0 / .18) 12px)}.ssp-overlay-tap .ssp-tap-left{left:0;border-right:1px dashed rgb(255 152 0 / .5)}.ssp-overlay-tap .ssp-tap-right{right:0;border-left:1px dashed rgb(255 152 0 / .5)}.ssp-overlay-grid .ssp-grid-line{position:absolute;background:rgb(0 149 246 / .4)}.ssp-overlay-grid .ssp-grid-v-1,.ssp-overlay-grid .ssp-grid-v-2{top:0;bottom:0;width:1px}.ssp-overlay-grid .ssp-grid-v-1{left:33.33%}.ssp-overlay-grid .ssp-grid-v-2{left:66.66%}.ssp-overlay-grid .ssp-grid-h-1,.ssp-overlay-grid .ssp-grid-h-2{left:0;right:0;height:1px}.ssp-overlay-grid .ssp-grid-h-1{top:33.33%}.ssp-overlay-grid .ssp-grid-h-2{top:66.66%}.ssp-stickers-layer{position:absolute;inset:0;z-index:15}.ssp-empty-hint{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:rgb(255 255 255 / .9);font-size:14px;pointer-events:none;z-index:25;text-shadow:0 2px 6px rgb(0 0 0 / .3)}.ssp-empty-hint.hidden{display:none}.ssp-empty-icon{font-size:40px}.ssp-sticker{position:absolute;display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:12px;font-size:13px;font-weight:700;cursor:grab;user-select:none;transition:transform 0.15s,box-shadow 0.15s;box-shadow:0 4px 12px rgb(0 0 0 / .2);white-space:nowrap;transform:translate(-50%,-50%);touch-action:none}.ssp-sticker:hover{transform:translate(-50%,-50%) scale(1.05);box-shadow:0 6px 16px rgb(0 0 0 / .25)}.ssp-sticker.dragging{cursor:grabbing;z-index:50;transform:translate(-50%,-50%) scale(1.1);opacity:.9}.ssp-sticker.warning{animation:sspPulse 1.5s ease-in-out infinite}@keyframes sspPulse{0%,100%{box-shadow:0 4px 12px rgb(0 0 0 / .2),0 0 0 0 rgb(237 73 86 / .6)}50%{box-shadow:0 4px 12px rgb(0 0 0 / .2),0 0 0 10px #fff0}}.ssp-sticker-mention{background:linear-gradient(45deg,#833AB4,#DD2A7B);color:#fff}.ssp-sticker-link{background:rgb(255 255 255 / .95);color:#262626}.ssp-sticker-poll{background:#fff;color:#262626;padding:10px 12px}.ssp-sticker-question{background:linear-gradient(45deg,#4facfe,#00f2fe);color:#fff}.ssp-sticker-quiz{background:linear-gradient(45deg,#43e97b,#38f9d7);color:#262626}.ssp-sticker-slider{background:rgb(255 255 255 / .95);color:#262626;padding:6px 10px}.ssp-sticker-location{background:rgb(0 0 0 / .7);color:#fff;backdrop-filter:blur(10px)}.ssp-sticker-hashtag{background:linear-gradient(45deg,#F58529,#DD2A7B);color:#fff}.ssp-sticker-remove{position:absolute;top:-8px;right:-8px;width:20px;height:20px;border-radius:50%;background:#ed4956;color:#fff!important;font-size:12px;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity 0.15s;border:2px solid #fff;cursor:pointer;z-index:5;font-weight:700;line-height:1;padding:0}.ssp-sticker:hover .ssp-sticker-remove{opacity:1}.ssp-score-card{background:#fff;border:1px solid var(--ssp-border);border-radius:12px;padding:16px;box-shadow:0 2px 8px rgb(0 0 0 / .04);width:100%;max-width:340px}.ssp-score-main{display:flex;align-items:center;gap:16px;margin-bottom:12px}.ssp-score-circle{position:relative;flex-shrink:0}#sspScoreArc{transition:stroke-dashoffset 0.5s ease-out}.ssp-score-num{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:800;color:var(--ssp-text)}.ssp-score-info{flex:1}.ssp-score-label{font-size:11px;font-weight:700;color:var(--ssp-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px}.ssp-score-summary{font-size:14px;font-weight:600;color:var(--ssp-text)}.ssp-score-summary.excellent{color:var(--ssp-safe)}.ssp-score-summary.good{color:var(--ssp-blue)}.ssp-score-summary.fair{color:var(--ssp-warning)}.ssp-score-summary.poor{color:var(--ssp-danger)}.ssp-issues{display:flex;flex-direction:column;gap:6px}.ssp-issue{display:flex;align-items:flex-start;gap:8px;padding:8px 10px;border-radius:6px;font-size:12px;line-height:1.4}.ssp-issue.pass{background:#e8f5e9;color:#1b5e20}.ssp-issue.warn{background:#fff8e1;color:#5d4037}.ssp-issue.error{background:#ffebee;color:#b71c1c}.ssp-issue-icon{font-weight:700;flex-shrink:0}.ssp-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}.ssp-toast.show{opacity:1;transform:translateX(-50%) translateY(0)}