.pf-visual{background:var(--color-surface-card);border:1px solid var(--color-border-subtle);border-radius:var(--radius);max-width:84ch;box-shadow:0 8px 30px -4px color-mix(in srgb, var(--color-ink) 6%, transparent), 0 2px 6px #00000005;margin-top:clamp(20px,1.8vw,36px);padding:clamp(20px,2.2vw,32px);font-size:clamp(17px,1.2vw,30px);position:relative;overflow:hidden;container-type:inline-size}.pp-split-visual .pf-visual{max-width:none;margin-top:0}.pf-grid{justify-content:space-between;align-items:center;gap:clamp(16px,2.5vw,36px);display:flex;position:relative}.pf-bar{background:var(--color-border-light);border-radius:3px;height:5px}.pf-bar--blue{background:var(--color-brand-blue)}.pf-bar--ink{background:var(--color-ink)}.pf-bar--subtle{background:var(--color-border-subtle)}.pf-merge{flex:1;justify-content:space-between;align-items:center;min-width:120px;height:220px;display:flex;position:relative}.pf-knot{z-index:2;background:var(--color-ink);color:#fff;width:44px;height:44px;box-shadow:0 6px 18px color-mix(in srgb, var(--color-ink) 22%, transparent);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.pf-knot--center{margin-left:auto;margin-right:auto}.pf-icon-box{background:var(--color-surface);border:1px solid var(--color-border-subtle);width:26px;height:26px;color:var(--color-ink-soft);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.pf-icon-box--blue{background:var(--color-brand-blue);color:#fff;box-shadow:0 2px 8px color-mix(in srgb, var(--color-brand-blue) 35%, transparent);border:none}.pf-icon-box--blue-tint{background:color-mix(in srgb, var(--color-brand-blue) 8%, transparent);border-color:color-mix(in srgb, var(--color-brand-blue) 25%, transparent);color:var(--color-brand-blue)}.pf-check{color:var(--color-brand-blue)}.pf-check--green{color:var(--color-brand-green)}.pf-bar--warn{background:var(--color-warn)}