.playground{max-width:var(--landing-width);margin:var(--space-4) auto var(--space-5);padding:0 var(--landing-inset)}.playground .kicker{font-family:var(--display);color:var(--accent);letter-spacing:.02em;margin-bottom:var(--space-2);font-size:15px;line-height:1.25}.playground h1{font-family:var(--body);font-weight:600;font-size:var(--step-3);letter-spacing:0;color:var(--ink);margin-bottom:var(--space-2)}.playground .lede{font-family:var(--body);font-size:var(--step-0);color:var(--ink-soft);line-height:var(--leading-body);margin-bottom:var(--space-3);max-width:var(--measure)}.editor-frame{--pg-eval-height:8rem;border:1px solid var(--ink);border-radius:var(--radius-card);background:var(--surface);box-shadow:5px 5px 0 var(--shadow);overflow:hidden}.pg-stale{padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--accent);color:var(--ink);background:#f0644914;font-size:.85rem;line-height:1.4}.pg-stale code{font-family:var(--mono)}.pg-tabs{padding:10px var(--space-4);background:var(--surface);border-bottom:1px solid var(--rule-mute);flex-wrap:wrap;align-items:center;gap:6px;display:flex}.pg-tablist{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.pg-tab{appearance:none;border:1px solid var(--rule-mute);background:var(--surface-mute);color:var(--ink);cursor:pointer;font:600 13px/1 var(--body);border-radius:5px;align-items:center;gap:6px;padding:7px 10px;transition:background .12s,border-color .12s,color .12s;display:inline-flex}.pg-tab:hover,.pg-tab:focus-visible{border-color:var(--accent);outline:none}.pg-tab[aria-selected=true]{background:var(--ink);border-color:var(--ink);color:var(--surface)}.pg-tab__label{pointer-events:none}.pg-tab__close{appearance:none;color:inherit;cursor:pointer;font:600 15px/1 var(--body);opacity:.55;background:0 0;border:none;border-radius:3px;padding:0 1px;transition:opacity .12s}.pg-tab__close:hover,.pg-tab__close:focus-visible{opacity:1;outline:none}.pg-tab--add{appearance:none;border:1px dashed var(--rule-mute);color:var(--ink-soft);cursor:pointer;font:600 13px/1 var(--body);background:0 0;border-radius:5px;padding:7px 10px;transition:border-color .12s,color .12s}.pg-tab--add:hover,.pg-tab--add:focus-visible{border-color:var(--accent);color:var(--ink);outline:none}.pg-examples{align-items:center;display:inline-flex}.pg-examples__select{appearance:none;border:1px solid var(--rule-mute);background:var(--surface-mute);color:var(--ink-soft);cursor:pointer;font:600 12.5px/1 var(--body);background-image:linear-gradient(45deg,#0000 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,#0000 50%);background-position:calc(100% - 14px) 52%,calc(100% - 9px) 52%;background-repeat:no-repeat;background-size:5px 5px,5px 5px;border-radius:5px;padding:7px 26px 7px 10px;transition:border-color .12s,color .12s}.pg-examples__select:hover,.pg-examples__select:focus-visible{border-color:var(--accent);color:var(--ink);outline:none}.pg-copy-link{appearance:none;border:1px solid var(--rule-mute);background:var(--surface-mute);color:var(--ink-soft);cursor:pointer;font:600 12.5px/1 var(--body);border-radius:5px;margin-left:auto;padding:7px 10px;transition:border-color .12s,color .12s}.pg-copy-link:hover,.pg-copy-link:focus-visible{border-color:var(--accent);color:var(--ink);outline:none}.pg-pane{height:100%}.pg-pane[hidden]{display:none}.pg-pane>div,.pg-pane .cm-editor{height:100%}.pg-body{height:calc(min(70vh, 600px) - var(--pg-eval-height));align-items:stretch;display:flex}.pg-body>.pg-panes{flex:1;min-width:0}.pg-outline{border-left:1px solid var(--rule-mute);background:var(--surface-mute);flex:none;width:13rem;height:100%;padding:10px 0;overflow-y:auto}.pg-outline[hidden]{display:none}.pg-outline__title{color:var(--ink-soft);font:600 11px/1 var(--body);letter-spacing:.08em;text-transform:uppercase;margin:0 0 6px 10px}.pg-outline__rows{flex-direction:column;display:flex}.pg-outline__row{appearance:none;color:var(--ink-soft);cursor:pointer;font:500 12.5px/1.7 var(--mono,var(--body));text-align:left;white-space:nowrap;text-overflow:ellipsis;background:0 0;border:0;border-radius:0;padding-block:1px;padding-inline-end:8px;overflow:hidden}.pg-outline__row:hover,.pg-outline__row:focus-visible{background:var(--surface);color:var(--ink);outline:none}.pg-outline__empty{color:var(--ink-soft);font:400 12px/1.6 var(--body);opacity:.7;margin:0;padding-inline:10px}.pg-eval{height:var(--pg-eval-height);border-top:1px solid var(--rule-mute);background:var(--surface-mute);padding:10px 0;overflow-y:auto}.pg-eval__title{color:var(--ink-soft);font:600 11px/1 var(--body);letter-spacing:.08em;text-transform:uppercase;margin:0 0 6px 10px}.pg-eval__rows{flex-direction:column;display:flex}.pg-eval__row{appearance:none;color:var(--ink);cursor:pointer;font:500 12.5px/1.7 var(--mono,var(--body));text-align:left;background:0 0;border:0;border-radius:0;gap:10px;padding-block:1px;padding-inline:10px;display:flex}.pg-eval__row:hover,.pg-eval__row:focus-visible{background:var(--surface);outline:none}.pg-eval__line{min-width:2.5rem;color:var(--ink-soft);opacity:.65;text-align:right;flex:none}.pg-eval__text{white-space:pre;text-overflow:ellipsis;overflow:hidden}.pg-eval__row--muted .pg-eval__text{color:var(--ink-soft);opacity:.75;font-style:italic}.pg-eval__empty{color:var(--ink-soft);font:400 12px/1.6 var(--body);opacity:.7;margin:0;padding-inline:10px}