@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap");.pgd{--bg:#f5f5f5;--panel:#fafafa;--card:#fff;--ink:#313131;--muted:#9090ae;--muted-2:#525252;--bd:#e5e5e5;--bd-soft:#ececec;--ok-bg:rgba(0,188,125,.15);--ok-bd:rgba(0,188,125,.3);--ok:#007a55;--bad-bg:rgba(251,44,54,.1);--bad-bd:rgba(251,44,54,.25);--bad:#e7000b;--idle-bg:#f0f0f0;--idle:#525252;--brand:#e8189a;font-family:DM Sans,sans-serif;color:var(--ink)}.pgd.pgd-frame{background:var(--bg);border-radius:12px;padding:16px;height:100%;min-height:300px;display:flex;flex-direction:column;gap:10px;overflow:hidden;position:relative}.pgd *,.pgd.pgd-frame{box-sizing:border-box}.pgd .st-pill{display:inline-flex;align-items:center;gap:4px;border-radius:8px;padding:3px 8px;font-size:11px;font-weight:600;letter-spacing:.2px;white-space:nowrap;transition:opacity .3s ease,transform .3s ease}.pgd .st-on{background:var(--ok-bg);border:1px solid var(--ok-bd);color:var(--ok)}.pgd .st-off{background:var(--bad-bg);border:1px solid var(--bad-bd);color:var(--bad)}.pgd .st-idle{background:var(--idle-bg);border:1px solid var(--idle-bg);color:var(--idle)}.pgd .st-swap-enter{animation:pgdPillIn .3s ease both}@keyframes pgdPillIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.pgd .bar{height:6px;border-radius:999px;background:var(--bd);overflow:hidden;flex:1}.pgd .bar>i{display:block;height:100%;border-radius:999px;background:var(--ink);transition:width .55s cubic-bezier(.25,.6,.3,1)}.pgd .row{background:var(--card);border:1px solid var(--bd-soft);border-radius:10px;gap:10px;padding:9px 12px;transition:opacity .3s ease}.pgd .checkbox,.pgd .row{display:flex;align-items:center}.pgd .checkbox{width:16px;height:16px;border-radius:5px;border:1.5px solid #d4d4d4;flex-shrink:0;justify-content:center;background:#fff;transition:background .25s ease,border-color .25s ease}.pgd .checkbox.done{background:#16a34a;border-color:#16a34a}.pgd .checkbox svg{opacity:0;transform:scale(.5);transition:opacity .2s ease,transform .25s ease}.pgd .checkbox.done svg{opacity:1;transform:scale(1)}.pgd .enter{animation:pgdEnter .35s ease both}@keyframes pgdEnter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.pgd .ph{gap:0;width:100%}.pgd .ph,.pgd .ph-dot{display:flex;align-items:center}.pgd .ph-dot{width:22px;height:22px;border-radius:50%;border:1.5px solid #d4d4d4;background:#fff;flex-shrink:0;justify-content:center;font-size:10px;color:var(--muted-2);transition:border-color .3s ease,background .3s ease,color .3s ease}.pgd .ph-dot.active{border-color:var(--ink);color:var(--ink)}.pgd .ph-dot.done{border-color:#16a34a;background:#16a34a;color:#fff}.pgd .ph-line{height:1.5px;background:var(--bd);flex:1;position:relative;overflow:hidden}.pgd .ph-line>i{position:absolute;inset:0;background:#16a34a;transform:scaleX(0);transform-origin:left;transition:transform .5s cubic-bezier(.25,.6,.3,1)}.pgd .ph-line.done>i{transform:scaleX(1)}.pgd .ph-label{font-size:10px;color:var(--muted);transition:color .3s ease;white-space:nowrap}.pgd .ph-label.active{color:var(--ink);font-weight:600}.pgd .ph-label.done{color:#16a34a;font-weight:600}.pgd .cap{font-size:11px;color:var(--muted);display:flex;align-items:center;gap:6px;margin-top:auto;padding-top:8px}@media (prefers-reduced-motion:reduce){.pgd *,.pgd :after,.pgd :before{animation-duration:1ms!important;transition-duration:1ms!important}}.pgd .tour-stage{position:relative;flex:1;min-height:0}.pgd .scene{position:absolute;inset:0;display:flex;flex-direction:column;gap:8px;transition:opacity .45s ease}.pgd .scene.off{opacity:0;pointer-events:none}.pgd .cursor{position:absolute;z-index:30;pointer-events:none;transition:left .9s cubic-bezier(.3,.65,.25,1),top .9s cubic-bezier(.3,.65,.25,1),transform .15s ease;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.pgd .cursor.click{transform:scale(.8)}.pgd .ripple{position:absolute;z-index:25;width:34px;height:34px;border-radius:50%;border:2px solid rgba(49,49,49,.45);pointer-events:none;opacity:0}.pgd .ripple.go{animation:pgdRipple .5s ease-out both}@keyframes pgdRipple{0%{transform:translate(-50%,-50%) scale(.25);opacity:.85}to{transform:translate(-50%,-50%) scale(1.1);opacity:0}}.pgd .pcard{transition:border-color .25s ease,box-shadow .25s ease,transform .25s ease}.pgd .pcard.hov{border-color:rgba(49,49,49,.25);box-shadow:0 6px 18px -8px rgba(0,0,0,.18);transform:translateY(-2px)}.pgd .row.flash{animation:pgdFlash 1s ease both}@keyframes pgdFlash{0%{background:#fff}30%{background:rgba(251,44,54,.06)}to{background:#fff}}.pgd .tour-tip{z-index:35;color:#fff;border-radius:8px;padding:7px 10px;font-size:10.5px;line-height:1.4;max-width:190px;pointer-events:none;box-shadow:0 8px 24px -8px rgba(0,0,0,.4);transition:opacity .3s ease,transform .3s ease}.pgd .tour-tip,.pgd .tour-tip:after{position:absolute;background:#1f1f1f}.pgd .tour-tip:after{content:"";top:-4px;left:16px;width:8px;height:8px;transform:rotate(45deg)}.pgd .chrome{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--bd-soft);border-radius:10px;padding:6px 10px;font-size:10.5px;color:var(--muted)}.pgd .chrome b{color:var(--ink);font-weight:600}.pgd .st-info{background:rgba(59,130,246,.12);border:1px solid rgba(59,130,246,.25);color:#1d4ed8}.pgd .st-warn{background:rgba(245,166,35,.15);border:1px solid rgba(245,166,35,.35);color:#b45309}.pgd .role-cursor{position:absolute;z-index:30;pointer-events:none;transition:left .85s cubic-bezier(.3,.65,.25,1),top .85s cubic-bezier(.3,.65,.25,1),opacity .35s ease,transform .15s ease}.pgd .role-cursor.click{transform:scale(.8)}.pgd .role-tag{position:absolute;left:14px;top:16px;border-radius:999px;padding:2px 8px;font-size:9px;font-weight:700;letter-spacing:.3px;box-shadow:0 2px 6px rgba(0,0,0,.2)}.pgd .btn-ctx,.pgd .role-tag{color:#fff;white-space:nowrap}.pgd .btn-ctx{background:#1f1f1f;border:0;border-radius:999px;padding:7px 14px;font-family:DM Sans,sans-serif;font-size:11px;font-weight:600;cursor:default;transition:background .25s ease,transform .12s ease}.pgd .btn-ctx.pressed{transform:scale(.95)}.pgd .btn-ctx.done{background:var(--ok-bg);color:var(--ok);border:1px solid var(--ok-bd)}.pgd .time-chip{display:inline-flex;align-items:center;gap:4px;border-radius:8px;padding:2.5px 8px;font-size:9.5px;font-weight:600;background:var(--idle-bg);color:var(--muted-2)}.pgd .dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.pgd .dot-pulse{animation:pgdDotPulse 1.6s ease-in-out infinite}@keyframes pgdDotPulse{0%,to{box-shadow:0 0 0 0 currentColor;opacity:1}50%{box-shadow:0 0 0 5px transparent;opacity:.6}}.pgd.pgd--dark{--bg:transparent;--panel:rgba(255,255,255,.04);--card:rgba(255,255,255,.05);--ink:#EDEAF2;--muted:#8f89a3;--muted-2:#c4bfd2;--bd:rgba(255,255,255,.16);--bd-soft:rgba(255,255,255,.1);--ok-bg:rgba(0,188,125,.16);--ok-bd:rgba(0,188,125,.4);--ok:#34d8a0;--bad-bg:rgba(251,44,54,.16);--bad-bd:rgba(251,44,54,.4);--bad:#ff7077;--idle-bg:rgba(255,255,255,.08);--idle:#c4bfd2}.pgd.pgd--dark .row{backdrop-filter:blur(8px)}.pgd.pgd--dark .checkbox{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.25)}.pgd.pgd--dark .checkbox.done{background:#16a34a;border-color:#16a34a}.pgd.pgd--dark .ph-dot{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.25);color:var(--muted-2)}.pgd.pgd--dark .ph-dot.done{background:#16a34a;border-color:#16a34a;color:#fff}.pgd.pgd--dark .st-info{background:rgba(96,165,250,.15);border-color:rgba(96,165,250,.35);color:#93c5fd}.pgd.pgd--dark .st-warn{background:rgba(245,166,35,.16);border-color:rgba(245,166,35,.4);color:#fbbf24}.pgd.pgd--dark .btn-ctx{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);color:#fff}.pgd.pgd--dark .btn-ctx.done{background:var(--ok-bg);border-color:var(--ok-bd);color:var(--ok)}.pgd.pgd--dark .chrome{background:rgba(255,255,255,.05)}.pgd{--sp-frame-bg:#f5f5f5;--sp-frame-bd:#e5e5e5;--sp-chrome:#fff;--sp-cnv:#fcfcfc;--sp-dot:#dedede;--sp-pop:#fff;--sp-bone:#e7e7ec;--sp-bone-hot:#c9c9d2;--sp-cap-ink:#707083;--sp-cap-bg:rgba(252,252,252,.85)}.pgd.pgd--dark{--sp-frame-bg:transparent;--sp-frame-bd:transparent;--sp-chrome:rgba(255,255,255,.04);--sp-cnv:transparent;--sp-dot:rgba(255,255,255,.09);--sp-pop:#1d1d23;--sp-bone:rgba(255,255,255,.1);--sp-bone-hot:rgba(255,255,255,.24);--sp-cap-ink:#c4bfd2;--sp-cap-bg:rgba(13,13,18,.75)}.pgd .sp-frame{display:flex;width:640px;height:412px;background:var(--sp-frame-bg);border:1px solid var(--sp-frame-bd);border-radius:12px;overflow:hidden}.pgd .sp-side{width:38px;border-right:1px solid var(--bd-soft);flex-direction:column;gap:10px;padding:14px 0}.pgd .sp-side,.pgd .sp-top{background:var(--sp-chrome);display:flex;align-items:center}.pgd .sp-top{gap:8px;padding:12px;border-bottom:1px solid var(--bd-soft)}.pgd .sp-canvas{position:relative;height:372px;overflow:hidden;background:var(--sp-cnv);background-image:radial-gradient(var(--sp-dot) 1px,transparent 1px);background-size:18px 18px}.pgd .sp-cap{position:absolute;left:10px;bottom:10px;font-size:10.5px;color:var(--sp-cap-ink);background:var(--sp-cap-bg);border-radius:6px;padding:2px 6px;z-index:12}.pgd .sp-skb{height:8px;border-radius:999px}.pgd .sp-skb,.pgd .sp-skd{display:inline-block;background:var(--sp-bone)}.pgd .sp-skd{width:12px;height:12px;border-radius:50%}.pgd .sp-sks{width:16px;height:16px;border-radius:5px;background:var(--sp-bone);transition:background .25s ease}.pgd .sp-skb.hot,.pgd .sp-skd.hot,.pgd .sp-sks.hot{background:var(--sp-bone-hot)}.pgd .sp-cur{position:absolute;z-index:30;pointer-events:none;transition:left .9s cubic-bezier(.3,.65,.25,1),top .9s cubic-bezier(.3,.65,.25,1),opacity .35s ease,transform .15s ease;filter:drop-shadow(0 2px 4px rgba(0,0,0,.25))}.pgd .sp-cur b{position:absolute;left:13px;top:15px;border-radius:999px;padding:2px 8px;font-size:10px;font-weight:600;color:#fff;background:#313131;white-space:nowrap}.pgd.pgd--dark .sp-cur b{color:#17171b;background:#EDEAF2}.pgd .sp-mod{position:absolute;background:var(--sp-pop);border:1px solid var(--bd);border-radius:12px;z-index:22}.pgd.pgd--dark .sp-mod{box-shadow:0 16px 40px -12px rgba(0,0,0,.6)}.pgd .sp-inp{border:1px solid var(--bd);border-radius:8px;padding:7px 10px;font-size:12px;min-height:18px}.pgd .sp-mbtn{background:#1f1f1f;color:#fff;border-radius:999px;padding:6px 13px;font-size:11px;font-weight:600}.pgd.pgd--dark .sp-mbtn{background:#EDEAF2;color:#17171b}.pgd .sp-sel{flex:1;border:1px solid var(--bd-soft);border-radius:8px;padding:6px 9px;font-size:11px;color:var(--muted-2);white-space:nowrap}.pgd .sp-cdot{width:16px;height:16px;border-radius:50%;display:inline-block}.pgd .sp-crt{display:inline-block;width:1px;height:12px;background:var(--ink);margin-left:1px;vertical-align:-2px;animation:spBlink 1s steps(1) infinite}@keyframes spBlink{50%{opacity:0}}.pgd .sp-settle{animation:spSettle .35s ease both}@keyframes spSettle{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.pgd .sp-node{position:absolute;left:215px;top:14px;width:170px;background:var(--sp-pop);border:1px solid var(--bd);border-radius:10px;padding:6px 10px;z-index:4;white-space:nowrap}.pgd .sp-col{position:absolute;width:156px;z-index:2}.pgd .sp-msh{border-radius:8px 8px 0 0;padding:4px 9px;font-size:11px;font-weight:600;display:flex;justify-content:space-between;align-items:center;gap:6px;white-space:nowrap;line-height:1.35}.pgd .sp-msh .t{overflow:hidden;text-overflow:ellipsis;min-width:0;flex:1}.pgd .sp-msh .d{font-weight:400;opacity:.7;flex-shrink:0;font-size:10px}.pgd .sp-msh--pink{background:#fbe3ec;color:#993556}.pgd .sp-msh--green{background:#e2f3e9;color:#1c7a4d}.pgd .sp-msh--amber{background:#fdf3da;color:#8a6116}.pgd.pgd--dark .sp-msh--pink{background:rgba(232,24,154,.2);color:#f9a8d4}.pgd.pgd--dark .sp-msh--green{background:rgba(0,188,125,.16);color:#34d8a0}.pgd.pgd--dark .sp-msh--amber{background:rgba(245,166,35,.16);color:#fbbf24}.pgd .sp-msb{background:var(--card);border:1px solid var(--bd);border-top:0;border-radius:0 0 8px 8px;padding:6px;display:flex;flex-direction:column;gap:8px}.pgd.pgd--dark .sp-msb{backdrop-filter:blur(8px)}.pgd .sp-tc{border-radius:8px;padding:7px 9px;border-left:1px solid var(--bd);border:1px solid var(--bd);border-left-width:3px;background:var(--card);height:60px;box-sizing:border-box;overflow:hidden;font-size:11px;line-height:1.3;transition:border-color .35s ease,background .35s ease}.pgd .sp-tc.off{background:#fdeef2;border-color:#f3c9d3 #f3c9d3 #f3c9d3 #e7000b}.pgd .sp-tc.risk{background:#fdf6e8;border-color:#eedbb0 #eedbb0 #eedbb0 #f5a623}.pgd .sp-tc.draft{border-style:dashed dashed dashed solid;border-color:#dcc98a #dcc98a #dcc98a #f0b429;background:#fffdf4}.pgd.pgd--dark .sp-tc.off{background:rgba(251,44,54,.1);border-color:rgba(251,44,54,.25) rgba(251,44,54,.25) rgba(251,44,54,.25) #ff7077}.pgd.pgd--dark .sp-tc.risk{background:rgba(245,166,35,.1);border-color:rgba(245,166,35,.28) rgba(245,166,35,.28) rgba(245,166,35,.28) #f5a623}.pgd.pgd--dark .sp-tc.draft{border-color:rgba(240,180,41,.45) rgba(240,180,41,.45) rgba(240,180,41,.45) #f0b429;background:rgba(240,180,41,.08)}.pgd .sp-tc div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pgd .sp-tb{display:inline-block;border-radius:5px;padding:1.5px 6px;font-size:9px;font-weight:600;line-height:1.3;margin-bottom:3px;transition:background .35s ease,color .35s ease}.pgd .sp-tb--idle{background:#ececec;color:#525252}.pgd .sp-tb--off{background:rgba(231,0,11,.08);color:#e7000b}.pgd .sp-tb--risk{background:rgba(245,166,35,.18);color:#b45309}.pgd .sp-tb--draft{background:rgba(240,180,41,.18);color:#8a6116}.pgd.pgd--dark .sp-tb--idle{background:rgba(255,255,255,.1);color:#c4bfd2}.pgd.pgd--dark .sp-tb--off{background:rgba(251,44,54,.18);color:#ff7077}.pgd.pgd--dark .sp-tb--risk{background:rgba(245,166,35,.2);color:#fbbf24}.pgd.pgd--dark .sp-tb--draft{background:rgba(240,180,41,.2);color:#fbbf24}.pgd .sp-tm{display:flex;align-items:center;gap:6px;font-size:10px;color:var(--muted);transition:color .3s ease;white-space:nowrap;overflow:hidden}.pgd .sp-tm.slip{color:var(--bad)}.pgd .sp-av{width:12px;height:12px;border-radius:50%;background:#d9d9e3;color:#525252;font-size:8.5px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.pgd.pgd--dark .sp-av{background:rgba(255,255,255,.14);color:#c4bfd2}.pgd .sp-rail{left:8px;top:150px;border:1px solid var(--bd);border-radius:12px;flex-direction:column;padding:10px 6px;z-index:5}.pgd .sp-rail,.pgd .sp-stb{position:absolute;background:var(--sp-pop);display:flex;align-items:center;gap:8px}.pgd .sp-stb{border:1px solid var(--bd);border-radius:10px;padding:6px 10px;z-index:9;transition:opacity .35s ease;color:var(--muted)}.pgd .sp-vdiv{width:1px;height:14px;background:var(--bd-soft)}.pgd .sp-sticky{position:absolute;width:126px;height:118px;background:#f9e08e;border:1px solid #e9c860;border-radius:10px;padding:10px 11px;z-index:8;transition:opacity .35s ease;box-sizing:border-box}.pgd .sp-handle{position:absolute;left:50%;transform:translateX(-50%);width:6px;height:6px;border-radius:50%;background:#e9930f}