:root{--primary: #ff6b00;--primary-dark: #c45800;--text-primary: #1a1a18;--text-secondary: #8a8a82;--text-tertiary: #b0b0a8;--bg: #fdfcf9;--bg-secondary: #f9f7f2;--card: #fff;--border: #e8e7e2;--border-light: #f0efea;--accent-light: #fff3eb;--radius: 14px;--radius-sm: 8px;--font-headline: "Instrument Serif", Georgia, serif;--font-body: "DM Sans", -apple-system, sans-serif}.tool-wrap{max-width:660px;margin:0 auto;padding:40px 24px 80px}.tool-badge{display:inline-block;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.1em;color:var(--text-secondary);margin-bottom:12px}.tool-title{font-family:var(--font-headline);font-size:32px;font-weight:400;color:var(--text-primary);line-height:1.15;margin-bottom:10px}.tool-subtitle{font-size:15px;line-height:1.6;color:var(--text-secondary);max-width:480px;margin-bottom:40px}.tool-layout{display:flex;gap:40px;max-width:1200px;margin:0 auto;padding:40px 24px 80px;align-items:flex-start}.tool-layout .tool-wrap{flex:1;max-width:640px;margin:0;padding:0}.sample-aside{flex:1;max-width:520px;position:sticky;top:88px}.sample-header{margin-bottom:12px}.sample-label{font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.1em;color:var(--text-secondary)}.sample-sub{font-size:13px;color:var(--text-tertiary);margin-top:2px}.sample-preview{opacity:.85}@media (max-width: 900px){.tool-layout{flex-direction:column;gap:32px}.sample-aside{position:static;max-width:100%}}.progress-bar{display:flex;align-items:center;margin-bottom:36px}.progress-step{display:flex;align-items:center;gap:8px}.progress-dot{width:28px;height:28px;border-radius:50%;background:var(--border);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:500;color:var(--text-secondary);transition:all .3s;flex-shrink:0}.progress-dot.active,.progress-dot.done{background:var(--primary);color:#fff}.progress-dot.done{cursor:pointer}.progress-label{font-size:12px;font-weight:500;color:var(--text-tertiary)}.progress-label.active{color:var(--text-primary)}.progress-line{width:32px;height:1px;background:var(--border);margin:0 4px}.progress-line.active{background:var(--primary)}.step{display:none}.step.active{display:block;animation:fadeUp .35s ease-out}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.step-title{font-family:var(--font-headline);font-size:22px;font-weight:400;margin-bottom:6px}.step-desc{font-size:14px;color:var(--text-secondary);margin-bottom:28px}.field{margin-bottom:20px}.field label{display:block;font-size:13px;font-weight:500;color:var(--text-primary);margin-bottom:6px}.field .req{color:var(--primary)}.field .opt{font-weight:400;color:var(--text-tertiary)}.field input,.field textarea{width:100%;padding:12px 14px;font-size:14px;font-family:var(--font-body);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--card);color:var(--text-primary);outline:none;transition:border-color .2s}.field input:focus,.field textarea:focus{border-color:var(--primary)}.field textarea{resize:vertical;line-height:1.5}.acc-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:20px;margin-bottom:16px}.acc-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.acc-num{font-size:12px;font-weight:500;color:var(--text-tertiary)}.acc-remove{width:24px;height:24px;border-radius:50%;border:none;background:var(--bg-secondary);color:var(--text-secondary);font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center}.acc-remove:hover{background:var(--border)}.dim-row{display:flex;flex-wrap:wrap;gap:6px}.dim-chip{padding:6px 12px;font-size:12px;font-weight:500;font-family:var(--font-body);border:1px solid var(--border);border-radius:20px;background:var(--bg);color:var(--text-secondary);cursor:pointer;transition:all .15s}.dim-chip:hover{border-color:var(--text-secondary)}.dim-chip.active{background:var(--primary);color:#fff;border-color:var(--primary)}.add-btn{width:100%;padding:14px;font-size:13px;font-weight:500;font-family:var(--font-body);border:1px dashed var(--border);border-radius:var(--radius);background:transparent;color:var(--text-secondary);cursor:pointer}.add-btn:hover{border-color:var(--text-secondary)}.skill-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.skill-card{position:relative;padding:14px 16px;border:1px solid var(--border);border-radius:10px;background:var(--card);cursor:pointer;text-align:left;font-family:var(--font-body);transition:all .15s}.skill-card:hover{border-color:var(--text-secondary)}.skill-card.active{border-color:var(--primary);background:var(--accent-light)}.skill-name{font-size:13px;font-weight:500;color:var(--text-primary)}.skill-desc{font-size:11px;color:var(--text-secondary);margin-top:2px;display:block}.skill-badge{font-size:10px;font-weight:500;color:var(--primary);background:var(--accent-light);padding:2px 6px;border-radius:10px;float:right}.preview{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:32px;margin-bottom:20px}.preview-title{font-family:var(--font-headline);font-size:20px;font-weight:400;margin-bottom:8px}.preview-role{font-size:15px;font-weight:500}.preview-company{font-size:15px;color:var(--text-secondary)}.preview-period{font-size:13px;color:var(--text-tertiary)}.preview-divider{height:1px;background:var(--border-light);margin:20px 0}.preview-section-label{font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.1em;color:var(--text-secondary);margin-bottom:14px}.preview-acc{display:flex;gap:14px;margin-bottom:18px}.preview-acc-num{width:24px;height:24px;border-radius:50%;background:var(--bg-secondary);font-size:11px;font-weight:500;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.preview-acc-what{font-size:14px;line-height:1.55;margin-bottom:4px}.preview-acc-impact{font-size:13px;color:var(--text-secondary);font-style:italic;margin-bottom:6px}.preview-acc-dim{display:inline-block;font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.08em;color:var(--primary);background:var(--accent-light);padding:3px 8px;border-radius:4px}.preview-skills{display:flex;flex-wrap:wrap;gap:8px}.preview-skill-tag{padding:5px 12px;font-size:12px;font-weight:500;background:var(--accent-light);color:var(--primary);border-radius:4px}.shape-row{display:flex;align-items:center;gap:12px;margin-bottom:8px}.shape-label{width:100px;font-size:12px;font-weight:500;color:var(--text-secondary);text-align:right;flex-shrink:0}.shape-track{flex:1;height:6px;background:var(--bg-secondary);border-radius:3px;overflow:hidden}.shape-fill{height:100%;background:var(--primary);border-radius:3px;min-width:6px;transition:width .6s}.shape-count{width:20px;font-size:12px;font-weight:500;color:var(--text-primary);text-align:right}.nav-row{display:flex;align-items:center;margin-bottom:48px}.back-btn{padding:10px 18px;font-size:13px;font-weight:500;font-family:var(--font-body);background:transparent;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer}.back-btn:hover{border-color:var(--text-secondary)}.next-btn{padding:12px 24px;font-size:14px;font-weight:500;font-family:var(--font-body);background:var(--primary);color:#fff;border:none;border-radius:var(--radius-sm);cursor:pointer}.next-btn:hover{background:var(--primary-dark)}.next-btn:disabled{opacity:.35;cursor:not-allowed}.copy-btn{flex:1;padding:14px 20px;font-size:14px;font-weight:500;font-family:var(--font-body);background:var(--primary);color:#fff;border:none;border-radius:10px;cursor:pointer}.copy-btn:hover{background:var(--primary-dark)}.copy-btn.done{background:#2d7a4d}.cta-card{background:var(--text-primary);border-radius:var(--radius);padding:28px}.cta-card p{font-size:15px;line-height:1.6;color:var(--text-tertiary);margin-bottom:6px}.cta-card .cta-bold{font-family:var(--font-headline);font-size:22px;color:#fff;margin:8px 0 20px}.cta-card a{display:inline-block;padding:12px 24px;font-size:13px;font-weight:500;background:#fff;color:var(--text-primary);border-radius:var(--radius-sm);text-decoration:none}.cta-card a:hover{opacity:.9}.cta-card .coming-soon-inline{display:inline-block;padding:12px 24px;font-size:13px;font-weight:500;background:#fff;color:var(--text-primary);border-radius:var(--radius-sm);opacity:.85;cursor:default}@media (max-width: 600px){.skill-grid{grid-template-columns:1fr}.progress-label{display:none}}