.h2s-tool{--tool-border: #e8e8e8;--tool-muted: #6c757d;--tool-soft: #f8f9fa;--tool-danger-soft: #fff5f5}.tool-intro-card,.tool-step-card,.tool-export-card{border:1px solid var(--tool-border);border-radius:12px;background:#fff}.tool-intro-card{padding:20px}.tool-intro-icon{width:48px;height:48px;flex:0 0 48px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:var(--tool-danger-soft);color:var(--bs-danger);font-size:20px}.tool-workflow{overflow-x:auto;padding-bottom:5px}.tool-workflow-track{display:flex;min-width:900px;border:1px solid var(--tool-border);border-radius:10px;overflow:hidden;background:#fff}.tool-step-nav{flex:1;border:0;border-right:1px solid var(--tool-border);padding:12px 8px;background:#fff;display:flex;flex-direction:column;align-items:center;gap:5px;color:#666}.tool-step-nav:last-child{border-right:0}.tool-step-nav:hover{background:#fafafa}.tool-step-nav.active{background:var(--tool-danger-soft);color:var(--bs-danger)}.tool-step-nav.completed .tool-step-number{background:var(--bs-success);color:#fff}.tool-step-number{width:28px;height:28px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-weight:700;background:#eee;color:#555}.tool-step-nav.active .tool-step-number{background:var(--bs-danger);color:#fff}.tool-step-label{font-size:12px;font-weight:600;white-space:nowrap}.tool-step-card{display:none;padding:22px;margin-bottom:20px}.tool-step-card.active{display:block}.tool-step-header{display:flex;justify-content:space-between;gap:15px;margin-bottom:22px;padding-bottom:16px;border-bottom:1px solid var(--tool-border)}.tool-step-badge{display:inline-block;margin-bottom:6px;color:var(--bs-danger);font-size:12px;font-weight:700;text-transform:uppercase}.tool-step-title{margin-bottom:5px;font-size:20px;font-weight:700}.tool-step-description{margin-bottom:0;color:var(--tool-muted)}.tool-form-section{margin-bottom:24px}.tool-form-section-title,.chemical-panel-title{font-weight:700;margin-bottom:14px}.chemical-panel{height:100%;border:1px solid var(--tool-border);border-radius:10px;padding:18px}.tool-action-bar{display:flex;justify-content:flex-end;margin-top:22px;padding-top:18px;border-top:1px solid var(--tool-border)}.tool-step-result{margin-top:22px;padding-top:20px;border-top:1px solid var(--tool-border)}.tool-result-title{font-weight:700;margin-bottom:15px}.result-kpi{height:100%;border:1px solid var(--tool-border);border-radius:10px;padding:14px;background:var(--tool-soft)}.result-kpi span{display:block;color:var(--tool-muted);font-size:12px;margin-bottom:5px}.result-kpi strong{display:block;font-size:22px;line-height:1.2}.result-kpi small{display:block;margin-top:4px;color:var(--tool-muted)}.result-kpi-primary{border-color:#dc354540;background:var(--tool-danger-soft)}.tool-summary-box,.tool-assumption-box{padding:16px;border-radius:10px;background:var(--tool-soft);border:1px solid var(--tool-border)}.summary-label{display:block;color:var(--tool-muted);font-size:12px;margin-bottom:3px}.tool-result-table th{width:45%;background:#f8f9fa}.tool-export-card{padding:18px 20px;display:flex;align-items:center;justify-content:space-between;gap:20px}@media (max-width: 767.98px){.tool-step-card{padding:16px}.tool-export-card{align-items:stretch;flex-direction:column}.tool-export-card>.d-flex{width:100%}.tool-export-card .btn{flex:1}}