.pg-backdrop{z-index:95;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0c0b0a8c;justify-content:center;align-items:flex-start;padding:6vh 18px 5vh;animation:.2s ease-out pg-in;display:flex;position:fixed;inset:0;overflow-y:auto}@keyframes pg-in{0%{opacity:0}}.pg-panel{background:var(--bg);border:1px solid var(--border);border-radius:22px;width:min(760px,100%);padding:18px 22px 16px;animation:.26s cubic-bezier(.22,.61,.36,1) pg-rise;box-shadow:0 30px 80px #0c0b0a59}@keyframes pg-rise{0%{opacity:0;transform:translateY(14px)scale(.985)}}.pg-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:14px;padding-bottom:14px;display:flex}.pg-head em{letter-spacing:.06em;color:var(--brand);font-size:11px;font-style:normal}.pg-head h3{margin:3px 0 2px;font-size:21px;line-height:1.25}.pg-head p{color:var(--text-2);margin:0;font-size:13px}.pg-head-actions{flex:none;align-items:center;gap:8px;display:flex}.pg-x{border:1px solid var(--border);width:30px;height:30px;color:var(--text-2);cursor:pointer;background:0 0;border-radius:50%;font-size:17px;line-height:1}.pg-x:hover{color:var(--text);border-color:var(--brand)}.pg-body{padding:16px 0 6px}.pg-foot{border-top:1px solid var(--border);color:var(--text-3);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-top:12px;font-size:12px;display:flex}.pg-foot a{color:var(--brand);text-decoration:none}.pg-foot a:hover{text-decoration:underline}.pg-row{flex-wrap:wrap;align-items:flex-end;gap:10px;margin-bottom:12px;display:flex}.pg-field{flex-direction:column;flex:220px;gap:4px;display:flex}.pg-field span{color:var(--text-3);font-size:11px}.pg-field input{font:inherit;color:var(--text);background:var(--bg-soft);border:1px solid var(--border);border-radius:10px;padding:8px 10px;font-size:14px}.pg-field input:focus{border-color:var(--brand);outline:none}.pg-slider{flex-direction:column;flex:200px;gap:4px;display:flex}.pg-slider span{color:var(--text-3);font-size:11px}.pg-slider b{color:var(--brand);font-size:12px}.pg-slider input{width:100%;accent-color:var(--brand)}.pg-btn{font:inherit;border:1px solid var(--brand);background:var(--brand);color:var(--bg);cursor:pointer;white-space:nowrap;border-radius:999px;padding:8px 15px;font-size:13px}.pg-btn:disabled{opacity:.55;cursor:default}.pg-btn.is-ghost{color:var(--text-2);border-color:var(--border);background:0 0}.pg-btn.is-ghost:hover{color:var(--text);border-color:var(--brand)}.pg-count{color:var(--text-3);margin:0 0 8px;font-size:12px}.pg-count b{color:var(--brand)}.pg-note{color:var(--text-2);background:var(--bg-soft);border-left:2px solid var(--brand);border-radius:0 10px 10px 0;margin:14px 0 0;padding:10px 12px;font-size:12.5px;line-height:1.7}.pg-empty{color:var(--text-3);margin:0;font-size:12.5px}.pg-chunks{flex-direction:column;gap:6px;display:flex}.pg-chunk{background:var(--bg-soft);border:1px solid var(--border);border-radius:10px;align-items:flex-start;gap:8px;padding:7px 10px;font-size:12.5px;line-height:1.6;display:flex}.pg-chunk i{background:var(--brand-light);color:var(--brand);border-radius:999px;flex:none;padding:1px 6px;font-size:10px;font-style:normal}.pg-chunk span{color:var(--text-2)}.pg-meter{align-items:center;gap:10px;margin-bottom:14px;display:flex}.pg-meter-bar{background:var(--bg-soft);border:1px solid var(--border);border-radius:999px;flex:1;height:8px;overflow:hidden}.pg-meter-bar i{background:var(--brand);height:100%;transition:width .25s ease-out;display:block}.pg-meter b{color:var(--brand);min-width:42px;font-size:15px}.pg-meter em{color:var(--text-3);font-size:11px;font-style:normal}.pg-list{flex-direction:column;gap:5px;margin:0;padding:0;list-style:none;display:flex}.pg-list li{border:1px solid var(--border);background:var(--bg-soft);border-radius:10px;align-items:center;gap:10px;padding:7px 10px;font-size:13px;display:flex}.pg-list li span{min-width:0;color:var(--text-2);flex:1}.pg-track{background:var(--border);border-radius:999px;flex:0 0 96px;height:6px;display:block;overflow:hidden}.pg-track b{background:var(--border);min-width:2px;height:100%;transition:width .25s ease-out;display:block}.pg-list li.is-hit .pg-track{background:var(--brand-light)}.pg-list li.is-hit .pg-track b{background:var(--brand)}.pg-list li.is-hit{border-color:var(--brand)}.pg-chips{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.pg-chips button{font:inherit;border:1px solid var(--border);color:var(--text-2);cursor:pointer;background:0 0;border-radius:999px;padding:5px 12px;font-size:12.5px}.pg-chips button.is-on{border-color:var(--brand);background:var(--brand-light);color:var(--brand)}.pg-toggle{font:inherit;border:1px dashed var(--border);color:var(--text-3);cursor:pointer;white-space:nowrap;background:0 0;border-radius:999px;padding:8px 14px;font-size:12.5px}.pg-toggle.is-on{border-style:solid;border-color:var(--brand);color:var(--brand)}.pg-answer{border:1px solid var(--border);background:var(--bg-soft);border-radius:12px;margin-top:12px;padding:11px 13px}.pg-answer em{color:var(--text-3);font-size:11px;font-style:normal}.pg-answer p{color:var(--text);margin:5px 0 0;font-size:13.5px;line-height:1.75}.pg-cache-state{align-items:center;gap:10px;margin-bottom:10px;font-size:12.5px;display:flex}.pg-cache-state b.ok{color:var(--green)}.pg-cache-state b.no{color:var(--text-3)}.pg-ttl{background:var(--bg-soft);border:1px solid var(--border);border-radius:999px;flex:1;height:5px;overflow:hidden}.pg-ttl i{background:var(--green);height:100%;display:block}.pg-cache-state em{color:var(--text-3);font-style:normal}.pg-log{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.pg-log li{border:1px solid var(--border);background:var(--bg-soft);border-radius:9px;align-items:center;gap:10px;padding:6px 10px;font-size:12.5px;display:flex}.pg-log li span{letter-spacing:.04em;flex:0 0 46px;font-weight:600}.pg-log li.hit span{color:var(--green)}.pg-log li.miss span{color:var(--red)}.pg-log li b{color:var(--text-2);font-weight:500}.pg-log li.pg-empty{border-style:dashed}.pg-bucket{align-items:center;gap:6px;margin-bottom:12px;display:flex}.pg-bucket i{border:1px solid var(--border);background:var(--bg-soft);border-radius:6px;width:26px;height:30px;transition:background .15s}.pg-bucket i.full{background:var(--brand);border-color:var(--brand)}.pg-bucket em{color:var(--text-3);margin-left:4px;font-size:12px;font-style:normal}.pg-hash{word-break:break-all;background:var(--bg-soft);border:1px solid var(--border);border-radius:12px;margin-top:12px;padding:12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;line-height:1.9}.pg-hash i{color:var(--text-2);font-style:normal}.pg-hash i.diff{color:var(--red);background:var(--red-light);border-radius:2px}.pg-stage{border:1px dashed var(--border);background:var(--bg-soft);border-radius:14px;gap:10px;min-height:150px;margin-bottom:12px;padding:12px;display:flex}.pg-stage b{min-height:40px;color:var(--bg);border-radius:10px;place-items:center;padding:0 16px;font-size:14px;transition:all .22s ease-out;display:grid}.pg-stage b.a{background:var(--brand)}.pg-stage b.b{background:var(--info)}.pg-stage b.c{background:var(--green)}.pg-optgroup{margin-bottom:9px}.pg-optgroup>span{color:var(--text-3);margin-bottom:4px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11.5px;display:block}.pg-color{color:var(--text-3);align-items:center;gap:8px;font-size:12px;display:flex}.pg-color input[type=color]{border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:8px;width:34px;height:30px;padding:0}.pg-color code{color:var(--text-2);font-size:12px}.pg-sample{border:1px solid var(--border);border-radius:14px;margin-bottom:10px;padding:18px 16px;font-size:17px;line-height:1.6}.pg-ratio{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.pg-ratio>b{letter-spacing:-.01em;font-size:24px}.pg-ratio>div{flex-wrap:wrap;gap:6px;display:flex}.pg-pass,.pg-fail{border:1px solid var(--border);border-radius:999px;padding:3px 10px;font-size:11.5px}.pg-pass{color:var(--green);border-color:var(--green);background:var(--green-light)}.pg-fail{color:var(--text-3)}@media (max-width:640px){.pg-panel{border-radius:18px;padding:15px 15px 13px}.pg-head h3{font-size:18px}}
