.sc-tool{max-width:800px;margin:0 auto}.sc-intro{background:linear-gradient(135deg,#ede9fe,#ddd6fe);border:1px solid #c4b5fd;border-radius:var(--radius-lg);padding:20px 24px;margin-bottom:24px}.sc-intro-text{font-size:1rem;line-height:1.6;color:#4c1d95;margin:0}.sc-panel{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-lg);padding:32px}.sc-field{margin-bottom:22px}.sc-label{display:block;font-size:1.05rem;font-weight:600;color:var(--text);margin-bottom:8px}.sc-optional{font-size:.85rem;font-weight:400;color:var(--text-tertiary)}.sc-input,.sc-select{width:100%;padding:12px 14px;font-size:1rem;border:2px solid var(--border);border-radius:var(--radius);outline:none;transition:border-color .2s;background:var(--bg-secondary);box-sizing:border-box}.sc-input:focus,.sc-select:focus{border-color:var(--primary);background:var(--bg)}.sc-input.shake{animation:scShake .4s ease;border-color:var(--error)}@keyframes scShake{0%,to{transform:translate(0)}25%{transform:translate(-8px)}75%{transform:translate(8px)}}.sc-generate-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:16px;font-size:1.1rem;font-weight:600;color:#fff;background:var(--primary);border:none;border-radius:var(--radius);cursor:pointer;transition:background .2s}.sc-generate-btn:hover:not(.disabled){background:var(--primary-hover)}.sc-generate-btn.disabled{opacity:.5;cursor:not-allowed}.sc-login-prompt{margin-top:16px;padding:14px 18px;background:var(--warning-bg);border:1px solid #fcd34d;border-radius:var(--radius);font-size:.95rem;color:#92400e}.sc-login-prompt a{color:var(--primary);font-weight:600;text-decoration:underline}.sc-loading{text-align:center;padding:60px 20px}.sc-spinner{width:48px;height:48px;border:4px solid var(--bg-tertiary);border-top-color:var(--primary);border-radius:50%;margin:0 auto 20px;animation:scSpin .8s linear infinite}@keyframes scSpin{to{transform:rotate(360deg)}}.sc-loading-text{font-size:1.15rem;font-weight:500;color:var(--text)}.sc-loading-hint{margin-top:6px;font-size:.9rem;color:var(--text-secondary)}.sc-story-title{font-size:1.8rem;font-weight:700;color:var(--primary);text-align:center;margin:0 0 4px}.sc-story-meta{text-align:center;font-size:.95rem;color:var(--text-secondary);margin:0 0 24px}.sc-story-box{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-lg);padding:28px 32px;margin-bottom:28px}.sc-story-text{font-size:1.1rem;line-height:1.8;color:var(--text);font-family:Georgia,Times New Roman,serif}.sc-story-text p{margin:0 0 14px}.sc-story-text p:last-child{margin-bottom:0}.sc-section-title{font-size:1.2rem;font-weight:600;color:var(--text);margin:0 0 16px}.sc-illustrations-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;margin-bottom:28px}.sc-illus-card{display:flex;flex-direction:column;align-items:center}.sc-canvas-box{position:relative;display:flex;justify-content:center;align-items:center;background:#fff;border:1px solid var(--border);border-radius:var(--radius);min-height:180px;width:100%}.sc-canvas-box canvas{max-width:100%;height:auto;display:block}.sc-illus-img{max-width:100%;max-height:400px;height:auto;display:block;object-fit:contain}.sc-watermark{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-30deg);font-size:2rem;font-weight:800;color:#4f46e526;pointer-events:none;user-select:none;letter-spacing:3px;white-space:nowrap}.sc-illus-label{font-size:.85rem;color:var(--text-secondary);margin:8px 0 0}.sc-no-images{color:var(--text-secondary);text-align:center;padding:20px}.sc-img-error{color:var(--error);font-size:.9rem}.sc-actions{display:flex;gap:12px;flex-wrap:wrap}.sc-download-btn{display:flex;align-items:center;justify-content:center;gap:8px;flex:1;min-width:200px;padding:14px;font-size:1rem;font-weight:600;color:#fff;background:var(--success);border:none;border-radius:var(--radius);cursor:pointer;transition:opacity .2s}.sc-download-btn:hover{opacity:.9}.sc-download-btn:disabled{opacity:.6;cursor:not-allowed}.sc-video-btn{display:flex;align-items:center;justify-content:center;gap:8px;flex:1;min-width:180px;padding:14px;font-size:1rem;font-weight:600;color:#fff;background:linear-gradient(135deg,#7c3aed,#6366f1);border:none;border-radius:var(--radius);cursor:pointer;transition:opacity .2s}.sc-video-btn:hover{opacity:.9}.sc-video-btn:disabled{opacity:.6;cursor:not-allowed}.sc-new-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:14px 24px;font-size:.95rem;font-weight:500;color:var(--text);background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:all .15s}.sc-new-btn:hover{background:var(--bg-tertiary);border-color:var(--border-hover)}.sc-btn-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:scSpin .6s linear infinite;display:inline-block}.sc-error{text-align:center;padding:60px 20px}.sc-error-icon{font-size:3rem;margin-bottom:16px}.sc-error-msg{font-size:1.05rem;color:var(--text-secondary);margin-bottom:20px}.sc-error-retry{padding:10px 24px;font-size:1rem;font-weight:500;color:var(--primary);background:var(--primary-light);border:1px solid var(--primary);border-radius:var(--radius);cursor:pointer;transition:all .15s}.sc-error-retry:hover{background:var(--primary);color:#fff}