.pg{gap:calc(var(--ds-space) * 5);margin:calc(var(--ds-space) * 6) 0;grid-template-columns:minmax(0,1fr);display:grid}.pg>*{min-width:0}.pg__output{gap:calc(var(--ds-space) * 5);grid-template-columns:minmax(0,1fr);min-width:0;display:grid}.pg__output>*{min-width:0}@media (width>=56.25rem){.pg{grid-template-columns:minmax(0, calc(var(--ds-space) * 95)) minmax(0, 1fr);gap:calc(var(--ds-space) * 6);align-items:start}.pg__controls{top:calc(var(--sl-nav-height) + var(--ds-space) * 3);position:sticky}}.pg-panel{gap:calc(var(--ds-space) * 4);min-width:0;display:grid}.pg-acc{background:var(--ds-surface-2);border:var(--ds-hairline) solid var(--ds-border);border-radius:var(--ds-radius-md);overflow:hidden}.pg-acc__summary{justify-content:space-between;align-items:center;gap:calc(var(--ds-space) * 2);padding:calc(var(--ds-space) * 3) calc(var(--ds-space) * 4);font-size:var(--ds-text-2);font-weight:var(--ds-weight-strong);letter-spacing:.06em;text-transform:uppercase;color:var(--ds-fg-subtle);cursor:pointer;user-select:none;list-style:none;display:flex}.pg-acc__summary::-webkit-details-marker{display:none}.pg-acc__summary:before{display:none}.pg-acc__summary:hover{color:var(--ds-fg-muted)}.pg-acc__summary:focus-visible{outline:2px solid var(--ds-accent);outline-offset:-2px}.pg-acc__chevron{color:var(--ds-fg-subtle);transition:transform var(--ds-dur-2) var(--ds-ease-soft);flex:none}.pg-acc[open] .pg-acc__chevron{transform:rotate(180deg)}.pg-acc__body{gap:calc(var(--ds-space) * 4);padding:0 calc(var(--ds-space) * 4) calc(var(--ds-space) * 3);display:grid}.pg-subhead{padding:calc(var(--ds-space) * 3.5) calc(var(--ds-space) * .5) 0;font-size:var(--ds-text-1);font-weight:var(--ds-weight-strong);letter-spacing:.11em;text-transform:uppercase;color:var(--ds-fg-subtle);margin:0}.pg-rows{display:grid}.pg-check{justify-content:space-between;align-items:center;gap:calc(var(--ds-space) * 3);min-height:calc(var(--ds-space) * 11);padding:0 calc(var(--ds-space) * .5);color:var(--ds-fg);cursor:pointer;display:flex;position:relative}.pg-rows>.pg-check+.pg-check{border-top:var(--ds-hairline) solid var(--ds-border)}.pg-check__label{min-width:0;font-size:var(--ds-text-4);font-weight:var(--ds-weight-medium);letter-spacing:-.01em}.pg-check--muted .pg-check__label{color:var(--ds-fg-muted)}.pg-check__input{opacity:0;pointer-events:none;margin:0;position:absolute}.pg-check__switch{width:calc(var(--ds-space) * 9);height:calc(var(--ds-space) * 5);border-radius:calc(var(--ds-space) * 2.5);background:var(--ds-control-bg);border:var(--ds-hairline) solid var(--ds-border);transition:background-color var(--ds-dur-2) var(--ds-ease-soft), border-color var(--ds-dur-2) var(--ds-ease-soft);flex:none;position:relative}.pg-check__switch:after{content:"";top:50%;left:calc(var(--ds-space) * .75);width:calc(var(--ds-space) * 3.5);height:calc(var(--ds-space) * 3.5);border-radius:calc(var(--ds-space) * 1.75);background:var(--ds-fg-muted);transition:transform var(--ds-dur-2) var(--ds-ease-soft), background-color var(--ds-dur-2) var(--ds-ease-soft);position:absolute;transform:translateY(-50%)}.pg-check__input:checked+.pg-check__switch{background:var(--ds-accent);border-color:var(--ds-accent)}.pg-check__input:checked+.pg-check__switch:after{background:var(--ds-accent-fg);transform:translate(calc(var(--ds-space) * 4), -50%)}.pg-check__input:focus-visible+.pg-check__switch{outline:2px solid var(--ds-accent);outline-offset:2px}.pg-check__input:disabled+.pg-check__switch{opacity:.4}.pg-seg{gap:calc(var(--ds-space) * 1);padding:calc(var(--ds-space) * 1);background:var(--ds-control-bg);border:var(--ds-hairline) solid var(--ds-border);border-radius:var(--ds-radius-md);grid-auto-columns:1fr;grid-auto-flow:column;display:grid}.pg-seg__btn{padding:calc(var(--ds-space) * 1.75) calc(var(--ds-space) * 2);font:inherit;font-size:var(--ds-text-3);font-weight:var(--ds-weight-medium);color:var(--ds-fg-muted);border-radius:var(--ds-radius-sm);cursor:pointer;transition:color var(--ds-dur-2) var(--ds-ease-soft), background-color var(--ds-dur-2) var(--ds-ease-soft);background:0 0;border:0}.pg-seg__btn:hover{color:var(--ds-fg)}.pg-seg__btn[data-active]{color:var(--ds-fg);background:var(--ds-surface)}.pg-seg__btn:focus-visible{outline:2px solid var(--ds-accent);outline-offset:-2px}.pg-input{gap:calc(var(--ds-space) * 1.5);display:grid}.pg-input__label{font-size:var(--ds-text-3);color:var(--ds-fg-muted)}.pg-input input{width:100%;padding:calc(var(--ds-space) * 2.25) calc(var(--ds-space) * 2.5);font:inherit;font-size:var(--ds-text-4);color:var(--ds-fg);background:var(--ds-control-bg);border:var(--ds-hairline) solid var(--ds-border);border-radius:var(--ds-radius-md)}.pg-input input::placeholder{color:var(--ds-fg-subtle)}.pg-input input:focus-visible{outline:2px solid var(--ds-accent);outline-offset:1px;border-color:#0000}.pg-input__hint{font-size:var(--ds-text-2);color:var(--red-400)}.pg-preview{gap:calc(var(--ds-space) * 2.5);display:grid}.pg-preview__stage{padding:calc(var(--ds-space) * 9) calc(var(--ds-space) * 6);background-color:var(--navy-975);background-image:radial-gradient(circle at 1px 1px,#ffffff08 1px,#0000 0);background-size:calc(var(--ds-space) * 5.5) calc(var(--ds-space) * 5.5);border:var(--ds-hairline) solid var(--ds-border);border-radius:var(--ds-radius-lg);overflow:hidden}.pg-preview__note{font-size:var(--ds-text-3);color:var(--ds-fg-muted);margin:0}.pg-snippet{gap:calc(var(--ds-space) * 3);grid-template-columns:minmax(0,1fr);min-width:0;display:grid}.pg-snippet>*{min-width:0}.pg-install__cmd{color:var(--ds-fg-muted)}.pg-install__pkg{color:var(--code-string)}