*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#fafaf7;--surface:#fff;--border:#e8e8e2;--text:#1a1a1a;--muted:#8b8b83;--accent:#7c3aed;--accent-light:#f5f3ff;--accent-hover:#6d28d9;--gold:#d97706;--gold-light:#fffbeb;--radius:12px;--radius-sm:8px;--shadow:0 1px 3px #0000000f, 0 1px 2px #0000000a;--shadow-md:0 4px 12px #00000014}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}#root{min-height:100vh}.home{max-width:720px;margin:0 auto;padding:60px 24px}.hero{text-align:center;margin-bottom:48px}.hero h1{letter-spacing:-.02em;color:var(--text);margin-bottom:10px;font-size:28px;font-weight:700}.subtitle{color:var(--muted);font-size:15px;line-height:1.5}.scene-grid{flex-direction:column;gap:8px;display:flex}.scene-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;text-align:left;width:100%;color:var(--text);align-items:center;gap:16px;padding:20px;font-family:inherit;transition:all .15s;display:flex}.scene-card:hover{border-color:var(--accent);background:var(--accent-light);box-shadow:var(--shadow);transform:translate(4px)}.scene-icon{background:var(--bg);border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:36px;display:flex}.scene-info{flex-direction:column;flex:1;gap:4px;display:flex}.scene-name{font-size:16px;font-weight:600}.scene-desc{color:var(--muted);font-size:13px}.scene-arrow{color:var(--muted);flex-shrink:0;font-size:18px;transition:transform .15s}.scene-card:hover .scene-arrow{color:var(--accent);transform:translate(2px)}.home-footer{text-align:center;color:var(--muted);margin-top:40px;font-size:13px}.scene-page{flex-direction:column;min-height:100vh;display:flex}.scene-header{background:var(--surface);border-bottom:1px solid var(--border);z-index:50;align-items:center;gap:16px;height:56px;padding:0 20px;display:flex;position:sticky;top:0}.btn-back{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);cursor:pointer;color:var(--muted);padding:6px 14px;font-family:inherit;font-size:13px;transition:all .15s}.btn-back:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-light)}.scene-title{flex:1;font-size:15px;font-weight:600}.scene-platform{color:var(--muted);background:var(--bg);border-radius:20px;padding:4px 10px;font-size:12px}.scene-body{flex:1;height:calc(100vh - 56px);display:flex;overflow:hidden}.scene-controls{border-right:1px solid var(--border);background:var(--surface);flex-direction:column;flex-shrink:0;gap:14px;width:340px;padding:16px 14px;display:flex;overflow-y:auto}.control-group{flex-direction:column;gap:8px;display:flex}.control-label{color:var(--text);font-size:13px;font-weight:600}.control-input{border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text);background:var(--bg);outline:none;padding:12px 14px;font-family:inherit;font-size:14px;transition:border-color .15s}.control-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #7c3aed14}.control-input::placeholder{color:#c0c0b8}.pill-row{flex-wrap:wrap;gap:6px;display:flex}.pill{border:1px solid var(--border);background:var(--surface);color:var(--muted);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;border-radius:20px;padding:6px 12px;font-family:inherit;font-size:12px;font-weight:500;transition:all .2s}.pill:hover{color:#555;background:#fafaf7;border-color:#ccc;box-shadow:0 1px 3px #0000000f}.pill.on{color:#ff2442;background:#fff0f2;border-color:#ff2442;font-weight:600}.pill.on:hover{background:#ffe8ea;border-color:#ff2442}.pill:disabled{opacity:.35;cursor:not-allowed;box-shadow:none;transform:none}.btn-generate{border-radius:var(--radius);cursor:pointer;color:#fff;background:linear-gradient(135deg,#7c3aed,#8b5cf6);border:none;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:4px;padding:16px;font-family:inherit;font-size:15px;font-weight:600;transition:all .2s;display:flex;box-shadow:0 2px 8px #7c3aed33}.btn-generate:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 16px #7c3aed4d}.btn-generate:disabled{color:#a0a0a0;box-shadow:none;cursor:not-allowed;background:#e5e5e0;transform:none}.spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.hint{color:var(--muted);text-align:center;font-size:12px;line-height:1.5}.scene-result{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;padding:8px;display:flex;overflow-y:auto}.result-empty{color:var(--muted);flex-direction:column;align-items:center;gap:8px;display:flex}.empty-icon{margin-bottom:8px;font-size:56px}.empty-title{color:var(--text);font-size:16px;font-weight:600}.empty-sub{color:var(--muted);font-size:13px}.result-loading{color:var(--muted);flex-direction:column;align-items:center;gap:16px;font-size:14px;display:flex}.loading-pulse{background:linear-gradient(135deg,#7c3aed,#8b5cf6);border-radius:12px;width:48px;height:48px;animation:1.2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:.4;transform:scale(.95)}50%{opacity:1;transform:scale(1.05)}}.error-banner{border-radius:var(--radius-sm);color:#dc2626;background:#fef2f2;border:1px solid #fecaca;align-items:center;gap:12px;width:100%;max-width:480px;padding:12px 18px;font-size:13px;display:flex}.error-banner button{cursor:pointer;color:#dc2626;opacity:.6;background:0 0;border:none;margin-left:auto;font-size:16px}.result-content{flex-direction:column;align-items:center;gap:24px;width:100%;max-width:640px;display:flex}.result-image-wrap{flex-direction:column;align-items:center;gap:16px;width:100%;display:flex;position:relative}.result-image{border-radius:var(--radius);max-width:100%;max-height:520px;box-shadow:var(--shadow-md);object-fit:contain;background:#fff}.btn-download{border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);cursor:pointer;align-items:center;gap:6px;padding:10px 22px;font-family:inherit;font-size:13px;text-decoration:none;transition:all .15s;display:inline-flex}.btn-download:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-light)}.result-copy{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:100%;overflow:hidden}.copy-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:12px 16px;font-size:13px;font-weight:600;display:flex}.btn-copy{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);cursor:pointer;color:var(--text);padding:6px 14px;font-family:inherit;font-size:12px;transition:all .15s}.btn-copy:hover{border-color:var(--accent);color:var(--accent)}.copy-text{white-space:pre-wrap;color:var(--text);background:var(--bg);max-height:300px;padding:16px;font-family:inherit;font-size:13px;line-height:1.8;overflow-y:auto}.free-input-wrap{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:28px;padding:2px;transition:border-color .2s,box-shadow .2s}.free-input-wrap.focused{border-color:var(--accent);box-shadow:0 0 0 4px #7c3aed0f}.free-input{width:100%;color:var(--text);resize:vertical;background:0 0;border:none;outline:none;padding:18px 20px 10px;font-family:inherit;font-size:15px;line-height:1.6}.free-input::placeholder{color:#c0c0b8;line-height:1.6}.free-input-actions{border-top:1px solid var(--border);justify-content:space-between;align-items:center;padding:10px 18px 14px;display:flex}.free-input-hint{color:var(--muted);font-size:12px}.btn-go{border-radius:var(--radius-sm);cursor:pointer;color:#fff;background:linear-gradient(135deg,#7c3aed,#8b5cf6);border:none;padding:10px 24px;font-family:inherit;font-size:14px;font-weight:600;transition:all .2s;box-shadow:0 2px 8px #7c3aed33}.btn-go:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 16px #7c3aed4d}.btn-go:disabled{color:#a0a0a0;box-shadow:none;cursor:not-allowed;background:#e5e5e0}.divider{color:var(--muted);align-items:center;gap:16px;margin-bottom:24px;font-size:13px;display:flex}.divider:before,.divider:after{content:"";background:var(--border);flex:1;height:1px}.planner-page{background:var(--bg);flex-direction:column;min-height:100vh;display:flex}.planner-body{flex:1;width:100%;max-width:960px;margin:0 auto;padding:24px}.planner-query-badge{background:var(--accent-light);border-radius:var(--radius-sm);color:var(--accent);border:1px solid #7c3aed33;align-items:center;gap:12px;margin-bottom:24px;padding:10px 16px;font-size:14px;display:flex}.planner-query-badge button{border:1px solid var(--accent);color:var(--accent);cursor:pointer;background:0 0;border-radius:20px;margin-left:auto;padding:4px 12px;font-family:inherit;font-size:12px}.planner-query-badge button:hover{background:var(--accent);color:#fff}.planner-status{color:var(--muted);flex-direction:column;align-items:center;gap:16px;padding:60px 0;font-size:14px;display:flex}.planner-error{color:#dc2626;flex-direction:column;align-items:center;gap:16px;padding:40px 0;font-size:14px;display:flex}.planner-error button{border-radius:var(--radius-sm);color:#dc2626;cursor:pointer;background:#fff;border:1px solid #dc2626;padding:10px 24px;font-family:inherit}.plan-overview{margin-bottom:24px}.plan-meta{flex-wrap:wrap;gap:8px;display:flex}.meta-tag{background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:20px;padding:6px 14px;font-size:13px}.progress-bar-wrap{background:var(--surface);border:1px solid var(--border);border-radius:14px;height:28px;margin-bottom:24px;position:relative;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg,#7c3aed,#a78bfa);border-radius:14px;min-width:60px;height:100%;transition:width .4s}.progress-text{color:var(--text);justify-content:center;align-items:center;font-size:12px;font-weight:600;display:flex;position:absolute;inset:0}.plan-section{margin-bottom:32px}.plan-section h3{justify-content:space-between;align-items:center;margin-bottom:14px;font-size:15px;font-weight:600;display:flex}.btn-section-action{border:2px solid var(--accent);border-radius:var(--radius-sm);background:var(--accent-light);color:var(--accent);cursor:pointer;padding:8px 18px;font-family:inherit;font-size:13px;font-weight:600;transition:all .15s}.btn-section-action:hover{background:var(--accent);color:#fff}.image-gallery{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;display:grid}.gallery-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);transition:all .15s;overflow:hidden}.gallery-card.loading{opacity:.7}.gallery-card.error{border-color:#fecaca}.gallery-img-wrap{aspect-ratio:1;background:var(--bg);justify-content:center;align-items:center;display:flex;overflow:hidden}.gallery-img-wrap img{object-fit:cover;width:100%;height:100%}.gallery-placeholder{color:var(--muted);text-align:center;flex-direction:column;align-items:center;gap:8px;padding:20px;font-size:12px;display:flex}.gallery-placeholder.error{color:#dc2626}.gallery-placeholder button{color:#dc2626;cursor:pointer;background:#fff;border:1px solid #dc2626;border-radius:20px;padding:4px 12px;font-family:inherit;font-size:11px}.loading-pulse.small{border-radius:8px;width:28px;height:28px}.gallery-info{justify-content:space-between;align-items:center;padding:10px 12px;font-size:12px;display:flex}.gallery-role{color:var(--text);font-weight:500}.gallery-regenerate{border:1px solid var(--border);background:var(--surface);cursor:pointer;color:var(--muted);border-radius:20px;padding:3px 10px;font-family:inherit;font-size:11px;transition:all .15s}.gallery-regenerate:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.script-segments{border:1px solid var(--border);border-radius:var(--radius);margin-bottom:14px;overflow:hidden}.script-seg{border-bottom:1px solid var(--border);grid-template-columns:90px 160px 1fr;align-items:start;gap:12px;padding:12px 14px;font-size:13px;display:grid}.script-seg:last-child{border-bottom:none}.script-seg:nth-child(2n){background:var(--bg)}.seg-time{color:var(--accent);font-size:12px;font-weight:600}.seg-visual{color:var(--muted);font-size:12px}.seg-line{color:var(--text);line-height:1.5}.script-editor{border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text);background:var(--surface);resize:vertical;outline:none;padding:14px;font-family:inherit;font-size:14px;line-height:1.8}.script-editor:focus{border-color:var(--accent);box-shadow:0 0 0 3px #7c3aed0f}.btn-copy-text{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);cursor:pointer;color:var(--text);margin-top:8px;padding:8px 16px;font-family:inherit;font-size:12px}.btn-copy-text:hover{border-color:var(--accent);color:var(--accent)}.copies-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.copy-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.copy-card-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:10px 14px;font-size:13px;font-weight:600;display:flex}.btn-copy-small{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:6px;padding:4px 8px;font-size:14px}.btn-copy-small:hover{border-color:var(--accent)}.copy-editor{width:100%;color:var(--text);background:var(--bg);resize:vertical;border:none;outline:none;padding:12px 14px;font-family:inherit;font-size:13px;line-height:1.7}.seo-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px}.seo-row{align-items:flex-start;gap:12px;margin-bottom:10px;display:flex}.seo-row:last-child{margin-bottom:0}.seo-label{color:var(--muted);flex-shrink:0;width:70px;font-size:12px;font-weight:600}.seo-value{color:var(--text);font-size:13px}.seo-keywords{flex-wrap:wrap;gap:6px;display:flex}.seo-kw{background:var(--accent-light);color:var(--accent);border-radius:20px;padding:3px 10px;font-size:12px}.planner-footer{flex-direction:column;align-items:center;gap:10px;padding:32px 0 60px;display:flex}.btn-download-all{border-radius:var(--radius);cursor:pointer;color:#fff;background:linear-gradient(135deg,#7c3aed,#8b5cf6);border:none;padding:16px 40px;font-family:inherit;font-size:16px;font-weight:600;transition:all .2s;box-shadow:0 4px 16px #7c3aed40}.btn-download-all:hover{transform:translateY(-2px);box-shadow:0 6px 24px #7c3aed59}.planner-footer-hint{color:var(--muted);font-size:13px}.not-found{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:100vh;display:flex}@media (width<=768px){.scene-body{flex-direction:column}.scene-controls{border-right:none;border-bottom:1px solid var(--border);width:100%;max-height:none}.scene-result{padding:20px}.home{padding:32px 16px}.hero h1{font-size:24px}.image-gallery{grid-template-columns:repeat(2,1fr)}.script-seg{grid-template-columns:1fr;gap:4px}.copies-grid{grid-template-columns:1fr}}.hot-topics-section{max-width:760px;margin:0 auto;padding:0 0 32px}.hot-topics-section.compact{max-width:none;margin:0;padding:0}.hot-topics-header{align-items:center;gap:8px;margin-bottom:10px;display:flex}.hot-topics-title{color:var(--text);font-size:14px;font-weight:600}.hot-topics-row{scrollbar-width:none;-ms-overflow-style:none;flex-wrap:wrap;gap:8px;padding:4px 0 8px;display:flex;overflow-x:auto}.hot-topics-row::-webkit-scrollbar{display:none}.hot-topics-row.compact{flex-direction:column;gap:4px}.hot-topic-pill{border:1px solid var(--border);background:var(--surface);color:var(--text);white-space:nowrap;cursor:pointer;border-radius:20px;flex-shrink:0;align-items:center;gap:6px;max-width:260px;padding:6px 12px;font-size:13px;transition:all .15s;display:inline-flex}.hot-topic-pill:hover{border-color:var(--accent);background:var(--accent-light);transform:translateY(-1px)}.hot-topic-pill.compact{border-radius:var(--radius-sm);width:100%;max-width:none;padding:5px 10px;font-size:12px}.ht-platform-icon{flex-shrink:0;font-size:14px}.hot-topic-pill.compact .ht-platform-icon{font-size:12px}.ht-title{text-overflow:ellipsis;overflow:hidden}.ht-direction{flex-shrink:0;font-size:12px}.ht-direction.heat-hot{color:#ef4444}.ht-direction.heat-up{color:var(--accent)}.ht-direction.heat-stable{color:var(--muted)}.hot-topic-pill.skeleton{background:var(--bg);border-color:var(--bg);cursor:default;pointer-events:none;width:120px;height:31px;animation:1.5s ease-in-out infinite skeletonPulse}.hot-topic-pill.skeleton.compact{width:100%;height:28px}.hot-topic-pill.skeleton:hover{border-color:var(--bg);background:var(--bg);transform:none}@keyframes skeletonPulse{0%,to{opacity:.5}50%{opacity:.8}}.planner-body{padding:16px}.platform-trends{max-width:720px;margin:0 auto;padding:0 24px 48px}.pt-header{align-items:center;gap:16px;padding:24px 0 32px;display:flex}.pt-icon{font-size:36px}.pt-title-group{flex:1}.pt-title{color:var(--text);margin:0 0 4px;font-size:24px;font-weight:700}.pt-desc{color:var(--muted);margin:0;font-size:14px}.pt-loading{color:var(--muted);flex-direction:column;align-items:center;gap:12px;padding:60px 0;font-size:14px;display:flex}.pt-categories{flex-direction:column;gap:24px;display:flex}.pt-category{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px}.pt-cat-header{align-items:center;gap:12px;margin-bottom:14px;display:flex}.pt-cat-icon{font-size:24px}.pt-cat-info{flex:1;min-width:0}.pt-cat-name{color:var(--text);margin:0;font-size:16px;font-weight:600}.pt-cat-desc{color:var(--muted);font-size:12px}.pt-cat-enter{color:var(--accent);border:1px solid var(--accent);cursor:pointer;background:0 0;border-radius:20px;flex-shrink:0;padding:5px 14px;font-size:12px;transition:all .15s}.pt-cat-enter:hover{background:var(--accent);color:#fff}.pt-layout-entry{border-color:var(--gold);background:#fffbeb}.pt-layout-btn{background:var(--gold)!important;color:#fff!important;border-color:var(--gold)!important}.pt-layout-btn:hover{opacity:.85}.pt-topic-list{flex-direction:column;gap:6px;display:flex}.pt-topic-item{border-radius:var(--radius-sm);background:var(--bg);cursor:pointer;text-align:left;border:1px solid #0000;justify-content:space-between;align-items:center;width:100%;padding:8px 14px;transition:all .15s;display:flex}.pt-topic-item:hover{border-color:var(--accent);background:var(--accent-light)}.pt-topic-title{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.pt-topic-heat{flex-shrink:0;margin-left:8px;font-size:13px}.pt-topic-heat.hot{color:#ef4444}.pt-topic-heat.up{color:var(--accent)}.pt-topic-empty{color:var(--muted);padding:8px 14px;font-size:13px}.pt-link{color:var(--accent);cursor:pointer;background:0 0;border:none;font-size:13px}.pt-link:hover{text-decoration:underline}.pt-footer{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--muted);margin-top:32px;padding:20px;font-size:13px}.pt-scene-pills{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}@media (width<=768px){.platform-trends{padding:0 16px 32px}.pt-header{gap:12px;padding:16px 0 24px}.pt-icon{font-size:28px}.pt-title{font-size:20px}.pt-category{padding:14px}}.xhs-section-title{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:6px;margin:0 0 10px;font-size:13px;font-weight:600;display:flex}.xhs-section-title:before{content:"";background:#ff2442;border-radius:2px;flex-shrink:0;width:3px;height:12px}.xhs-card{border:1px solid var(--border);box-shadow:var(--shadow);background:#fff;border-radius:10px}.xhs-upload-zone{border:2px dashed var(--border);text-align:center;cursor:pointer;color:var(--muted);background:#fafaf7;border-radius:10px;padding:24px 16px;font-size:12px;line-height:1.6;transition:all .2s}.xhs-upload-zone:hover{color:#ff2442;background:#fff5f5;border-color:#ff2442}.xhs-upload-icon{opacity:.6;margin-bottom:6px;font-size:32px}.xhs-photo-item{aspect-ratio:1;border:2px solid var(--border);border-radius:8px;transition:border-color .15s;position:relative;overflow:hidden}.xhs-photo-item:hover{border-color:#ff2442}.xhs-photo-item img{object-fit:cover;width:100%;height:100%;transition:transform .2s}.xhs-photo-item:hover img{transform:scale(1.05)}.xhs-photo-delete{color:#fff;cursor:pointer;opacity:0;background:#0000008c;border:none;border-radius:10px;justify-content:center;align-items:center;width:20px;height:20px;font-size:10px;transition:opacity .15s;display:flex;position:absolute;top:4px;right:4px}.xhs-photo-item:hover .xhs-photo-delete{opacity:1}.xhs-pill{border:1px solid var(--border);color:var(--text);cursor:pointer;white-space:nowrap;background:#fff;border-radius:14px;padding:5px 14px;font-size:12px;transition:all .15s}.xhs-pill:hover{border-color:#c0c0b8}.xhs-pill.active{color:#fff;background:#1a1a1a;border-color:#1a1a1a}.xhs-pill.ai{color:#7c3aed;background:#f5f0ff;border-color:#7c3aed}.xhs-pill.ai:hover{background:#ede5ff}.xhs-color-swatch{border:2px solid var(--border);cursor:pointer;border-radius:11px;width:22px;height:22px;padding:0;transition:all .15s}.xhs-color-swatch:hover{transform:scale(1.15)}.xhs-color-swatch.active{border-color:#1a1a1a;box-shadow:0 0 0 1px #fff,0 0 0 3px #1a1a1a}.xhs-effect-btn{border:1px solid var(--border);color:var(--text);cursor:pointer;text-align:center;background:#fff;border-radius:5px;flex:1;padding:4px 0;font-size:10px;transition:all .15s}.xhs-effect-btn:hover{background:#f5f5f2}.xhs-effect-btn.active{color:#fff;background:#1a1a1a;border-color:#1a1a1a}.xhs-select{border:1px solid var(--border);color:var(--text);cursor:pointer;background:#fff;border-radius:6px;outline:none;padding:5px 10px;font-size:11px;transition:border-color .15s}.xhs-select:focus{border-color:#ff2442}.xhs-input{border:1px solid var(--border);box-sizing:border-box;background:#fff;border-radius:6px;outline:none;width:100%;padding:10px 14px;font-size:14px;transition:border-color .15s,box-shadow .15s}.xhs-input:focus{border-color:#ff2442;box-shadow:0 0 0 3px #ff24421a}.xhs-input.title-input{padding:11px 14px;font-size:16px;font-weight:600}.xhs-step-badge{color:#fff;background:#1a1a1a;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;margin-right:6px;font-size:10px;font-weight:700;display:inline-flex}.xhs-btn-primary{cursor:pointer;color:#fff;background:#ff2442;border:none;border-radius:8px;width:100%;padding:11px 0;font-size:14px;font-weight:600;transition:all .15s}.xhs-btn-primary:hover:not(:disabled){background:#e01e3a;transform:translateY(-1px);box-shadow:0 2px 8px #ff24424d}.xhs-btn-primary:disabled{cursor:default;background:#e0e0d8}.xhs-btn-secondary{border:1px solid var(--border);cursor:pointer;width:100%;color:var(--text);background:#fff;border-radius:8px;padding:9px 0;font-size:13px;transition:all .15s}.xhs-btn-secondary:hover{background:#f5f5f2;border-color:#c0c0b8}.xhs-btn-ai{color:#7c3aed;cursor:pointer;background:#fff;border:1px solid #7c3aed;border-radius:14px;padding:4px 14px;font-size:12px;font-weight:500;transition:all .15s}.xhs-btn-ai:hover:not(:disabled){background:#f5f0ff}.xhs-btn-ai:disabled{opacity:.5;cursor:default}.xhs-empty{text-align:center;color:var(--muted);padding:40px 20px}.xhs-empty-icon{opacity:.3;margin-bottom:16px;font-size:56px}.xhs-empty-title{color:var(--text);margin-bottom:6px;font-size:15px;font-weight:500}.xhs-empty-desc{color:#c0c0b8;font-size:12px}.xhs-suggestion-item{text-align:left;border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:6px;width:100%;margin-bottom:4px;padding:7px 12px;font-size:12px;transition:all .1s;display:block}.xhs-suggestion-item:hover{background:#fff5f5;border-color:#ff2442}.xhs-textarea{border:1px solid var(--border);resize:vertical;box-sizing:border-box;border-radius:6px;outline:none;width:100%;margin-top:8px;padding:10px 14px;font-family:inherit;font-size:13px;line-height:1.7;transition:border-color .15s}.xhs-textarea:focus{border-color:#ff2442}.xhs-layout-item{cursor:pointer;border:2px solid var(--border);background:#fff;border-radius:8px;padding:5px;transition:all .15s}.xhs-layout-item:hover{box-shadow:var(--shadow);border-color:#c0c0b8;transform:translateY(-1px)}.xhs-layout-item.active{border-color:#ff2442;box-shadow:0 0 0 2px #ff244226}.xhs-layout-item img{border-radius:4px;width:100%;display:block}.xhs-layout-name{color:var(--muted);text-align:center;margin-top:3px;font-size:10px}.xhs-layout-item.active .xhs-layout-name{color:#ff2442;font-weight:600}.xhs-divider{border:none;border-top:1px solid var(--border);margin:16px 0}.xhs-group-card{border:1px solid var(--border);background:#fafaf7;border-radius:10px;padding:14px}.xhs-tag{color:var(--muted);background:#f5f5f0;border-radius:10px;align-items:center;padding:2px 8px;font-size:11px;display:inline-flex}.app-layout{height:100vh;display:flex;overflow:hidden}.side-nav{border-right:1px solid var(--border);background:#fff;flex-direction:column;flex-shrink:0;width:200px;display:flex}.side-nav-brand{color:var(--text);cursor:pointer;letter-spacing:-.01em;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;padding:20px 20px 16px;font-size:16px;font-weight:700;display:flex}.side-nav-brand:before{content:"";background:url(/logo.png) 50%/contain no-repeat;flex-shrink:0;width:32px;height:32px}.side-nav-brand:hover{opacity:.85}.side-nav-links{flex-direction:column;flex:1;gap:2px;padding:0 8px;display:flex;overflow-y:auto}.side-nav-link{width:100%;color:var(--text);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;padding:10px 12px;font-size:13px;transition:all .12s;display:flex}.side-nav-link:hover{background:#f5f5f0}.side-nav-link.active{color:#ff2442;background:#fff0f2;font-weight:600}.nav-icon{text-align:center;flex-shrink:0;width:22px;font-size:16px}.nav-label{flex:1}.nav-arrow{color:var(--muted);flex-shrink:0;font-size:10px}.nav-sub{flex-direction:column;gap:2px;padding:2px 0 4px 44px;display:flex}.nav-sub-link{color:var(--text);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;padding:7px 12px;font-size:12px;transition:background .12s}.nav-sub-link:hover{background:#f5f5f0}.nav-sub-link.active{color:#ff2442;background:#fff0f2}.main-content{background:var(--bg);flex:1;overflow:auto}