.tool-page{max-width:840px;margin:0 auto;padding:32px 24px 48px}.tool-header{margin-bottom:28px}.tool-header h1{font-size:var(--fs-xl);color:var(--text);font-weight:700;font-family:var(--font-display);margin:0 0 6px}.tool-header p{font-size:var(--fs-body);color:var(--text-muted);margin:0}.tool-section{margin-bottom:24px}.tool-section-title{font-size:var(--fs-sm);color:var(--text);margin-bottom:10px;font-weight:600}.tool-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;padding:20px;transition:all .2s}.tool-card:hover{border-color:var(--accent);box-shadow:0 2px 12px #5c6e3d14}.tool-card-header{justify-content:space-between;align-items:flex-start;margin-bottom:8px;display:flex}.tool-card-title{font-size:var(--fs-body);color:var(--text);font-weight:600}.tool-card-badge{font-size:var(--fs-xs);color:var(--accent);background:var(--accent-light);white-space:nowrap;border-radius:100px;padding:2px 10px}.tool-card-desc{font-size:var(--fs-sm);color:var(--text-muted);line-height:1.6}.tool-pills{flex-wrap:wrap;gap:8px;display:flex}.tool-pill{font-size:var(--fs-sm);border:1px solid var(--border);background:var(--white);color:var(--text-muted);cursor:pointer;white-space:nowrap;border-radius:100px;padding:7px 16px;font-weight:500;transition:all .15s}.tool-pill:hover{border-color:var(--accent);color:var(--accent)}.tool-pill--active{border-color:var(--accent);background:var(--accent-light);color:var(--accent)}.tool-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;display:grid}.tool-result{background:var(--surface);border:1px solid var(--border-light);border-radius:var(--radius);margin-top:20px;padding:24px}.tool-diff{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (width<=640px){.tool-diff{grid-template-columns:1fr}}.tool-diff-col{background:var(--white);border:1px solid var(--border-light);border-radius:var(--radius-sm);padding:16px}.tool-diff-label{font-size:var(--fs-xs);color:var(--text-faint);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-weight:600}.tool-diff-note{background:var(--accent-light);border-radius:var(--radius-sm);font-size:var(--fs-sm);color:var(--accent);margin-top:16px;padding:12px 16px;line-height:1.6}.tool-actions{align-items:center;gap:12px;margin-top:24px;display:flex}.tool-hint{font-size:var(--fs-sm);color:var(--text-muted);background:var(--surface);border-radius:var(--radius-sm);margin-bottom:16px;padding:12px 16px}.tool-error{font-size:var(--fs-sm);color:var(--danger);border-radius:var(--radius-sm);background:#fff5f0;border:1px solid #f5d0c0;margin-bottom:16px;padding:12px 16px}.tool-success{font-size:var(--fs-sm);color:var(--accent);background:var(--accent-light);border-radius:var(--radius-sm);margin-bottom:16px;padding:12px 16px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--sand:#e6d7bd;--sand-light:#f2ece0;--surface:#f9f5ed;--white:#fff;--text:#2c241a;--text-muted:#6b6255;--text-faint:#a0988a;--accent:#5c6e3d;--accent-hover:#4b5a30;--accent-light:#f2f6ec;--accent-soft:#e0e8d4;--warn:#c66b3d;--warn-light:#fdf3ec;--danger:#b33a3a;--danger-light:#fdf0f0;--border:#d9cfbc;--border-light:#e8e0d2;--radius-sm:10px;--radius:18px;--radius-lg:24px;--fs-xs:12px;--fs-sm:14px;--fs-body:16px;--fs-md:19px;--fs-lg:23px;--fs-xl:30px;--font-display:"Noto Serif SC", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", serif;--font-body:"PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", system-ui, -apple-system, sans-serif;--shadow:0 1px 3px #2c241a0f;--shadow-md:0 3px 12px #2c241a14;--shadow-lg:0 6px 24px #2c241a1a;--ease:cubic-bezier(.4, 0, .2, 1);--transition-fast:.2s var(--ease);--transition-base:.35s var(--ease);--transition-slow:.5s var(--ease)}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-body);background:var(--sand);color:var(--text);min-height:100dvh;padding-bottom:env(safe-area-inset-bottom,0px);line-height:1.75}#root{min-height:100dvh}body:before{content:"";z-index:9999;pointer-events:none;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='grain'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23grain)'/%3E%3C/svg%3E");position:fixed;inset:0}.app-layout{height:100dvh;display:flex;overflow:hidden}.workflow-progress{background:var(--sand-light);border-bottom:1px solid var(--border-light);z-index:60;align-items:center;gap:0;height:56px;padding:12px 24px;display:flex;position:sticky;top:0}.wf-step{flex:1;align-items:center;gap:0;display:flex;position:relative}.wf-step-dot{width:28px;height:28px;font-size:var(--fs-xs);transition:all var(--transition-slow);border:2px solid var(--border);background:var(--surface);color:var(--text-faint);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;font-weight:600;display:flex}.wf-step.completed .wf-step-dot{background:var(--accent);border-color:var(--accent);color:#fff}.wf-step.current .wf-step-dot{border-color:var(--accent);background:var(--accent-light);color:var(--accent);animation:2.5s ease-in-out infinite breathe}@keyframes breathe{0%,to{box-shadow:0 0 #5c6e3d33}50%{box-shadow:0 0 0 8px #5c6e3d00}}.wf-step-line{background:var(--border-light);height:2px;transition:background .5s var(--ease);border-radius:1px;flex:1;margin:0 6px}.wf-step.completed .wf-step-line{background:var(--accent-soft)}.wf-step:last-child .wf-step-line{display:none}.wf-step-label{white-space:nowrap;color:var(--text-faint);transition:color var(--transition-base);font-size:11px;position:absolute;top:32px;left:50%;transform:translate(-50%)}.wf-step.completed .wf-step-label,.wf-step.current .wf-step-label{color:var(--accent);font-weight:600}.side-nav{background:var(--sand-light);border-right:1px solid var(--border-light);flex-direction:column;flex-shrink:0;width:220px;display:flex}.side-nav-brand{cursor:pointer;padding:16px 16px 8px}.side-nav-logo{width:180px;max-width:100%;height:auto;display:block}.side-nav-brand:before{display:none}.side-nav-desc{font-size:var(--fs-xs);color:var(--text-faint);padding:0 20px 16px;line-height:1.4}.side-nav-links{flex-direction:column;flex:1;gap:2px;padding:0 10px;display:flex;overflow-y:auto}.side-nav-section{text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint);padding:16px 10px 4px;font-size:11px;font-weight:600}.side-nav-link{border-radius:var(--radius-sm);width:100%;color:var(--text);font-size:var(--fs-sm);cursor:pointer;transition:all var(--transition-fast);text-align:left;background:0 0;border:none;align-items:center;gap:10px;padding:10px 12px;font-family:inherit;display:flex}.side-nav-link:hover{background:var(--accent-light);color:var(--accent)}.side-nav-link.active{background:var(--accent-light);color:var(--accent);font-weight:600}.nav-icon{border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:13px;display:flex}.nav-badge{background:var(--accent-soft);color:var(--accent);border-radius:10px;margin-left:auto;padding:2px 8px;font-size:10px;font-weight:600}.nav-icon--polish{color:var(--accent);background:#f2f6ec}.nav-icon--skeleton{color:var(--warn);background:#f5f0e6}.nav-icon--quickgen{color:#4a5fa8;background:#edf0f8}.nav-icon--compliance{color:#b33a3a;background:#fdf0f0}.nav-icon--write{color:#ff2442;background:#fff0f0}.main-content{background:var(--sand);flex:1;overflow:auto}.page-title{font-family:var(--font-display);font-size:var(--fs-xl);color:var(--text);letter-spacing:-.02em;font-weight:700;line-height:1.3}.section-title{font-size:var(--fs-md);color:var(--text);letter-spacing:-.01em;font-weight:600}.body-text{font-size:var(--fs-body);color:var(--text);line-height:1.7}.meta-text{font-size:var(--fs-xs);color:var(--text-faint)}.card{background:var(--surface);border:1px solid var(--border-light);border-radius:var(--radius);box-shadow:var(--shadow);transition:all var(--transition-base);padding:20px}.card:hover{box-shadow:var(--shadow-md);border-color:var(--border)}.card.clickable{cursor:pointer}.card.clickable:hover{box-shadow:var(--shadow-lg);border-color:var(--accent-soft);transform:translateY(-2px)}.btn-primary{border-radius:var(--radius-sm);font-size:var(--fs-body);cursor:pointer;background:var(--accent);color:#fff;transition:all var(--transition-base);border:none;justify-content:center;align-items:center;gap:8px;padding:11px 24px;font-family:inherit;font-weight:600;display:inline-flex}.btn-primary:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 2px 12px #5c6e3d40}.btn-primary:disabled{background:var(--border);color:var(--text-faint);cursor:not-allowed;transform:none}.btn-secondary{border:1px solid var(--border);border-radius:var(--radius-sm);font-size:var(--fs-sm);cursor:pointer;background:var(--surface);color:var(--text);transition:all var(--transition-base);justify-content:center;align-items:center;gap:6px;padding:10px 20px;font-family:inherit;font-weight:500;display:inline-flex}.btn-secondary:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-light)}.btn-ghost{border-radius:var(--radius-sm);font-size:var(--fs-sm);cursor:pointer;color:var(--text-muted);transition:all var(--transition-fast);background:0 0;border:none;padding:8px 14px;font-family:inherit}.btn-ghost:hover{background:var(--accent-light);color:var(--accent)}.input{border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;font-size:var(--fs-body);color:var(--text);background:var(--white);transition:border-color .2s var(--ease), box-shadow .2s var(--ease);outline:none;padding:12px 16px;font-family:inherit}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #5c6e3d1a}.input::placeholder{color:var(--text-faint)}.textarea{border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;font-size:var(--fs-body);color:var(--text);background:var(--white);resize:vertical;transition:border-color .2s var(--ease), box-shadow .2s var(--ease);outline:none;padding:14px 16px;font-family:inherit;line-height:1.7}.textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #5c6e3d1a}.textarea::placeholder{color:var(--text-faint)}.pill-row{flex-wrap:wrap;gap:6px;display:flex}.pill{border:1px solid var(--border);font-size:var(--fs-xs);background:var(--surface);color:var(--text-muted);cursor:pointer;transition:all var(--transition-base);white-space:nowrap;border-radius:20px;padding:6px 14px;font-family:inherit;font-weight:500}.pill:hover{border-color:var(--accent-soft);background:var(--accent-light);color:var(--accent)}.pill.on{border-color:var(--accent);background:var(--accent-light);color:var(--accent);font-weight:600}.pill:disabled{opacity:.4;cursor:not-allowed}.tag{background:var(--accent-light);color:var(--accent);font-size:var(--fs-xs);border-radius:12px;align-items:center;padding:3px 10px;font-weight:500;display:inline-flex}.tag.warn{background:var(--warn-light);color:var(--warn)}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:80px 20px;display:flex}.empty-state-icon{background:var(--accent-light);width:64px;height:64px;color:var(--accent);border-radius:20px;justify-content:center;align-items:center;font-size:28px;display:flex}.empty-state-title{font-size:var(--fs-lg);color:var(--text);font-weight:600}.empty-state-desc{font-size:var(--fs-body);color:var(--text-muted);max-width:400px;line-height:1.6}.spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-pulse{border-radius:var(--radius);background:var(--accent);width:40px;height:40px;animation:1.5s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:.35;transform:scale(.95)}50%{opacity:.7;transform:scale(1.05)}}.error-banner{background:var(--danger-light);border-radius:var(--radius-sm);color:var(--danger);font-size:var(--fs-sm);border:1px solid #b33a3a33;align-items:center;gap:12px;padding:12px 18px;display:flex}.scrim{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#2c241a4d}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-faint)}::selection{background:var(--accent-soft);color:var(--accent)}@media (width<=768px){.side-nav{width:56px}.side-nav-brand{padding:10px 6px}.side-nav-logo{width:40px}.side-nav-desc,.side-nav-section,.nav-label{display:none}.side-nav-link{justify-content:center;padding:12px 8px}.nav-badge{display:none}.workflow-progress{gap:2px;height:48px;padding:8px 10px}.wf-step-label{display:none}.wf-step-dot{border-radius:11px;width:22px;height:22px;font-size:10px}.bottom-tab-bar{height:calc(56px + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);background:var(--surface);border-top:1px solid var(--border-light);z-index:100;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -1px 6px #2c241a0a}.bottom-tab{color:var(--text-faint);cursor:pointer;transition:color var(--transition-fast);-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;font-family:inherit;font-size:10px;font-weight:500;display:flex}.bottom-tab.active{color:var(--accent);font-weight:600}.bottom-tab-icon{font-size:20px;line-height:1}.main-content{padding-bottom:calc(56px + env(safe-area-inset-bottom,0px))}.scene-body{height:calc(100dvh - 48px - 56px - env(safe-area-inset-bottom,0px));flex-direction:column}.scene-controls{border-right:none;border-bottom:1px solid var(--border-light);flex-shrink:0;width:100%;max-height:45%;padding:14px 12px}.scene-result{padding:20px 16px}.home{padding:40px 16px 80px}.home-hero h1{font-size:26px}.home-hero .subtitle{font-size:var(--fs-sm)}.home-card{gap:12px;padding:16px}.home-card-icon{width:40px;height:40px;font-size:20px}.home-card-name{font-size:var(--fs-body)}.lab{padding:24px 14px 80px}.lab-grid{grid-template-columns:1fr;gap:10px}:root{--fs-xl:24px;--fs-lg:19px;--fs-md:17px}.btn-primary,.btn-secondary{min-height:44px;padding:12px 20px}.pill{min-height:36px}}@media (width>=769px){.bottom-tab-bar{display:none!important}}@media (width<=768px){.creator-write{padding:20px 14px 80px!important}.creator-write h1{font-size:var(--fs-lg)!important}.creator-write>div:first-of-type>p{font-size:var(--fs-sm)!important}.creator-write textarea{min-height:180px!important;padding:16px!important;font-size:16px!important}.creator-write .material-tags{gap:4px!important;padding:6px 10px!important}.creator-write .nudge-bar{flex-wrap:wrap;gap:8px}.creator-write .generate-btn-wrap button{max-width:100%!important}.creator-write .result-variants-grid{grid-template-columns:1fr!important}.creator-write .action-bar{flex-direction:column}.creator-write .action-bar button{width:100%}.creator-write .title-list button{padding:8px 10px!important}}.home{max-width:720px;margin:0 auto;padding:80px 24px}.home-hero{text-align:center;margin-bottom:56px}.home-hero h1{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text);margin-bottom:14px;font-size:36px;font-weight:700;line-height:1.35}.home-hero .subtitle{font-size:var(--fs-body);color:var(--text-muted);max-width:440px;margin:0 auto;line-height:1.6}.home-grid{flex-direction:column;gap:10px;display:flex}.home-card{background:var(--surface);border:1px solid var(--border-light);border-radius:var(--radius);width:100%;box-shadow:var(--shadow);cursor:pointer;transition:all var(--transition-base);text-align:left;color:var(--text);align-items:center;gap:18px;padding:22px 24px;font-family:inherit;display:flex}.home-card:hover{border-color:var(--accent-soft);box-shadow:var(--shadow-md);transform:translate(4px)}.home-card-icon{border-radius:var(--radius-sm);background:var(--accent-light);flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:24px;display:flex}.home-card-info{flex:1}.home-card-name{font-size:var(--fs-md);margin-bottom:2px;font-weight:600}.home-card-desc{font-size:var(--fs-sm);color:var(--text-muted)}.home-card-meta{font-size:var(--fs-xs);color:var(--text-faint);transition:transform .2s var(--ease);flex-shrink:0;align-items:center;gap:4px;display:flex}.home-card:hover .home-card-meta{color:var(--accent);transform:translate(2px)}.home-footer{text-align:center;font-size:var(--fs-xs);color:var(--text-faint);margin-top:48px}.scene-page{flex-direction:column;min-height:100vh;display:flex}.scene-header{background:var(--surface);border-bottom:1px solid var(--border-light);z-index:50;align-items:center;gap:16px;height:56px;padding:0 20px;display:flex;position:sticky;top:0}.lab{max-width:840px;margin:0 auto;padding:40px 24px 80px}.lab-stage-title{font-family:var(--font-display);font-size:var(--fs-xl);color:var(--text);margin-bottom:6px;font-weight:700}.lab-stage-desc{font-size:var(--fs-body);color:var(--text-muted);margin-bottom:32px;line-height:1.5}.lab-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;margin-bottom:32px;display:grid}.lab-card{background:var(--surface);border:1px solid var(--border-light);border-radius:var(--radius);box-shadow:var(--shadow);cursor:pointer;transition:all var(--transition-base);padding:20px}.lab-card:hover{border-color:var(--accent-soft);box-shadow:var(--shadow-md);transform:translateY(-2px)}.lab-card.selected{border-color:var(--accent);box-shadow:0 0 0 3px #5c6e3d1a}.lab-card-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.lab-card-title{font-size:var(--fs-body);font-weight:600}.lab-card-badge{background:var(--accent-light);color:var(--accent);border-radius:10px;padding:2px 8px;font-size:10px;font-weight:600}.lab-card-desc{font-size:var(--fs-xs);color:var(--text-muted);line-height:1.5}.passage-list{flex-direction:column;gap:20px;margin-bottom:32px;display:flex}.passage-card{background:var(--surface);border:1px solid var(--border-light);border-radius:var(--radius);transition:border-color .2s var(--ease);padding:20px}.passage-card:focus-within{border-color:var(--accent-soft)}.passage-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.passage-label{font-size:var(--fs-sm);align-items:center;gap:10px;font-weight:600;display:flex}.passage-number{background:var(--accent-light);width:24px;height:24px;color:var(--accent);font-size:var(--fs-xs);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.passage-direction{font-size:var(--fs-sm);color:var(--text-muted);margin-bottom:12px;padding-left:34px;line-height:1.5}.passage-textarea{border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;min-height:80px;font-size:var(--fs-body);color:var(--text);background:var(--sand-light);resize:vertical;transition:border-color .2s var(--ease), background .2s var(--ease);outline:none;padding:12px 14px;font-family:inherit;line-height:1.7}.passage-textarea:focus{border-color:var(--accent);background:var(--white);box-shadow:0 0 0 3px #5c6e3d14}.passage-textarea::placeholder{color:var(--text-faint)}.passage-hint{font-size:var(--fs-xs);color:var(--text-faint);margin-top:6px;padding-left:34px}.diff-card{background:var(--surface);border:1px solid var(--border-light);border-radius:var(--radius);margin-bottom:14px;overflow:hidden}.diff-header{background:var(--accent-light);border-bottom:1px solid var(--accent-soft);font-size:var(--fs-xs);color:var(--accent);justify-content:space-between;align-items:center;padding:12px 16px;font-weight:600;display:flex}.diff-body{grid-template-columns:1fr 1fr;gap:0;display:grid}.diff-col{font-size:var(--fs-sm);padding:14px 16px;line-height:1.6}.diff-col:first-child{background:var(--sand-light);border-right:1px solid var(--border-light)}.diff-col-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-faint);margin-bottom:8px;font-size:11px;font-weight:600}.diff-note{background:var(--accent-light);border-top:1px solid var(--accent-soft);font-size:var(--fs-xs);color:var(--text-muted);padding:10px 16px;line-height:1.5}.btn-retract{border:1px solid var(--border);font-size:var(--fs-xs);cursor:pointer;background:var(--surface);color:var(--text-muted);transition:all var(--transition-fast);border-radius:14px;padding:4px 12px;font-family:inherit}.btn-retract:hover{border-color:var(--warn);color:var(--warn)}.stage-actions{border-top:1px solid var(--border-light);justify-content:space-between;align-items:center;margin-top:8px;padding-top:24px;display:flex}.xhs-section-title{font-size:var(--fs-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px;font-weight:600}.xhs-card{background:var(--surface);border:1px solid var(--border-light);border-radius:var(--radius);box-shadow:var(--shadow)}.xhs-pill{font-size:var(--fs-xs);border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;transition:all var(--transition-fast);border-radius:14px;padding:5px 14px}.xhs-pill:hover{border-color:var(--accent-soft)}.xhs-pill.active{background:var(--accent);color:#fff;border-color:var(--accent)}.xhs-btn-primary{width:100%;font-size:var(--fs-sm);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-base);background:var(--accent);color:#fff;border:none;padding:11px 0;font-family:inherit;font-weight:600}.xhs-btn-primary:hover:not(:disabled){background:var(--accent-hover)}.xhs-btn-primary:disabled{background:var(--border);color:var(--text-faint);cursor:not-allowed}.xhs-input{border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;font-size:var(--fs-sm);background:var(--white);transition:border-color .2s var(--ease), box-shadow .2s var(--ease);outline:none;padding:10px 14px}.xhs-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #5c6e3d1a}.xhs-textarea{border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;font-size:var(--fs-sm);resize:vertical;transition:border-color .2s var(--ease);outline:none;padding:10px 14px;font-family:inherit;line-height:1.7}.xhs-textarea:focus{border-color:var(--accent)}.xhs-empty{text-align:center;color:var(--text-muted);padding:60px 20px}.xhs-btn-ai{font-size:var(--fs-xs);border:1px solid var(--accent-soft);background:var(--surface);color:var(--accent);cursor:pointer;transition:all var(--transition-fast);border-radius:14px;padding:5px 14px;font-family:inherit;font-weight:500}.xhs-btn-ai:hover:not(:disabled){background:var(--accent-light)}.xhs-btn-ai:disabled{opacity:.5;cursor:not-allowed}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-8{gap:8px}.gap-12{gap:12px}.gap-16{gap:16px}.gap-20{gap:20px}.mt-16{margin-top:16px}.mt-24{margin-top:24px}.mb-16{margin-bottom:16px}.mb-24{margin-bottom:24px}.scene-body{flex:1;height:calc(100vh - 56px);display:flex;overflow:hidden}.scene-controls{border-right:1px solid var(--border-light);background:var(--surface);flex-direction:column;flex-shrink:0;gap:16px;width:340px;padding:20px 18px;display:flex;overflow-y:auto}.scene-result{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;padding:40px;display:flex;overflow-y:auto}.result-empty{color:var(--text-muted);flex-direction:column;align-items:center;gap:12px;display:flex}.empty-icon{color:var(--text-faint);font-size:56px}.empty-title{font-size:var(--fs-lg);color:var(--text);font-weight:600}.empty-sub{font-size:var(--fs-sm);color:var(--text-muted)}.result-image{border-radius:var(--radius);max-width:100%;max-height:520px;box-shadow:var(--shadow-md)}