.pg-demo{--pg-text:#182230;--pg-text-2:#344054;--pg-muted:#667085;--pg-faint:#98a2b3;--pg-line:#e4e7ec;--pg-bg:#fbfbf9;--pg-bg-2:#f9fafb;--pg-chip:#f2f4f7;--pg-teal:#22808d;--pg-teal-soft:#e7f6f7;--pg-danger:#d92d20;--pg-warn:#b54708;--pg-ok:#067647;width:100%;overflow:hidden;border:1px solid var(--pg-line);border-radius:12px;background:#fff;color:var(--pg-text);font-size:12px;line-height:1.4;text-align:left;box-shadow:0 1px 2px rgb(16 24 40/5%)}.pg-demo__bar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;min-height:2.25rem;padding:0 .75rem;border-bottom:1px solid var(--pg-line);background:var(--pg-bg)}.pg-demo__title{min-width:0;overflow:hidden;color:var(--pg-text);font-size:16px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.pg-demo-frame{width:100%;padding:3px;border:1px solid rgba(0,0,0,.08);border-radius:18px;background:#fff;box-shadow:0 12px 8px rgba(10,13,18,.08),0 4px 3px rgba(10,13,18,.03),0 2px 1px rgba(10,13,18,.04)}.pg-demo-frame__inner{padding:3px;border-radius:15px;background:#fff;box-shadow:inset 0 0 6px 2px rgba(10,13,18,.08),inset 0 0 4px 2px rgba(10,13,18,.03)}.pg-demo-frame .pg-demo{border:2px solid #e9eaeb;border-radius:12px;box-shadow:none}.pg-demo__meta{flex:none;color:var(--pg-muted);font-size:11px}.pg-demo__body{display:flex;flex-direction:column;gap:.55rem;padding:.7rem .75rem .75rem}.pg-demo__rowline{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.pg-demo__status{display:inline-flex;align-items:center;gap:.35rem;color:var(--pg-muted);font-size:11px}.pg-demo__spinner{width:.7rem;height:.7rem;border:1.5px solid var(--pg-line);border-top-color:var(--pg-muted);border-radius:50%;animation:pg-demo-spin .8s linear infinite}.pg-demo__btn{display:inline-flex;align-items:center;height:1.6rem;padding:0 .55rem;border:1px solid var(--pg-line);border-radius:6px;background:#fff;color:var(--pg-text-2);font-size:11px;font-weight:500}.pg-demo__btn--on{border-color:#c5dde0;background:var(--pg-teal-soft);color:var(--pg-teal)}.pg-demo table{width:100%;border-collapse:collapse;font-size:11px}.pg-demo th{padding:.35rem .4rem;border-bottom:1px solid var(--pg-line);color:var(--pg-faint);font-size:10px;font-weight:500;letter-spacing:.04em;text-align:left;text-transform:uppercase}.pg-demo td{padding:.42rem .4rem;border-bottom:1px solid #f2f4f7;color:var(--pg-text-2)}.pg-demo tr.is-hot td{background:#f8fbfb}.pg-demo__mpn{color:var(--pg-text);font-weight:600}.pg-demo__sub{color:var(--pg-faint);font-weight:400}.pg-demo__badge{display:inline-flex;align-items:center;height:1.15rem;padding:0 .35rem;border-radius:999px;background:var(--pg-chip);color:var(--pg-text-2);font-size:10px;font-weight:600}.pg-demo__badge--danger{background:#fef3f2;color:var(--pg-danger)}.pg-demo__badge--warn{background:#fffaeb;color:var(--pg-warn)}.pg-demo__badge--ok{background:#ecfdf3;color:var(--pg-ok)}.pg-demo__badge--teal{background:var(--pg-teal-soft);color:var(--pg-teal)}.pg-demo__stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem}.pg-demo__stat{padding:.35rem .45rem;border:1px solid var(--pg-line);border-radius:6px;background:var(--pg-bg-2)}.pg-demo__stat span{display:block;color:var(--pg-faint);font-size:9px;letter-spacing:.04em;text-transform:uppercase}.pg-demo__stat b{display:block;margin-top:.1rem;font-size:13px;font-weight:600}.pg-demo__stat b.is-danger{color:var(--pg-danger)}.pg-demo__stat b.is-warn{color:var(--pg-warn)}.pg-demo__stat b.is-ok{color:var(--pg-ok)}.pg-demo__detail{padding:.5rem .55rem;border:1px solid var(--pg-line);border-radius:8px;background:var(--pg-bg)}.pg-demo__detail strong{display:block;font-size:12px;font-weight:600}.pg-demo__detail p{margin:.2rem 0 0;color:var(--pg-muted);font-size:11px;line-height:1.45}.pg-demo__chips{display:flex;flex-wrap:wrap;gap:.3rem;margin-top:.4rem}.pg-demo__chip{padding:.12rem .4rem;border-radius:6px;background:var(--pg-chip);color:var(--pg-text-2);font-size:10px}.pg-demo__input{padding:.55rem .65rem;border:1px solid var(--pg-line);border-radius:8px;background:#fff;color:var(--pg-text)}.pg-demo__dock{display:flex;align-items:center;justify-content:space-between;margin-top:-.15rem;padding:.35rem .45rem;border:1px solid #e8e6e1;border-top:0;border-radius:0 0 8px 8px;background:#f6f4ee;color:var(--pg-muted);font-size:11px}.pg-demo[data-layout=card] .pg-demo__body{gap:.4rem;padding:.55rem}.pg-demo[data-layout=card] .pg-demo__hide-card{display:none}.pg-demo[data-layout=hero]{max-width:none;border:0;border-radius:0;box-shadow:none}.pg-frame{padding:7px;border:1px solid rgb(10 13 18/8%);border-radius:27px;background:#fff;box-shadow:0 1.7px 1.7px rgb(10 13 18/4%),0 3.4px 5px rgb(10 13 18/3%),0 10px 13.5px rgb(10 13 18/8%),inset 0 0 3.4px rgb(10 13 18/3%),inset 0 0 5px rgb(10 13 18/8%)}.pg-stage{--pg-text:#182230;--pg-muted:#667085;--pg-line:#e4e7ec;display:grid;grid-template-columns:11.5rem minmax(0,1fr);min-height:36rem;overflow:hidden;border:1.7px solid #e9eaeb;border-radius:20px;background:#fafafa;text-align:left;box-shadow:none}.pg-stage__nav{display:flex;flex-direction:column;gap:.35rem;padding:1.1rem .9rem;border-right:1px solid var(--pg-line);background:#fbfbf9;color:var(--pg-muted);font-size:13px}.pg-stage__nav strong{margin-bottom:.45rem;color:var(--pg-text);font-size:13px}.pg-stage__nav span{padding:.38rem .5rem;border-radius:7px}.pg-stage__nav .is-on{background:#fff;color:var(--pg-text);font-weight:600;box-shadow:0 1px 2px rgb(16 24 40/5%)}.pg-stage .pg-demo{min-height:34rem}@media (max-width:720px){.pg-stage{grid-template-columns:1fr;min-height:0}.pg-stage__nav{flex-direction:row;flex-wrap:wrap;border-right:0;border-bottom:1px solid var(--pg-line)}.pg-stage .pg-demo{min-height:0}}@keyframes pg-demo-spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.pg-demo__spinner{animation:none}}