.pg{gap:var(--space-m);padding:var(--space-l);background-color:var(--color-bg-raised);border:1px solid var(--color-border);border-radius:var(--radius-l);flex-direction:column;display:flex}.pg__field{gap:var(--space-2xs);flex-direction:column;display:flex}.pg__field[hidden]{display:none}.pg__label{font-weight:600}.pg__hint{font-size:var(--size-step--1);color:var(--color-fg-muted)}.pg__textarea,.pg__input{inline-size:100%;padding:var(--space-s);background-color:var(--color-bg);color:var(--color-fg);border:2px solid var(--color-border);border-radius:var(--radius-m)}.pg__textarea{min-block-size:14rem;font-family:var(--font-mono);font-size:var(--size-step--1);resize:vertical;line-height:1.5}.pg__input{min-block-size:2.75rem}.pg__textarea:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px;border-color:var(--color-focus)}.pg__input:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px;border-color:var(--color-focus)}.pg__modes{gap:var(--space-3xs);border-block-end:2px solid var(--color-border);flex-wrap:wrap;display:flex}.pg__mode{padding-inline:var(--space-s);padding-block:var(--space-2xs);min-height:2.5rem;color:var(--color-fg);cursor:pointer;border:none;background-color:#0000;border-block-end:2px solid #0000;border-radius:0;align-items:center;margin-block-end:-2px;font-weight:500;display:inline-flex}.pg__mode:hover{color:var(--color-accent)}.pg__mode[aria-selected=true]{color:var(--color-accent);border-block-end-color:var(--color-accent);font-weight:650}.pg__mode:focus-visible{outline:3px solid var(--color-focus);outline-offset:-3px;border-radius:var(--radius-s)}.pg__actions{align-items:center}.pg__status{color:var(--color-fg-muted);font-size:var(--size-step--1)}.pg-results{gap:var(--space-l);flex-direction:column;display:flex}.pg-summary{padding:var(--space-m);background-color:var(--color-accent-soft);border-radius:var(--radius-m)}.pg-summary--clean{background-color:color-mix(in srgb,var(--color-success) 18%,transparent)}.pg-impact{gap:var(--space-s);flex-direction:column;display:flex}.pg-impact__heading{align-items:center;gap:var(--space-s);font-size:var(--size-step-0);display:flex}.pg-impact__badge{padding-inline:var(--space-2xs);padding-block:var(--space-3xs);border-radius:var(--radius-s);font-size:var(--size-step--1);text-transform:uppercase;letter-spacing:.04em;align-items:center;font-weight:700;display:inline-flex}.pg-impact--critical .pg-impact__badge{background-color:var(--color-danger);color:var(--color-bg)}.pg-impact--serious .pg-impact__badge{background-color:var(--color-warning);color:var(--color-bg)}.pg-impact--moderate .pg-impact__badge{background-color:var(--color-accent);color:var(--color-accent-fg)}.pg-impact--minor .pg-impact__badge{background-color:var(--color-bg-sunken);color:var(--color-fg);border:1px solid var(--color-border)}.pg-impact__list{gap:var(--space-s);flex-direction:column;padding:0;list-style:none;display:flex}.pg-violation{background-color:var(--color-bg-raised);border:1px solid var(--color-border);border-radius:var(--radius-l);grid-template-columns:auto 1fr;display:grid;overflow:hidden}.pg-violation__sidebar{justify-content:center;align-items:center;gap:var(--space-3xs);padding:var(--space-m);inline-size:7rem;color:var(--color-bg);text-align:center;flex-direction:column;display:flex}.pg-violation--critical .pg-violation__sidebar{background-color:var(--color-danger)}.pg-violation--serious .pg-violation__sidebar{background-color:var(--color-warning);color:var(--color-bg)}.pg-violation--moderate .pg-violation__sidebar{background-color:var(--color-accent);color:var(--color-accent-fg)}.pg-violation--minor .pg-violation__sidebar{background-color:var(--color-fg-muted)}.pg-violation__impact{font-size:var(--size-step--1);text-transform:uppercase;letter-spacing:.08em;font-weight:700;line-height:1}.pg-violation__count-big{font-size:var(--size-step-3);font-variant-numeric:tabular-nums;font-weight:700;line-height:1}.pg-violation__count-label{font-size:var(--size-step--1);text-transform:lowercase;opacity:.85;line-height:1}.pg-violation__main{gap:var(--space-m);padding:var(--space-l);flex-direction:column;min-inline-size:0;display:flex}.pg-violation__head{gap:var(--space-2xs);flex-direction:column;display:flex}.pg-violation__help{font-size:var(--size-step-1);font-weight:650;line-height:1.3}.pg-violation__desc{color:var(--color-fg-muted)}.pg-violation__meta{font-size:var(--size-step--1);color:var(--color-fg-muted);gap:var(--space-2xs)}.pg-violation__id{padding-inline:var(--space-2xs);padding-block:var(--space-3xs);background-color:var(--color-bg-sunken);border-radius:var(--radius-s);color:var(--color-fg)}.pg-violation__pattern{color:var(--color-accent);font-weight:600;text-decoration:none}.pg-violation__pattern:hover{text-underline-offset:.2em;text-decoration:underline;text-decoration-thickness:.1em}.pg-violation__node-list{gap:var(--space-m);flex-direction:column;padding:0;list-style:none;display:flex}.pg-node{gap:var(--space-s);padding:var(--space-m);background-color:var(--color-bg-sunken);border-radius:var(--radius-m);flex-direction:column;display:flex}.pg-node__head{align-items:center;gap:var(--space-s);display:flex}.pg-node__num{background-color:var(--color-fg);block-size:1.6rem;inline-size:1.6rem;color:var(--color-bg);font-family:var(--font-mono);font-size:var(--size-step--1);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;line-height:1;display:inline-flex}.pg-node__selector{padding-inline:var(--space-xs);padding-block:var(--space-3xs);background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-s);font-family:var(--font-mono);font-size:var(--size-step--1);word-break:break-all;color:var(--color-fg);min-inline-size:0}.pg-node__split{gap:var(--space-s);grid-template-columns:1fr;display:grid}@media(min-width:48rem){.pg-node__split{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.pg-node__preview,.pg-node__source{gap:var(--space-3xs);flex-direction:column;min-inline-size:0;display:flex}.pg-node__preview-label,.pg-node__source-label{font-size:var(--size-step--1);color:var(--color-fg-muted);text-transform:uppercase;letter-spacing:.04em;font-weight:600}.pg-node__preview-frame{border:1px solid var(--color-border);border-radius:var(--radius-s);background-color:#fff;background-image:linear-gradient(45deg,#f4f4f4 25%,#0000 25%),linear-gradient(-45deg,#f4f4f4 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#f4f4f4 75%),linear-gradient(-45deg,#0000 75%,#f4f4f4 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px;block-size:9rem;inline-size:100%}.pg-node__preview-frame--img{object-fit:contain;object-position:center;background-image:none}.pg-node__html{block-size:9rem;padding:var(--space-s);background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-s);font-size:var(--size-step--1);margin:0;line-height:1.5;overflow:auto}.pg-fixes{gap:var(--space-2xs);padding:var(--space-s);background-color:var(--color-bg);border-radius:var(--radius-s);border-inline-start:3px solid var(--color-accent);flex-direction:column;display:flex}.pg-fixes__head{font-size:var(--size-step--1);color:var(--color-accent);text-transform:uppercase;letter-spacing:.04em;font-weight:700}.pg-fixes__list{gap:var(--space-3xs);flex-direction:column;padding-inline-start:var(--space-m);display:flex}.pg-fixes__list li::marker{color:var(--color-accent)}.pg-violation__more{font-size:var(--size-step--1);color:var(--color-fg-muted);padding-inline-start:var(--space-m);font-style:italic}.pg-impact__count{font-size:var(--size-step--1);color:var(--color-fg-muted);font-weight:500}@media(max-width:36rem){.pg-violation{grid-template-columns:1fr}.pg-violation__sidebar{justify-content:flex-start;gap:var(--space-s);inline-size:100%;padding:var(--space-s) var(--space-m);text-align:start;flex-direction:row}.pg-violation__count-big{font-size:var(--size-step-1)}}