.wrap{font-family:var(--font-sans,sans-serif);margin:0 auto;max-width:940px;padding:2rem 1.5rem 1.5rem}h1{color:var(--color-text-primary);font-size:26px;font-weight:500;line-height:1.2;margin-bottom:4px}h1 em{color:#ee8744;font-style:normal}.sub{color:var(--color-text-secondary);font-size:13px;margin-bottom:1.5rem}.tabs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:2rem}.tab-btn{background:transparent;border:1.5px solid var(--color-border-secondary);border-radius:20px;color:var(--color-text-secondary);cursor:pointer;font-family:inherit;font-size:13px;font-weight:500;padding:6px 16px;transition:all .2s}.tab-btn:hover{color:var(--color-text-primary)}.tab-btn.active{background:#ee8744;border-color:#ee8744;color:#fff}.panel{display:none}.panel.visible{display:block}.actor-row{gap:8px;margin-bottom:1.2rem}.actor-icon,.actor-row{align-items:center;display:flex}.actor-icon{background:var(--color-background-secondary);border:1.5px solid var(--color-border-secondary);border-radius:50%;height:36px;justify-content:center;width:36px}.section-label{align-items:center;color:var(--color-text-secondary);display:flex;font-size:11px;font-weight:500;gap:8px;letter-spacing:.04em;margin-bottom:10px;text-transform:uppercase}.section-label:after{background:var(--color-border-tertiary);content:"";flex:1;height:1px}.flow-row{align-items:center;display:flex;height:64px;position:relative}.row-label{color:var(--color-text-secondary);flex-shrink:0;font-size:10px;font-weight:500;line-height:1.4;width:76px}.track{align-items:center;display:flex;flex:1;height:100%;position:relative}.track-bg{background:var(--color-border-tertiary);right:0}.track-bg,.track-fill{border-radius:2px;height:2px;left:0;position:absolute}.track-fill{transition:width .9s cubic-bezier(.4,0,.2,1);width:0}.track-fill.before-fill{background:#9ca3af}.track-fill.after-fill{background:#00764b}.nodes-row{left:0;right:0}.nd,.nodes-row{align-items:center;display:flex;position:absolute}.nd{cursor:pointer;flex-direction:column;gap:4px;transition:transform .2s,opacity .5s}.nd:hover{transform:translateY(-2px) translateX(-50%)}.nd-dot{align-items:center;background:var(--color-background-primary);border:1.5px solid var(--color-border-secondary);border-radius:50%;display:flex;height:32px;justify-content:center;position:relative;transition:all .4s;width:32px;z-index:2}.nd-dot.done{background:#c4c9d4;border-color:#c4c9d4}.nd-dot.active{border-color:#9ca3af;box-shadow:0 0 0 3px rgba(156,163,175,.18)}.nd-dot.done-after{background:#00764b;border-color:#00764b}.nd-dot.active-after{border-color:#00764b;box-shadow:0 0 0 3px rgba(0,118,75,.18)}.nd-dot.merged{background:#00764b;border-color:#00764b;transform:scale(1.12)}.nd-dot.eliminated{opacity:0;pointer-events:none;transform:scale(.3)}.nd-lbl{color:var(--color-text-secondary);font-size:10px;line-height:1.3;max-width:66px;text-align:center;transition:color .3s,opacity .4s;white-space:pre-line}.nd-lbl.active-lbl{color:var(--color-text-primary);font-weight:500}.nd-lbl.eliminated-lbl{opacity:0}.transform-divider{align-items:center;display:flex;gap:12px;margin:1.4rem 0 1.2rem;opacity:0;transition:opacity .6s}.transform-divider.show{opacity:1}.td-line{background:var(--color-border-tertiary);flex:1;height:1px}.td-badge{align-items:center;background:rgba(0,118,75,.08);border:1.5px solid #00764b;border-radius:20px;color:#00764b;display:flex;font-size:12px;font-weight:500;gap:6px;padding:5px 14px;white-space:nowrap}.detail-card{background:var(--color-background-secondary);border:1.5px solid var(--color-border-secondary);border-radius:10px;margin-top:1.2rem;min-height:76px;opacity:0;padding:14px 18px;transform:translateY(6px);transition:all .35s}.detail-card.show{opacity:1;transform:translateY(0)}.detail-card.after-card{background:rgba(0,118,75,.04);border-color:#00764b}.dc-title{align-items:center;color:var(--color-text-primary);display:flex;flex-wrap:wrap;font-size:13px;font-weight:500;gap:7px;margin-bottom:4px}.dc-body{color:var(--color-text-secondary);font-size:12px;line-height:1.7}.badge{border-radius:10px;display:inline-block;font-size:10px;font-weight:500;padding:2px 8px}.badge-gray{background:rgba(156,163,175,.15);color:#6b7280}.badge-green{background:rgba(0,118,75,.1);color:#00764b}.metrics{display:grid;gap:10px;grid-template-columns:repeat(3,1fr);margin-top:1.4rem;opacity:0;transition:opacity .6s .3s}.metrics.show{opacity:1}.metric-card{background:var(--color-background-secondary);border:1px solid var(--color-border-tertiary);border-radius:10px;padding:14px;text-align:center}.metric-val{color:#00764b;font-size:22px;font-weight:500}.metric-lbl{color:var(--color-text-secondary);font-size:11px;line-height:1.4;margin-top:3px}.ctrl-row{align-items:center;display:flex;gap:8px;margin-top:1.4rem}.btn{background:transparent;border:1.5px solid var(--color-border-secondary);border-radius:20px;color:var(--color-text-secondary);cursor:pointer;font-family:inherit;font-size:12px;font-weight:500;padding:7px 18px;transition:all .2s}.btn:hover{background:var(--color-background-secondary);color:var(--color-text-primary)}.btn.primary{background:#ee8744;border-color:#ee8744;color:#fff}.btn.primary:hover{background:#d9722e}.btn.primary.running{background:#00764b;border-color:#00764b}.btn:disabled{cursor:default;opacity:.45}.time-axis{align-items:center;display:flex;margin-top:8px;padding-left:76px}.time-axis-line{background:var(--color-border-tertiary);flex:1;height:1px;position:relative}.time-axis-line:after{border:4px solid transparent;border-left:7px solid var(--color-border-secondary);content:"";position:absolute;right:-5px;top:-4px}.time-lbl{color:var(--color-text-secondary);display:flex;font-size:11px;justify-content:space-between;margin-top:3px;padding-left:76px}.savings{align-items:center;background:rgba(0,118,75,.09);border:1px solid rgba(0,118,75,.3);border-radius:20px;color:#00764b;display:inline-flex;font-size:11px;font-weight:500;gap:5px;opacity:0;padding:3px 12px;transition:opacity .5s}.savings.show{opacity:1}