.pd-demo{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius);padding:1rem 1.1rem 1.15rem}.pd-demo-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:.5rem .9rem;margin-bottom:.85rem}.pd-demo-title{font-family:var(--mono);font-size:.78rem;letter-spacing:.04em;color:var(--text-sub);margin:0;word-break:break-all}.pd-demo-btn{background:var(--bg-hover);border:1px solid var(--border-lit);color:var(--text);border-radius:.35rem;padding:.3rem .8rem;font-size:.8rem;cursor:pointer;margin-left:auto}.pd-demo-btn:hover{border-color:var(--accent)}.pd-demo-btn[disabled]{opacity:.55;cursor:default}.pd-status{font-size:.85rem;color:var(--text-sub);margin:0}.pd-outage{border-left:3px solid var(--accent);padding-left:.8rem;font-size:.9rem;color:var(--text);margin:0 0 .6rem}.pd-funnel{display:flex;flex-direction:column;gap:.5rem;margin:0}.pd-stage{display:grid;grid-template-columns:3.2rem 1fr;align-items:center;gap:.2rem .8rem}.pd-stage-n{font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:1.05rem;font-weight:700;color:var(--text);text-align:right}.pd-stage-label{font-size:.85rem;color:var(--text-sub)}.pd-stage-bar{grid-column:2;height:5px;border-radius:3px;background:var(--bg-hover);overflow:hidden}.pd-stage-fill{display:block;height:100%;background:var(--accent);border-radius:3px}.pd-stage--kept .pd-stage-n{color:var(--accent)}.pd-caption{font-size:.8rem;color:var(--text-sub);margin:.9rem 0 0}