:root{--bg:#f6f5f1;--surface:#fffefa;--surface-soft:#f1f0ec;--ink:#1a1a1e;--muted:#6b6f76;--faint:#9b9890;--line:#e5e3de;--line-strong:#d4d1ca;--accent:#635bff;--accent-dark:#4b44e0;--accent-soft:#f0eeff;--amber:#d97706;--amber-soft:#fef3e2;--rose:#dc2626;--rose-soft:#fff1f2;--blue:#2563eb;--radius-lg:16px;--radius-md:12px;--radius-sm:9px;--shadow-sm:0 1px 2px #1112140a;--shadow-md:0 6px 24px #1112140f;--shadow-lg:0 12px 40px #11121414;--sans:"Inter", "Aptos", "Microsoft YaHei UI", "Microsoft YaHei", system-ui, sans-serif;--mono:"Cascadia Code", "Fira Code", Consolas, monospace}[data-theme=dark]{--bg:#12121a;--surface:#1e1e28;--surface-soft:#282834;--ink:#e8e8ee;--muted:#9898a8;--faint:#6a6a7e;--line:#33334a;--line-strong:#44445e;--accent:#7c75ff;--accent-dark:#6b64f0;--accent-soft:#2a2850;--amber:#f59e0b;--amber-soft:#3a2a10;--rose:#ef4444;--rose-soft:#3a1518;--blue:#3b82f6;--shadow-sm:0 1px 2px #0003;--shadow-md:0 6px 24px #0000004d;--shadow-lg:0 12px 40px #0006}[data-theme=dark] .status-card.warning{border-color:#5a4520}[data-theme=dark] .status-card.error,[data-theme=dark] .status-bar.error{border-color:#5a2020}[data-theme=dark] .button.primary{box-shadow:0 2px 8px #7c75ff40}[data-theme=dark] .button.primary:hover:not(:disabled){box-shadow:0 4px 14px #7c75ff59}*{box-sizing:border-box}html{background:var(--bg);min-height:100%}body{min-height:100vh;color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0}@keyframes fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}button,input,select,textarea{font:inherit}button{border:0}a{color:inherit}.app-shell{width:100%;max-width:760px;margin:0 auto;padding:56px 24px 72px;animation:.4s ease-out fade-in}.masthead{margin-bottom:32px}.eyebrow{color:var(--accent);letter-spacing:.16em;text-transform:uppercase;margin:0 0 12px;font-size:.72rem;font-weight:700}.masthead h1{letter-spacing:-.025em;margin:0;font-size:clamp(1.7rem,4vw,2.5rem);font-weight:700;line-height:1.12}.hero-copy{max-width:620px;color:var(--muted);margin:14px 0 0;font-size:.95rem;line-height:1.65}.stepper{flex-wrap:wrap;gap:6px;margin-bottom:24px;padding-bottom:4px;display:flex}.step-node{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);cursor:pointer;text-align:left;border-left:3px solid #0000;flex:auto;align-items:center;gap:10px;min-width:0;padding:12px 14px;transition:border-color .15s,background .15s,box-shadow .15s;display:flex}.step-node:hover{border-color:var(--line-strong)}.step-node.done{border-left-color:var(--accent)}.step-node.active{border-color:var(--accent);border-left-color:var(--accent);background:var(--accent-soft);box-shadow:var(--shadow-sm)}.step-dot{background:var(--surface-soft);width:26px;height:26px;color:var(--muted);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;font-size:.82rem;font-weight:700;display:inline-flex}.step-node.active .step-dot,.step-node.done .step-dot{background:var(--accent);color:#fff}.step-text{flex-direction:column;gap:2px;min-width:0;display:flex}.step-title{font-size:.9rem;font-weight:700}.step-caption{color:var(--faint);text-overflow:ellipsis;white-space:nowrap;font-size:.74rem;overflow:hidden}.step-node.active .step-caption{color:var(--muted)}.stage{border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:var(--radius-lg);background:linear-gradient(180deg, var(--surface) 0%, var(--surface-soft) 100%);box-shadow:var(--shadow-lg);padding:28px}.stage-head{border-bottom:1px solid var(--line);margin-bottom:22px;padding-bottom:18px}.stage-index{color:var(--accent);letter-spacing:.08em;margin:0 0 6px;font-size:.74rem;font-weight:700}.stage-head h2{letter-spacing:-.02em;margin:0;font-size:1.4rem;font-weight:700}.stage-caption{color:var(--muted);margin:6px 0 0;font-size:.9rem}.form-grid{gap:18px;display:grid}.field{gap:7px;display:grid}.field span,.field-label{color:var(--ink);font-size:.85rem;font-weight:600}.field input,.field select,.field textarea,.json-editor,.answer-box{border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface);width:100%;color:var(--ink);outline:none;transition:border-color .15s,box-shadow .15s}.field input,.field select{min-height:42px;padding:0 12px}.field textarea,.json-editor,.answer-box{resize:vertical;min-height:120px;padding:12px;line-height:1.6}.json-editor{min-height:320px;font-family:var(--mono);font-size:.82rem}.field input:focus,.field select:focus,.field textarea:focus,.json-editor:focus,.answer-box:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.field input::placeholder,.field textarea::placeholder{color:var(--faint)}.inline-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.toggle{color:var(--ink);align-items:center;gap:8px;font-size:.88rem;font-weight:500;display:inline-flex}.toggle input{width:17px;height:17px;accent-color:var(--accent)}.button{border-radius:var(--radius-sm);background:var(--surface-soft);min-height:42px;color:var(--ink);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;padding:0 18px;font-size:.9rem;font-weight:600;transition:background .15s,border-color .15s,opacity .15s,transform .15s,box-shadow .15s;display:inline-flex}.button:hover:not(:disabled){background:var(--line);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.button:disabled{cursor:not-allowed;opacity:.4}.button.primary{background:var(--accent);color:#fff;box-shadow:0 2px 8px #635bff33}.button.primary:hover:not(:disabled){background:var(--accent-dark);box-shadow:0 4px 14px #635bff4d}.button.amber{background:var(--amber);color:#fff}.button.amber:hover:not(:disabled){filter:brightness(.94);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.button.ghost{background:var(--surface);border-color:var(--line-strong)}.button.ghost:hover:not(:disabled){background:var(--surface-soft);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.drop-zone{border:2px dashed var(--line-strong);border-radius:var(--radius-md);background:var(--surface-soft);gap:10px;padding:16px;transition:border-color .2s,background .2s;display:grid}.drop-zone:hover{border-color:var(--accent);background:var(--accent-soft)}.drop-zone input{background:0 0;border:0;min-height:auto;padding:0}.media-list{gap:10px;display:grid}.media-item{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface-soft);grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px;display:grid}.media-thumb{border-radius:var(--radius-sm);background:var(--line);width:48px;height:48px;overflow:hidden}.media-thumb img,.media-thumb video{object-fit:cover;width:100%;height:100%}.media-title{text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:.88rem;font-weight:600;overflow:hidden}.media-meta,.hint,.status-line{color:var(--muted);font-size:.82rem;line-height:1.55}.hint{color:var(--faint)}.status-card{border:1px solid var(--line);border-left:3px solid var(--muted);border-radius:var(--radius-md);background:var(--surface-soft);padding:14px 16px}.status-card.warning{border-color:#f1d5a8;border-left-color:var(--amber);background:var(--amber-soft)}.status-card.error{border-color:#f3c2c2;border-left-color:var(--rose);background:var(--rose-soft)}.status-card.warning .status-line{color:var(--amber)}.question-card{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface-soft);gap:12px;padding:16px;display:grid}.question-title{margin:0;font-size:1.05rem;font-weight:600;line-height:1.5}.multi-select-tag{background:var(--accent-soft);color:var(--accent);vertical-align:middle;border-radius:999px;margin-left:8px;padding:2px 8px;font-size:.72rem;font-weight:700;display:inline-block}.choice-list{gap:8px;display:grid}.choice-button{border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface);width:100%;color:var(--ink);cursor:pointer;text-align:left;gap:4px;padding:12px 14px;transition:border-color .15s,background .15s,box-shadow .15s;display:grid}.choice-button:hover{border-color:var(--accent)}.choice-button.selected{border-color:var(--accent);background:var(--accent-soft);box-shadow:0 0 0 3px var(--accent-soft)}.choice-button strong{font-size:.92rem;font-weight:600}.choice-button span{color:var(--muted);font-size:.82rem;line-height:1.45}.card-preview{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface-soft);grid-template-columns:80px minmax(0,1fr);align-items:center;gap:16px;padding:18px;display:grid}.avatar-preview{border:1px solid var(--line-strong);border-radius:var(--radius-md);background:var(--surface);width:80px;height:80px;overflow:hidden}.avatar-preview img{object-fit:cover;width:100%;height:100%}.card-preview h3{margin:0 0 6px;font-size:1.1rem;font-weight:700}.card-preview p{color:var(--muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:.88rem;line-height:1.5;display:-webkit-box;overflow:hidden}.share-box{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface-soft);word-break:break-all;gap:8px;padding:14px;display:grid}.share-box a{color:var(--blue);font-weight:600}.history-panel{border-top:1px solid var(--line);gap:12px;margin-top:4px;padding-top:18px;display:grid}.history-panel h3{margin:0;font-size:1rem;font-weight:700}.history-list{gap:10px;max-height:420px;display:grid;overflow:auto}.history-item{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);grid-template-columns:48px minmax(0,1fr);gap:12px;padding:12px;display:grid}.history-thumb{border-radius:var(--radius-sm);background:var(--line);width:48px;height:48px;overflow:hidden}.history-thumb img{object-fit:cover;width:100%;height:100%}.history-desc{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:4px 0 0;font-size:.8rem;line-height:1.45;display:-webkit-box;overflow:hidden}.history-actions{grid-column:1/-1;gap:8px;display:flex}.history-actions .button{min-height:34px;padding:0 14px;font-size:.82rem}.step-pill{background:var(--surface-soft);color:var(--muted);border-radius:999px;align-items:center;padding:4px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.panel-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.status-bar{border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:var(--radius-md);background:linear-gradient(135deg, var(--surface-soft) 0%, var(--surface) 100%);margin-bottom:22px;padding:12px 16px}.status-bar.error{border-color:#f3c2c2;border-left-color:var(--rose);background:linear-gradient(135deg, var(--rose-soft) 0%, var(--surface) 100%)}.status-bar.error .status-line{color:var(--rose)}.stage-nav{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;margin-top:16px;padding-top:18px;display:flex}.stage-nav .button{min-width:104px}.stage-nav-hint{color:var(--faint);font-size:.82rem;font-weight:500}.footer-note{color:var(--faint);text-align:center;margin:24px auto 0;font-size:.8rem;line-height:1.6}.theme-toggle{border:1px solid var(--line);background:var(--surface);width:36px;height:36px;color:var(--ink);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;padding:0;font-size:1.1rem;transition:background .15s,border-color .15s,transform .15s;display:inline-flex}.theme-toggle:hover{background:var(--surface-soft);border-color:var(--line-strong);transform:scale(1.08)}.masthead{position:relative}.masthead .theme-toggle{position:absolute;top:0;right:0}@media (max-width:640px){.app-shell{padding:24px 16px 48px}.stage{padding:20px}.step-node{gap:6px;padding:10px 8px}.step-caption{display:none}.step-dot{width:22px;height:22px;font-size:.74rem}.step-title{font-size:.82rem}.inline-row{flex-direction:column;align-items:stretch}.inline-row .button,.inline-row .toggle{width:100%}.toggle{justify-content:flex-start}.media-item,.card-preview{grid-template-columns:48px minmax(0,1fr)}.stage-nav-hint{display:none}.stage-nav .button{flex:1}}