.pa{--pa-c: #60a5fa;--pa-soft: color-mix(in srgb, var(--pa-c) 16%, transparent);margin-top:28px;border:1px solid var(--border);border-left:3px solid var(--pa-c);border-radius:14px;background:var(--elevated);padding:18px 20px 16px}.pa-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 14px}.pa-head .pa-port{font-family:var(--mono);font-size:30px;font-weight:600;color:var(--pa-c);line-height:1}.pa-head .pa-name{font-size:18px;font-weight:650;color:var(--text)}.pa-head .pa-kind{margin-left:auto;font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim)}.pa svg{display:block;width:100%;max-width:820px;height:auto;margin:10px auto 0;overflow:hidden}.pa-text{margin:8px 0 0;font-size:14.5px;line-height:1.6;color:var(--text-muted);max-width:80ch}.pa svg text{font-family:var(--mono);font-size:11px;fill:var(--text-muted)}.pa .pa-cap{font-size:10.5px;fill:var(--text-dim)}.pa .pa-note{font-size:10.5px;fill:var(--text-dim);letter-spacing:.04em}.pa .pa-hot{fill:#fca5a5}.pa-icon,.pa-page,.pa-env,.pa-file,.pa-table,.pa-mag,.pa-bars,.pa-frame,.pa-box{fill:none;stroke:var(--pa-c);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.pa-icon rect,.pa-icon ellipse{fill:var(--pa-soft)}.pa-led{fill:var(--pa-c);stroke:none;animation:pa-blink 1.4s steps(2) infinite}.pa-led2{animation-delay:.7s}.pa-lane{stroke:var(--border);stroke-width:2;fill:none}.pa-dash{stroke-dasharray:5 6}.pa-tube,.pa-tunnel,.pa-capsule{fill:var(--pa-soft);stroke:var(--pa-c);stroke-width:1.5}.pa-tunnel{stroke-dasharray:0}.pa-dot,.pa-pkt{fill:var(--pa-c)}.pa-chip rect{stroke-width:1.5}.pa-plain rect{fill:var(--background);stroke:var(--border)}.pa-plain text{fill:var(--text)}.pa-accent rect{fill:var(--pa-soft);stroke:var(--pa-c)}.pa-accent text{fill:var(--text)}.pa-warn rect{fill:#ef444424;stroke:#ef4444b3}.pa-warn text{fill:#fecaca}.pa-gold rect{fill:#f59e0b29;stroke:#f59e0bcc}.pa-gold text{fill:#fde68a}.pa-lockicon rect{fill:var(--pa-c)}.pa-lockicon path{stroke:var(--pa-c);stroke-width:1.8}.pa-big rect{fill:var(--pa-c)}.pa-eye path{fill:none;stroke:var(--text-dim);stroke-width:1.6}.pa-eye circle{fill:var(--text-dim)}.pa-eye .pa-q{font-size:13px;fill:var(--text-dim)}.pa-seen path{stroke:#fca5a5}.pa-seen circle{fill:#fca5a5}.pa-seen{animation:pa-stare 4s ease-in-out infinite;transform-box:fill-box;transform-origin:center}.pa-type{fill:var(--pa-c)!important;font-size:12px!important}.pa-bolt{fill:#fbbf24;stroke:none}.pa-hit{fill:var(--pa-c);transform-box:fill-box;transform-origin:left center;animation:pa-grow 4s ease-out infinite}.pa-hitlbl{animation:pa-late 4s infinite}.pa-slot{fill:none;stroke:var(--border);stroke-width:1.5}.pa-slot-fill{fill:var(--pa-c);opacity:0;animation:pa-fill 5s infinite}.pa-slot-n{font-size:10px!important;fill:var(--background)!important;opacity:0;animation:pa-fill 5s infinite}.pa-arrow{fill:none;stroke:var(--pa-c);stroke-width:2}.pa-wave{fill:var(--pa-c);transform-box:fill-box;transform-origin:center;animation:pa-wave 1s ease-in-out infinite}.pa-film{stroke:var(--pa-c);stroke-width:2}.pa-frame-in{fill:none;stroke:var(--pa-c);stroke-width:1.5}.pa-valve circle{fill:var(--pa-soft);stroke:#f97316;stroke-width:2}.pa-valve path{stroke:#f97316;stroke-width:3;stroke-linecap:round}.pa-valve{animation:pa-turn 4s ease-in-out infinite}.pa-box{fill:var(--pa-soft)}.pa-node{fill:var(--pa-c)}.pa-ripple{fill:none;stroke:var(--pa-c);stroke-width:1.5;vector-effect:non-scaling-stroke;transform-box:fill-box;transform-origin:center;animation:pa-ripple 2.4s ease-out infinite}.pa-dev{fill:var(--pa-soft);stroke:var(--border);stroke-width:1.5}.pa-match{animation:pa-match 2.4s infinite}.pa-reply{fill:var(--pa-c)!important;animation:pa-match-txt 2.4s infinite}.pa-paper{fill:var(--text);opacity:0;animation:pa-paper 4s infinite}.pa-bubble rect{fill:var(--pa-soft);stroke:var(--pa-c);stroke-width:1.5}.pa-bubble text{fill:var(--text)}.pa-small{stroke-width:1.6}.pa-ltr{animation:pa-ltr 4s ease-in-out infinite}.pa-rtl{animation:pa-rtl 4s ease-in-out infinite;opacity:0}.pa-ltr-fast{animation:pa-ltr-full 1.8s linear infinite}.pa-rtl-fast{animation:pa-rtl-full 1.8s linear infinite}.pa-ltr-quick{animation:pa-quick 1.2s ease-in-out infinite}.pa-ltr-short{animation:pa-short 1s linear infinite}.pa-through{animation:pa-through 3s linear infinite;opacity:0}.pa-once{animation:pa-once 4s ease-in-out infinite}.pa-pop{transform-box:fill-box;transform-origin:center;animation:pa-pop 4s ease-out infinite}@keyframes pa-ltr{0%{transform:translate(0);opacity:0}6%{opacity:1}42%{transform:translate(var(--pa-t));opacity:1}50%,to{transform:translate(var(--pa-t));opacity:0}}@keyframes pa-rtl{0%,48%{transform:translate(0);opacity:0}54%{opacity:1}90%{transform:translate(calc(-1 * var(--pa-t)));opacity:1}97%,to{transform:translate(calc(-1 * var(--pa-t)));opacity:0}}@keyframes pa-ltr-full{0%{transform:translate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translate(var(--pa-full));opacity:0}}@keyframes pa-rtl-full{0%{transform:translate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translate(calc(-1 * var(--pa-full)));opacity:0}}@keyframes pa-quick{0%{transform:translate(0);opacity:0}10%{opacity:1}45%{transform:translate(var(--pa-t));opacity:1}55%{transform:translate(var(--pa-t));opacity:0}to{opacity:0}}@keyframes pa-short{0%{transform:translate(0);opacity:0}20%{opacity:1}to{transform:translate(var(--pa-short));opacity:0}}@keyframes pa-through{0%{transform:translate(0);opacity:0}8%{opacity:1}40%,60%{transform:translate(var(--pa-mid))}92%{opacity:1}to{transform:translate(var(--pa-thru));opacity:0}}@keyframes pa-once{0%{transform:translate(0);opacity:0}6%{opacity:1}30%{transform:translate(var(--pa-t));opacity:1}36%,to{transform:translate(var(--pa-t));opacity:0}}@keyframes pa-pop{0%,40%{transform:scale(0);opacity:0}52%{transform:scale(1.12);opacity:1}60%,88%{transform:scale(1);opacity:1}to{transform:scale(1);opacity:0}}@keyframes pa-blink{50%{opacity:.25}}@keyframes pa-stare{0%,15%,40%,to{transform:scale(1)}25%{transform:scale(1.35)}}@keyframes pa-typein{0%,8%{opacity:0}10%,to{opacity:1}}@keyframes pa-grow{0%,45%{transform:scaleX(0)}65%,92%{transform:scaleX(1)}to{transform:scaleX(0)}}@keyframes pa-late{0%,55%{opacity:0}65%,92%{opacity:1}to{opacity:0}}@keyframes pa-fill{0%,5%{opacity:0}12%,80%{opacity:1}90%,to{opacity:0}}@keyframes pa-wave{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}@keyframes pa-turn{0%,40%{transform:rotate(0)}55%,90%{transform:rotate(90deg)}to{transform:rotate(0)}}@keyframes pa-ripple{0%{transform:scale(1);opacity:.9}to{transform:scale(5.5);opacity:0}}@keyframes pa-match{0%,45%{fill:var(--pa-soft);stroke:var(--border)}55%,85%{fill:var(--pa-c);stroke:var(--pa-c)}to{fill:var(--pa-soft)}}@keyframes pa-match-txt{0%,50%{opacity:0}60%,85%{opacity:1}to{opacity:0}}@keyframes pa-paper{0%,45%{opacity:0;transform:translateY(-12px)}60%,90%{opacity:.85;transform:translateY(0)}to{opacity:0}}@media(prefers-reduced-motion:reduce){.pa *{animation:none!important}.pa-ltr,.pa-once{transform:translate(calc(var(--pa-t) / 2));opacity:1!important}.pa-rtl,.pa-through{opacity:0!important}.pa-slot-fill,.pa-slot-n,.pa-hitlbl,.pa-reply{opacity:1!important}}.pa-m{display:none!important}@media(max-width:640px){.pa-d{display:none!important}.pa-m{display:block!important}.pa{padding:14px 12px}.pa-head .pa-kind{margin-left:0;width:100%}}.tool-page>section.pa{margin-top:36px}
