.payable-detail{--pd-bg:#fafafb;--pd-surface:white;--pd-bar:white;--pd-text:#25232a;--pd-sub:#686570;--pd-prompt:#625c6a;--pd-border:#dcdbe1;--pd-line:#eeedf1;--pd-prompt-border:#e9e6ed;--pd-composer-border:#dcd8e3;--pd-chip:#f2f2f4;--pd-tag:#f1eff5;--pd-accent:#8856c7;--pd-icon:#77717d;--pd-send:#7740cf;--pd-send-text:white;--pd-r-frame:9px;--pd-r-card:7px;--pd-r-chip:3px;--pd-r-pill:20px;--pd-r-button:4px;background:var(--pd-bg);color:var(--pd-text);border:1px solid var(--pd-border);border-radius:var(--pd-r-frame);font-size:clamp(11px,.9vw,13px);overflow:hidden}.payable-detail svg{flex:none;width:1.2em;height:1.2em}.payable-detail-bar{border-bottom:1px solid var(--pd-line);background:var(--pd-bar);align-items:center;gap:.7em;padding:1.1em 1.3em;font-size:.8em;display:flex}.payable-detail-bar>span{font-family:monospace}.payable-detail-bar small{white-space:nowrap;color:var(--pd-sub);margin-left:auto}.payable-detail-card{background:var(--pd-surface);border:1px solid var(--pd-line);border-radius:var(--pd-r-card);margin:1em 1em 0;padding:1.35em}.payable-detail-kicker{color:var(--pd-sub);align-items:center;gap:.8em;font-size:.8em;display:flex}.payable-detail-kicker>span:last-child{background:var(--pd-chip);border-radius:var(--pd-r-chip);align-items:center;gap:.35em;padding:.25em .5em;display:flex}.payable-detail h3{letter-spacing:-.02em;margin:.8em 0 .6em;font-size:1.45em;font-weight:550}.payable-detail-card>p{color:var(--pd-sub);font-size:.85em}.payable-detail-amount{margin:1.3em 0}.payable-detail-amount span{color:var(--pd-sub);font-size:.8em;display:block}.payable-detail-amount strong{letter-spacing:-.025em;margin-top:.15em;font-size:2em;font-weight:550;display:block}.payable-detail dl{gap:.9em;font-size:.85em;display:grid}.payable-detail dl>div{justify-content:space-between;gap:1em;display:flex}.payable-detail dt{color:var(--pd-sub)}.payable-detail dd{text-align:right}.payable-detail-docs{border-top:1px solid var(--pd-line);margin-top:1.5em;padding-top:1.2em}.payable-detail-docs h4{margin-bottom:.7em;font-size:.85em;font-weight:500}.payable-detail-docs>div{align-items:center;gap:.8em;padding:.5em 0;display:flex}.payable-detail-docs>div>svg:first-child{color:var(--pd-accent)}.payable-detail-docs>div>svg:last-child{color:var(--pd-icon);width:1em;margin-left:auto}.payable-detail-docs strong,.payable-detail-docs small{font-size:.82em;font-weight:400;display:block}.payable-detail-docs small{color:var(--pd-sub);margin-top:.2em;font-size:.75em}.payable-more{color:var(--pd-sub);border-top:1px solid var(--pd-line);align-items:center;gap:.5em;margin-top:.5em;padding-top:1em;font-size:.8em;display:flex}.payable-detail-chat{padding:.7em 1em 1em}.payable-prompts{color:var(--pd-prompt);flex-wrap:wrap;gap:.5em;margin-bottom:.6em;font-size:.75em;display:flex}.payable-prompts>span{border:1px solid var(--pd-prompt-border);border-radius:var(--pd-r-pill);background:var(--pd-surface);padding:.4em .7em}.payable-composer{border:1px solid var(--pd-composer-border);border-radius:var(--pd-r-card);background:var(--pd-surface);padding:1em}.payable-composer p{color:var(--pd-sub);margin:0 0 1em;font-size:.85em}.payable-composer>div{color:var(--pd-accent);align-items:center;gap:.7em;display:flex}.payable-composer span{background:var(--pd-tag);color:var(--pd-prompt);border-radius:var(--pd-r-chip);align-items:center;gap:.5em;padding:.35em .5em;font-size:.75em;display:flex}.payable-composer i{border-radius:var(--pd-r-button);background:var(--pd-send);color:var(--pd-send-text);margin-left:auto;padding:.45em}.mcp-scene{width:100%;height:220px;position:relative}.mcp-scene-inner{position:absolute;inset:0}.mcp-wires{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.mcp-wire,.mcp-pulse{fill:none;stroke-width:1.5px;vector-effect:non-scaling-stroke}.mcp-wire{stroke:#c5bacf}.mcp-pulse{stroke:#9452eb;stroke-width:2.5px;stroke-dasharray:12 188;stroke-linecap:round;animation:4s linear infinite mcp-current}.mcp-pulse-1{stroke:#ff5a00;animation-delay:-1.1s}.mcp-pulse-2{animation-delay:-.5s}.mcp-node{background:#fff;border:1px solid #dfdae6;border-radius:9px;place-items:center;width:48px;height:48px;display:grid;position:absolute;transform:translate(-50%,-50%)}.mcp-node>svg{width:29px;height:29px}.mcp-node>span{color:#62596e;font-size:10px;position:absolute;top:calc(100% + 5px)}.dark .mcp-node>span{color:#c6bdcf}.mcp-claude{color:#d97757;top:21.82%;left:17.14%}.mcp-gpt{color:#222;top:78.18%;left:17.14%}.mcp-awa{top:50%;left:85.7%}.mcp-hub{color:#6738a6;background:#f0e7ff;border:1px solid #d5b9ff;border-radius:5px;padding:10px 8px;font:11px monospace;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.mcp-caption{color:#756a80;font-size:9px;position:absolute;bottom:-8px;right:0}.dark .mcp-caption{color:#bbb1c5}@keyframes mcp-current{0%{stroke-dashoffset:12px;opacity:0}8%{opacity:1}45%{stroke-dashoffset:-100px;opacity:1}50%{stroke-dashoffset:-100px;opacity:0}55%{stroke-dashoffset:-100px;opacity:1}95%{stroke-dashoffset:12px;opacity:1}to{stroke-dashoffset:12px;opacity:0}}.cleanup-scene{width:100%;height:280px;position:relative;overflow:hidden;container-type:inline-size}.cleanup-pile{animation:12s forwards cleanup-push;position:absolute;inset:0}.cleanup-artifact{transform-origin:bottom;width:44%;position:absolute;bottom:36px;left:36%}.cleanup-artifact>div{max-height:156px;overflow:hidden;width:100%!important;box-shadow:none!important;position:relative!important;inset:auto!important}.cleanup-artifact-0{--tilt:-14deg;animation:12s forwards cleanup-fall-0;left:33%}.cleanup-artifact-1{--tilt:18deg;width:30%;animation:12s forwards cleanup-fall-1;left:46%}.cleanup-artifact-2{--tilt:-7deg;width:34%;animation:12s forwards cleanup-fall-2;bottom:54px;left:39%}.cleanup-artifact-3{--tilt:12deg;width:36%;animation:12s forwards cleanup-fall-3;bottom:50px;left:50%}.cleanup-artifact-4{--tilt:-19deg;animation:12s forwards cleanup-fall-4;bottom:66px;left:27%}.cleanup-pet{width:64px;height:64px;animation:14.4s forwards cleanup-walk;position:absolute;bottom:31px;left:0}.cleanup-pet-body{animation:.4s ease-in-out 36 alternate cleanup-hop,1.4s ease-in-out 14.4s infinite cleanup-celebrate;position:relative}.cleanup-pet-body img{-o-object-fit:contain;object-fit:contain;width:64px;height:64px}@keyframes cleanup-push{0%,63%{transform:translate(0)}85%,to{transform:translate(110%)}}@keyframes cleanup-walk{0%,37.5%{transform:translate(-90px)}50.83%,52.5%{transform:translate(calc(27cqw - 64px))rotate(8deg)}70.83%,76%{transform:translate(calc(110cqw + 30px))rotate(8deg)}to{transform:translate(calc(50cqw - 32px),-77px)}}@keyframes cleanup-celebrate{0%,45%,to{transform:translateY(0)rotate(0)}16%{transform:translateY(-15px)rotate(-5deg)}30%{transform:translateY(0)rotate(0)}60%{transform:translateY(-9px)rotate(4deg)}76%{transform:translateY(0)rotate(0)}}@keyframes cleanup-hop{to{transform:translateY(-4px)}}@keyframes cleanup-fall-0{0%,3%{opacity:0;transform:translateY(-260px)rotate(-28deg)}9%,to{opacity:1;transform:translateY(0) rotate(var(--tilt))}}@keyframes cleanup-fall-1{0%,11%{opacity:0;transform:translateY(-260px)rotate(30deg)}17%,to{opacity:1;transform:translateY(0) rotate(var(--tilt))}}@keyframes cleanup-fall-2{0%,20%{opacity:0;transform:translateY(-260px)rotate(-20deg)}26%,to{opacity:1;transform:translateY(0) rotate(var(--tilt))}}@keyframes cleanup-fall-3{0%,29%{opacity:0;transform:translateY(-260px)rotate(24deg)}35%,to{opacity:1;transform:translateY(0) rotate(var(--tilt))}}@keyframes cleanup-fall-4{0%,38%{opacity:0;transform:translateY(-260px)rotate(-32deg)}44%,to{opacity:1;transform:translateY(0) rotate(var(--tilt))}}:is(.mcp-scene,.cleanup-scene)[data-playing=false] *{animation-play-state:paused}.mcp-scene[data-static=true] .mcp-pulse{opacity:.7;stroke-dasharray:none;animation:none}.cleanup-scene[data-static=true] *{animation:none}.cleanup-scene[data-static=true] .cleanup-artifact{transform:rotate(var(--tilt))}.cleanup-scene[data-static=true] .cleanup-pet{transform:translate(8cqw)}@media (prefers-reduced-motion:reduce){:is(.mcp-scene,.cleanup-scene) *{animation:none!important}.cleanup-artifact{transform:rotate(var(--tilt))}}.mcp-node.mcp-awa{border-color:#d5b9ff;width:56px;height:56px}.mcp-awa img{-o-object-fit:contain;object-fit:contain;width:28px;height:auto;display:block}.mcp-awa>span{font-weight:600}