.playground{padding-top:var(--space-5);}.playground [hidden]{display:none !important;}.pg-mode{margin:var(--space-4) 0 0;padding:0;border:0;}.pg-mode legend{margin-bottom:var(--space-2);font-weight:600;}.pg-mode__options{position:relative;display:inline-flex;flex-wrap:wrap;border:2px solid var(--color-control);border-radius:var(--radius);overflow:hidden;}.pg-mode input{position:absolute;width:1px;height:1px;margin:0;opacity:0;}.pg-mode label{padding:var(--space-2) var(--space-4);background:var(--color-bg);color:var(--color-text);font-weight:600;cursor:pointer;}.pg-mode label + input + label{border-left:2px solid var(--color-control);}.pg-mode input:checked + label{background:var(--color-primary);color:var(--color-on-primary);}.pg-mode input:focus-visible + label{outline:3px solid var(--color-focus);outline-offset:-6px;}.pg-mode input:checked:focus-visible + label{outline-color:var(--color-on-primary);}.pg-mode__note{font-weight:400;}.field{display:flex;flex-direction:column;gap:var(--space-1);min-width:0;}.field label,.pg__params legend{font-weight:600;}.field--inline{flex-direction:row;align-items:center;gap:var(--space-2);}.field--check{flex-direction:row;align-items:center;gap:var(--space-2);}.field--check input{width:1.2rem;height:1.2rem;accent-color:var(--color-primary);}.pg textarea,.pg input[type="text"],.pg select{border:1px solid var(--color-control);border-radius:6px;background:var(--color-bg);color:var(--color-text);font:0.95rem/1.5 var(--font-body);padding:var(--space-2);}.pg select{max-width:100%;}.pg textarea{width:100%;min-height:22rem;font-family:var(--font-mono);font-size:0.875rem;tab-size:2;resize:vertical;}.pg__toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3) var(--space-4);margin-block:var(--space-4);}.pg-compare{margin:0 0 var(--space-4);}.pg__editors,.pg__outputs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4);}.pg__params{margin-top:var(--space-4);padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius);}.hint{margin:0 0 var(--space-2);color:var(--color-muted);font-size:0.95rem;}.pg-param-list{display:grid;gap:var(--space-2);margin:0 0 var(--space-3);padding:0;list-style:none;}.pg-param{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr) auto;gap:var(--space-2);}.pg-param input{font-family:var(--font-mono);}.pg-status{font-weight:600;}.pg-messages{display:grid;gap:var(--space-2);margin:0 0 var(--space-3);padding:0;list-style:none;}.pg-message{padding:var(--space-2) var(--space-3);border-left:4px solid var(--color-muted);background:var(--color-surface);font-family:var(--font-mono);font-size:0.9rem;overflow-wrap:anywhere;}.pg-message--error{border-left-color:var(--color-error);}.pg-message--warning{border-left-color:var(--color-warning);}.pg-message--message{border-left-color:var(--color-success);}.pg__output h3{margin-top:0;}.pg-code{height:24rem;margin:0;overflow:auto;padding:var(--space-3);border-radius:var(--radius);background:var(--color-surface-strong);font-size:0.85rem;line-height:1.5;}.pg__secondary{margin-top:var(--space-4);}.pg__xpath{display:grid;gap:var(--space-3);align-content:start;}.pg__xpath .hint{margin:0;}.pg .pg-expr{min-height:15rem;}.pg .pg-small{min-height:4.5rem;}.pg-items{display:grid;gap:var(--space-2);margin:0;padding:0;list-style:none;}.pg-item{display:grid;grid-template-columns:minmax(8rem,max-content) minmax(0,1fr);border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);overflow:hidden;}.pg-item__type{padding:var(--space-2) var(--space-3);background:var(--color-surface-strong);color:var(--color-primary);font:600 0.85rem/1.5 var(--font-mono);overflow-wrap:anywhere;}.pg-item__value{max-height:20rem;margin:0;overflow:auto;padding:var(--space-2) var(--space-3);color:var(--color-text);font-size:0.85rem;line-height:1.5;}.pg-preview{width:100%;height:24rem;border:1px solid var(--color-control);border-radius:var(--radius);background:#ffffff;}@media (max-width:52rem){.pg__editors,.pg__outputs{grid-template-columns:minmax(0,1fr);}.field--inline{flex-wrap:wrap;}.pg select{width:100%;}.pg-param,.pg-item{grid-template-columns:minmax(0,1fr);}.pg-mode__options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));}.pg-mode label{padding-inline:var(--space-2);text-align:center;}.pg-mode__note{display:block;}}