.wb{position:relative;display:flex;flex-direction:column;border-radius:20px;background:var(--glass);backdrop-filter:blur(22px) saturate(150%);-webkit-backdrop-filter:blur(22px) saturate(150%);border:1px solid var(--glass-border);--edge-base:0 24px 70px -22px rgba(0,0,0,.55),inset 0 1px 0 var(--glass-hi);box-shadow:var(--edge-base);min-width:0}.wb[data-state=done]{border-color:color-mix(in srgb,var(--cyan) 30%,var(--glass-border))}.wb[data-state=approval]{border-color:color-mix(in srgb,var(--warn) 45%,transparent);box-shadow:var(--edge-base),0 0 36px -12px color-mix(in srgb,var(--warn) 55%,transparent)}.wb[data-state=error]{border-color:color-mix(in srgb,var(--pink) 45%,transparent)}.wb-head{display:flex;align-items:center;gap:12px;padding:14px 12px 12px 16px}.wb[data-compact] .wb-head{padding:10px 8px 10px 12px;gap:10px}.wb-titles{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:3px}.wb-title{font-weight:600;font-size:14.5px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wb[data-compact] .wb-title{font-size:13.5px}.wb-sub{display:flex;align-items:center;gap:6px;font-size:12px;min-width:0;white-space:nowrap;overflow:hidden}.wb-sub,.wb-t{color:var(--ink-3)}.wb-t{font:500 11px var(--mono);-webkit-margin-start:4px;margin-inline-start:4px}.wb-dots{display:inline-flex;gap:3px}.wb-dots i{width:4.5px;height:4.5px;border-radius:50%;background:var(--cyan);animation:wb-dot 1.2s infinite}.wb-dots i:nth-child(2){animation-delay:.15s}.wb-dots i:nth-child(3){animation-delay:.3s}@keyframes wb-dot{0%,80%,to{opacity:.25}40%{opacity:1}}.wb-badge{flex:none;font-size:11.5px;font-weight:600;padding:4px 10px;border-radius:999px;background:color-mix(in srgb,var(--cyan) 15%,transparent);color:var(--cyan)}.wb-badge[data-state=approval]{background:var(--warn-soft);color:var(--warn)}.wb-badge[data-state=error]{background:color-mix(in srgb,var(--pink) 15%,transparent);color:var(--pink)}.wb-badge[data-state=stopped]{background:var(--surface-2,rgba(255,255,255,.06));color:var(--ink-3)}.wb-err-ic{width:34px;height:34px;border-radius:50%;place-items:center;color:var(--pink);background:color-mix(in srgb,var(--pink) 14%,transparent)}.wb-err-ic,.wb-orb{flex:none;display:grid}.wb-orb{--s:42px;position:relative;width:var(--s);height:var(--s);place-items:center}.wb-ripple{position:absolute;inset:0;border-radius:50%;border:1.5px solid color-mix(in srgb,var(--accent) 65%,transparent);animation:wb-ripple 2.2s ease-out infinite;pointer-events:none}.wb-ripple.late{animation-delay:1.1s}.wb-ripple.sm{inset:-2px}@keyframes wb-ripple{0%{transform:scale(.75);opacity:.8}to{transform:scale(1.7);opacity:0}}.wb-progress{padding:0 16px 6px;display:flex;flex-direction:column;gap:7px}.wb-progress-row{display:flex;justify-content:space-between;font-size:11.5px;color:var(--ink-3)}.wb-progress-row .mono{font-family:var(--mono)}.wb-track{height:5px;border-radius:5px;background:color-mix(in srgb,var(--ink) 8%,transparent);overflow:hidden}.wb-bar{display:block;height:100%;border-radius:5px;background:linear-gradient(90deg,var(--accent),var(--cyan),var(--violet),var(--pink),var(--accent));background-size:200% 100%;animation:wb-sheen 2.4s linear infinite}.wb-bar.indet{width:38%;animation:wb-sheen 2.4s linear infinite,wb-slide 1.6s ease-in-out infinite}@keyframes wb-sheen{to{background-position:-200% 0}}@keyframes wb-slide{0%{transform:translateX(-100%)}to{transform:translateX(270%)}}.wb-steps{list-style:none;margin:0;padding:6px 12px 8px;display:flex;flex-direction:column;gap:2px;max-height:210px;overflow-y:auto}.wb-step{display:flex;align-items:center;gap:10px;width:100%;padding:5px 4px;border-radius:9px;font-size:13px;color:var(--ink-2);text-align:start;background:none;border:0;font-family:inherit}.wb-step.link{cursor:pointer}.wb-step.link:hover{background:var(--glass-hi)}li[data-s=running] .wb-step{color:var(--ink);font-weight:600}li[data-s=todo] .wb-step{color:var(--ink-3)}li[data-s=error] .wb-step{color:var(--pink)}.wb-step-l{flex:1 1;min-width:0}.wb-step-d,.wb-step-l{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wb-step-d{max-width:45%;font:11px var(--mono)}.wb-go,.wb-step-d{flex:none;color:var(--ink-3)}.wb-ic{position:relative;width:20px;height:20px;border-radius:50%;flex:none;display:grid;place-items:center}.wb-ic[data-s=done]{background:color-mix(in srgb,var(--cyan) 18%,transparent);color:var(--cyan)}.wb-ic[data-s=proposed]{background:var(--warn-soft);color:var(--warn)}.wb-ic[data-s=error]{background:color-mix(in srgb,var(--pink) 16%,transparent);color:var(--pink)}.wb-ic[data-s=todo]{border:1.5px dashed color-mix(in srgb,var(--ink) 22%,transparent)}.wb-live{width:9px;height:9px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px var(--accent)}.wb-out{margin:4px 12px 10px;padding:12px 14px;border-radius:14px;background:color-mix(in srgb,var(--surface) 70%,transparent);border:1px solid var(--line);flex-direction:column;min-width:0}.wb-out,.wb-out-l{display:flex;gap:6px}.wb-out-l{align-items:center;font:500 10px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3)}.wb-rec{width:6px;height:6px;border-radius:50%;background:var(--pink);animation:wb-dot 1.2s infinite}.wb-foot{display:flex;align-items:center;gap:8px;padding:8px 16px 12px;font-size:11.5px;color:var(--ink-3)}@media (prefers-reduced-motion:reduce){.wb-bar,.wb-dots i,.wb-rec,.wb-ripple{animation:none!important}.wb-bar.indet{width:100%;opacity:.6}}