*,:before,:after{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--y-bg);color:var(--y-ink);font-family:var(--y-font-sans);-webkit-font-smoothing:antialiased;flex-direction:column;font-size:14px;line-height:1.45;display:flex}[hidden]{display:none!important}button,select,textarea{font:inherit;color:inherit}:is(a,button,select,textarea):focus-visible{outline:2px solid var(--y-accent);outline-offset:2px}:root[data-theme=dark] .pg-only-light,:root:not([data-theme=dark]) .pg-only-dark,:root[data-theme=dark] .pg-sun,:root:not([data-theme=dark]) .pg-moon{display:none}.pg-spacer{flex:1}.pg-bar{background:var(--y-surface);border-bottom:1px solid var(--y-border);flex-wrap:wrap;align-items:center;gap:8px;padding:10px 16px;display:flex}.pg-brand{color:inherit;align-items:center;gap:8px;min-width:0;text-decoration:none;display:inline-flex}.pg-logo img{border-radius:6px;width:26px;height:26px;display:block}.pg-name{font-size:15px;font-weight:650}.pg-sub{color:var(--y-ink-3);border-inline-start:1px solid var(--y-border);padding-inline-start:8px;font-size:13px}.pg-btn,.pg-select,.pg-icon{border:1px solid var(--y-border);background:var(--y-surface);min-height:32px;color:var(--y-ink);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:5px 11px;font-size:13px;text-decoration:none;display:inline-flex}.pg-btn:hover:not(:disabled),.pg-icon:hover,.pg-select:hover{border-color:var(--y-border-strong);background:var(--y-surface-2)}.pg-btn:disabled{opacity:.45;cursor:not-allowed}.pg-primary{background:var(--y-accent);border-color:var(--y-accent);color:var(--y-accent-ink);font-weight:600}.pg-primary:hover:not(:disabled){background:var(--y-accent);border-color:var(--y-accent);filter:brightness(1.08)}.pg-ghost{background:0 0;border-color:#0000}.pg-icon{justify-content:center;width:32px;padding:0}.pg-small{min-height:28px;padding:3px 9px;font-size:12.5px}.pg-select{max-width:220px;padding-inline-end:6px}.pg-main{flex:1;grid-template-columns:minmax(320px,2fr) 3fr;gap:12px;min-height:0;padding:12px 16px 16px;display:grid}.pg-pane{background:var(--y-surface);border:1px solid var(--y-border);min-width:0;min-height:0;box-shadow:var(--y-shadow);border-radius:12px;flex-direction:column;padding:12px;display:flex}.pg-head{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:6px;display:flex}.pg-head h2,.pg-findings-head h3{letter-spacing:.01em;margin:0;font-size:13px;font-weight:650}.pg-intro{color:var(--y-ink-2);margin:0 0 8px;font-size:13px}.pg-src{resize:vertical;border:1px solid var(--y-border);background:var(--y-bg);width:100%;min-height:220px;color:var(--y-ink);font-family:var(--y-font-mono);tab-size:2;direction:ltr;border-radius:8px;flex:1;padding:10px;font-size:12.5px;line-height:1.5}.pg-findings-head{flex-wrap:wrap;align-items:center;gap:8px;margin:10px 0 6px;display:flex}.pg-status{color:var(--y-ink-2);font-size:12.5px;font-weight:600}.pg-status.is-good{color:var(--y-hue-green)}.pg-status.is-warn{color:var(--y-hue-amber)}.pg-status.is-bad{color:var(--y-hue-rose)}.pg-lang{color:var(--y-ink-3);align-items:center;gap:6px;font-size:12.5px;display:inline-flex}.pg-findings{max-height:30vh;margin:0;padding:0;font-size:12.5px;list-style:none;overflow:auto}.pg-findings li{border-radius:6px;flex-wrap:wrap;gap:4px 8px;padding:6px 8px;display:flex}.pg-findings li+li{margin-top:2px}.pg-finding code{font-family:var(--y-font-mono);font-size:11.5px;font-weight:600}.pg-finding span{color:var(--y-ink-2);flex:220px}.pg-finding.is-error{background:color-mix(in srgb, var(--y-hue-rose) 10%, transparent)}.pg-finding.is-error code{color:var(--y-hue-rose)}.pg-finding.is-warning{background:color-mix(in srgb, var(--y-hue-amber) 10%, transparent)}.pg-finding.is-warning code{color:var(--y-hue-amber)}.pg-empty{color:var(--y-ink-3)}.pg-downloads{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.pg-dl-label{color:var(--y-ink-3);margin-inline-end:2px;font-size:12.5px}.pg-note{background:color-mix(in srgb, var(--y-hue-amber) 12%, transparent);color:var(--y-ink-2);border-radius:6px;margin:0 0 6px;padding:6px 8px;font-size:12.5px}.pg-frame-wrap{flex:1;min-height:0;display:flex;position:relative}.pg-frame{border:1px solid var(--y-border);background:var(--y-bg);border-radius:8px;flex:1;width:100%;min-height:420px}.pg-placeholder{border:1px dashed var(--y-border-strong);min-height:420px;color:var(--y-ink-3);text-align:center;border-radius:8px;flex:1;place-items:center;margin:0;padding:16px;display:grid}.pg-toast{inset-inline:16px;background:var(--y-ink);width:fit-content;max-width:calc(100% - 32px);color:var(--y-bg);opacity:0;pointer-events:none;border-radius:8px;margin-inline:auto;padding:9px 14px;font-size:13px;transition:opacity .18s,transform .18s;position:fixed;bottom:16px;transform:translateY(8px)}.pg-toast.is-on{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.pg-toast{transition:none}}@media (width<=900px){body{height:auto;min-height:100%}.pg-main{grid-template-columns:minmax(0,1fr);padding:10px 12px 16px}.pg-src{flex:none;height:260px}.pg-frame,.pg-placeholder{height:72vh;min-height:0}.pg-findings{max-height:none}}@media (width<=560px){.pg-bar{gap:6px;padding:8px 12px}.pg-bar>.pg-select{flex:100%;order:4;max-width:none}.pg-primary{flex:100%;order:5;justify-content:center}.pg-sub{display:none}}