.playground{padding-top:var(--space-5);}.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__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-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{grid-template-columns:1fr;}}