.pu{--pu-line: hsl(220 13% 90%);--pu-soft: hsl(220 20% 97.5%);--pu-ink: hsl(222 30% 14%);--pu-mute: hsl(220 10% 38%);--pu-ok: hsl(152 60% 28%);--pu-amber: hsl(30 90% 31%);width:100%;max-width:40rem;background:#fff;color:var(--pu-ink);border:1px solid var(--pu-line);border-radius:10px;box-shadow:0 1px 2px #242e420a,0 12px 32px -12px #242e4224;font-size:12.5px;line-height:1.45;text-align:left;overflow:hidden}.pu b{font-weight:600}.pu small{color:var(--pu-mute);font-size:11px;display:block}.pu .z5-toolmark{border:0;background:transparent;width:1.25rem;height:1.25rem}.pu .z5-toolmark img,.pu .z5-toolmark svg{width:1.05rem;height:1.05rem}.pu-bar{display:flex;align-items:center;gap:.75rem;padding:.55rem .85rem;border-bottom:1px solid var(--pu-line);background:var(--pu-soft)}.pu-dots{display:inline-flex;gap:5px}.pu-dots i{width:8px;height:8px;border-radius:50%;background:#d1d4dc}.pu-crumb{color:var(--pu-mute);font-size:11.5px;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pu-ex{font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--pu-mute)}.pu-body{padding:1rem 1.1rem 1.1rem}.pu-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.pu-row>.z5-toolmark+b{margin-right:auto}.pu-head{margin-bottom:.85rem}.pu-pill{display:inline-flex;align-items:center;padding:.1rem .5rem;border-radius:999px;font-size:10.5px;font-weight:600;background:#eeeff2;color:var(--pu-mute);white-space:nowrap;justify-self:start}.pu-pill-ok{background:#e8f7f0;color:var(--pu-ok)}.pu-pill-amber{background:#fdf1dd;color:var(--pu-amber)}.pu-foot{display:flex;align-items:center;gap:.5rem;margin-top:.9rem;color:var(--pu-mute);font-size:11px}.pu-ok{width:6px;height:6px;border-radius:50%;background:var(--pu-ok)}.pu-btns{display:flex;gap:.4rem;margin-top:.6rem}.pu-btn{display:inline-flex;padding:.3rem .65rem;border:1px solid var(--pu-line);border-radius:6px;font-size:11px;font-weight:500;background:#fff}.pu-btn-p{background:var(--pu-ink);border-color:var(--pu-ink);color:#fff}.pu-av{width:1.75rem;height:1.75rem;flex:none;border-radius:6px;display:grid;place-items:center;font-size:10px;font-weight:700;background:#e8eaed;color:var(--pu-ink)}.pu-av-bot{background:hsl(var(--accent) / .12);color:hsl(var(--accent))}.pu-canvas{background:var(--stage-light);display:flex;flex-direction:column;align-items:center}.pu-node{display:flex;align-items:center;gap:.6rem;background:#fff;border:1px solid var(--pu-line);border-radius:8px;padding:.5rem .75rem;min-width:11.5rem;box-shadow:0 1px 2px #242e420d}.pu-trigger{border-color:hsl(var(--accent) / .45)}.pu-muted{opacity:.55}.pu-ico{width:1.25rem;text-align:center;color:var(--pu-mute);font-weight:700}.pu-wire{width:1px;height:14px;background:#c0c4ce}.pu-split{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:14px;border-top:1px solid hsl(220 13% 78%);padding-top:14px;width:100%}.pu-branch{display:flex;flex-direction:column;align-items:center;gap:.5rem}.pu-tag{font-size:10px;font-weight:600;padding:.05rem .45rem;border-radius:4px;background:#e8f7f0;color:var(--pu-ok)}.pu-tag-amber{background:#fdf1dd;color:var(--pu-amber)}.pu-steps{list-style:none;margin:0;padding:0;display:grid;gap:.15rem}.pu-steps li{display:flex;gap:.7rem;align-items:flex-start;padding:.5rem 0;border-top:1px solid var(--pu-line)}.pu-steps li>div{flex:1}.pu-n{width:1.25rem;height:1.25rem;flex:none;border-radius:50%;display:grid;place-items:center;font-size:10px;font-weight:700;background:#e8f7f0;color:var(--pu-ok)}.pu-n-acc{background:hsl(var(--accent) / .12);color:hsl(var(--accent))}.pu-note{margin-top:.75rem;padding:.55rem .7rem;border-radius:6px;background:var(--pu-soft);color:var(--pu-mute);font-size:11px}.pu-note b{color:var(--pu-ink);margin-right:.35rem}.pu-kpis{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--pu-line);border-radius:8px}.pu-kpis>div{padding:.65rem .75rem}.pu-kpis>div+div{border-left:1px solid var(--pu-line)}.pu-kpis b{display:block;font-size:1.25rem;letter-spacing:-.01em;margin-top:.15rem;font-variant-numeric:tabular-nums}.pu-kpis em{font-style:normal;font-size:10.5px;color:var(--pu-mute)}.pu-kpis em.pu-up{color:var(--pu-ok)}.pu-chart{margin:.9rem 0}.pu-chart svg{width:100%;height:88px;margin-top:.5rem;display:block}.pu-area{fill:hsl(var(--accent) / .08)}.pu-line{fill:none;stroke:hsl(var(--accent));stroke-width:1.6;vector-effect:non-scaling-stroke}.pu-line2{fill:none;stroke:#abb0ba;stroke-width:1.2;stroke-dasharray:3 3;vector-effect:non-scaling-stroke}.pu-table{border:1px solid var(--pu-line);border-radius:8px;overflow:hidden}.pu-tr{display:grid;grid-template-columns:1fr auto 4rem;gap:.75rem;align-items:center;padding:.45rem .75rem;border-top:1px solid var(--pu-line);font-variant-numeric:tabular-nums}.pu-tr:first-child{border-top:0}.pu-th{background:var(--pu-soft);color:var(--pu-mute);font-size:11px}.pu-chatwrap{display:grid;grid-template-columns:1.5fr 1fr;gap:1rem}.pu-chat{display:flex;flex-direction:column;gap:.45rem}.pu-msg{max-width:88%;padding:.45rem .65rem;border-radius:10px}.pu-them{align-self:flex-end;background:var(--pu-ink);color:#fff;border-bottom-right-radius:3px}.pu-ai{align-self:flex-start;background:#f0f2f4;border-bottom-left-radius:3px}.pu-sys{align-self:center;font-size:10.5px;color:var(--pu-ok);background:#ecf9f3;padding:.2rem .6rem;border-radius:999px;margin-top:.2rem}.pu-side{border-left:1px solid var(--pu-line);padding-left:1rem}.pu-side .pu-row{justify-content:flex-start;gap:.45rem;margin-bottom:.6rem}.pu-side dl{display:grid;grid-template-columns:auto 1fr;gap:.4rem .75rem;margin:0}.pu-side dt{color:var(--pu-mute)}.pu-side dd{margin:0;font-weight:500}.pu-split2{display:grid;grid-template-columns:1.45fr 1fr;gap:.9rem;align-items:start}.pu-q{grid-template-columns:1fr auto 5.6rem}.pu-sel{background:hsl(var(--accent) / .06);box-shadow:inset 2px 0 hsl(var(--accent))}.pu-detail{border:1px solid var(--pu-line);border-radius:8px;padding:.75rem;display:grid;gap:.35rem}.pu-cmp{display:flex;justify-content:space-between;padding:.3rem 0;border-top:1px solid var(--pu-line);font-variant-numeric:tabular-nums}.pu-warn{color:var(--pu-amber);font-weight:600}.pu-feed{display:grid;gap:.85rem}.pu-post{display:flex;gap:.6rem}.pu-post>div{flex:1}.pu-post .pu-row{justify-content:flex-start}.pu-post p{margin:.1rem 0 0}.pu-card{margin-top:.5rem;border:1px solid var(--pu-line);border-left:3px solid var(--pu-amber);border-radius:6px;padding:.6rem .7rem}.pu-person{display:flex;gap:.6rem;align-items:center}.pu-check{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:0 1.25rem}.pu-check li{position:relative;padding:.45rem 0 .45rem 1.6rem;border-top:1px solid var(--pu-line)}.pu-check li:before{content:"";position:absolute;left:0;top:.6rem;width:.95rem;height:.95rem;border-radius:50%;border:1.5px solid hsl(220 13% 78%)}.pu-check li.done:before{background:var(--pu-ok) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='white' stroke-width='2.4'%3E%3Cpath d='M4 8.5l2.5 2.5L12 5.5'/%3E%3C/svg%3E") center / 80% no-repeat;border-color:var(--pu-ok)}.pu-check li.now:before{border-color:var(--pu-amber);border-style:dashed}.pu-toolbar{display:flex;gap:.4rem;margin-bottom:.75rem}.pu-search{flex:1;border:1px solid var(--pu-line);border-radius:6px;padding:.3rem .6rem;color:var(--pu-mute);font-size:11px}.pu-t5{grid-template-columns:3.2rem 1fr 8.5rem 4.4rem 6.6rem}.pu-t5>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:640px){.pu-chatwrap,.pu-split2{grid-template-columns:1fr}.pu-side{border-left:0;padding-left:0;border-top:1px solid var(--pu-line);padding-top:.75rem}.pu-kpis{grid-template-columns:1fr 1fr}.pu-kpis>div:nth-child(3){border-left:0}.pu-kpis>div:nth-child(n+3){border-top:1px solid var(--pu-line)}.pu-check{grid-template-columns:1fr}.pu-t5{grid-template-columns:3.2rem 1fr 4.2rem 5.4rem}.pu-t5>span:nth-child(3){display:none}.pu-toolbar .pu-btn:not(.pu-btn-p){display:none}.pu-toolbar .pu-btn{white-space:nowrap}.pu-node{min-width:0;width:100%;padding:.45rem .55rem;gap:.45rem}.pu-split{gap:.5rem}.pu-canvas{padding-inline:.75rem}.pu-crumb{font-size:10.5px}}.pu-live{display:inline-flex;align-items:center;gap:.3rem;font-size:10px;font-weight:600;color:var(--pu-ok)}.pu-live i{width:6px;height:6px;border-radius:50%;background:var(--pu-ok);animation:pu-pulse 1.8s ease-in-out infinite}.pu-static .pu-live i{animation:none}@keyframes pu-pulse{50%{opacity:.25;transform:scale(.7)}}.pu-srcs{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;width:100%}.pu-sm{min-width:0;padding:.4rem .55rem}.pu-sm b{font-size:11.5px}.pu-wide{width:100%}.pu-wide>div{flex:1;min-width:0}.pu-wire{position:relative;width:1px;height:16px;background:#c0c4ce;overflow:visible}.pu-wire i{position:absolute;left:-2px;top:0;width:5px;height:5px;border-radius:50%;background:hsl(var(--accent));animation:pu-flow 1.4s linear infinite}.pu-static .pu-wire i{display:none}@keyframes pu-flow{0%{transform:translateY(-4px);opacity:0}30%{opacity:1}to{transform:translateY(16px);opacity:0}}.pu-split .pu-node{width:100%;min-width:0}.pu-steps li{position:relative}.pu-steps .pu-n:before{content:"✓"}.pu-steps li.cur .pu-n{background:transparent;border:2px solid hsl(var(--accent) / .25);border-top-color:hsl(var(--accent));animation:pu-spin .8s linear infinite}.pu-steps li.cur .pu-n:before{content:""}.pu-steps li.pu-flag .pu-n{background:#fdf1dd;color:var(--pu-amber)}.pu-steps li.pu-flag .pu-n:before{content:"!"}.pu-steps li.pu-flag b{color:var(--pu-amber)}@keyframes pu-spin{to{transform:rotate(360deg)}}.pu-key{display:inline-block;width:10px;height:2px;background:hsl(var(--accent));vertical-align:middle;margin:0 .25rem 0 .6rem}.pu-key2{background:#abb0ba}.pu-chart small{display:inline}.pu-play .pu-draw{stroke-dasharray:1;animation:pu-drawline 9s ease infinite}@keyframes pu-drawline{0%{stroke-dashoffset:1}30%,to{stroke-dashoffset:0}}.pu-ping{fill:hsl(var(--accent))}.pu-play .pu-ping{animation:pu-pulse 1.6s ease-in-out infinite;transform-box:fill-box;transform-origin:center}.pu-d{grid-template-columns:1fr 3.5rem 5.4rem}.pu-new.on{animation:pu-flash 1.6s ease}@keyframes pu-flash{0%{background:hsl(var(--accent) / .12)}to{background:transparent}}.pu-typing{align-self:flex-start;display:inline-flex;gap:3px;padding:.55rem .7rem;border-radius:10px;background:#f0f2f4}.pu-typing i{width:5px;height:5px;border-radius:50%;background:var(--pu-mute);animation:pu-pulse 1s ease-in-out infinite}.pu-typing i:nth-child(2){animation-delay:.15s}.pu-typing i:nth-child(3){animation-delay:.3s}.pu-play .pu-typing:not(.on),.pu-static .pu-typing{display:none}.pu-close{display:grid;grid-template-columns:repeat(3,auto) 1fr;gap:1.25rem;align-items:end;margin-bottom:.85rem}.pu-close b{font-size:1.15rem;font-variant-numeric:tabular-nums}.pu-okt{color:var(--pu-ok)}.pu-prog span{display:block;height:6px;border-radius:3px;background:#e8eaed;margin-top:.35rem;overflow:hidden}.pu-prog i{display:block;height:100%;width:99.6%;background:var(--pu-ok);border-radius:3px}.pu-play .pu-prog i{width:92%;transition:width 4s ease;opacity:1!important;transform:none!important}.pu-play .pu-prog i.on{width:99.6%}.pu-q{grid-template-columns:1fr auto auto}.pu-q .pu-pill{justify-self:end}.pu-btn{transition:transform .15s,box-shadow .15s}.pu-press.pressed{transform:scale(.94);box-shadow:0 0 0 3px hsl(var(--accent) / .25)}.pu-check li.on:before,.pu-static .pu-check li[data-s]:before{background:var(--pu-ok) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='white' stroke-width='2.4'%3E%3Cpath d='M4 8.5l2.5 2.5L12 5.5'/%3E%3C/svg%3E") center / 80% no-repeat;border-color:var(--pu-ok)}.pu-check li.cur:before{background:none;border-color:hsl(var(--accent) / .25);border-top-color:hsl(var(--accent));animation:pu-spin .8s linear infinite}.pu-check li.pu-block.on:before,.pu-static .pu-check li.pu-block:before{background:#fdf1dd;border-color:var(--pu-amber)}.pu-check li.pu-block.on b{color:var(--pu-amber)}.pu-play [data-s]{transition:opacity .42s ease,transform .42s ease}.pu-play [data-s]:not(.on){opacity:0;transform:translateY(6px)}.pu-play .pu-check li[data-s]:not(.on){opacity:.45;transform:none}.pu-play .pu-steps li[data-s]:not(.on){opacity:.3;transform:none}.pu-play .pu-steps li[data-s]:not(.on) .pu-n{background:#eeeff2;color:transparent}@media(max-width:640px){.pu-srcs{grid-template-columns:1fr}.pu-close{grid-template-columns:repeat(3,1fr)}.pu-prog{grid-column:1 / -1}.pu-d{grid-template-columns:1fr 5rem}.pu-d>span:nth-child(2){display:none}.pu-q{grid-template-columns:1fr auto}.pu-q>span:nth-child(2){display:none}}
