.pg-hero{padding-bottom:48px}.pg-preview-label{display:inline-flex;align-items:center;gap:8px;font:9px var(--mono);letter-spacing:.04em}.pg-preview-label i{width:6px;height:6px;background:#708e3e;border-radius:50%}.pg-workbench-section{padding-bottom:32px}.pg-boundary{display:flex;gap:18px;align-items:flex-start;padding:22px 25px;border:1px solid var(--line);border-bottom:0;background:var(--soft)}.pg-boundary-mark{display:grid;place-items:center;width:22px;height:22px;border:1px solid #718472;border-radius:50%;font:12px var(--mono);flex:none;margin-top:1px}.pg-boundary strong{display:block;font-size:12px;font-weight:650;margin-bottom:6px}.pg-boundary p{font-size:12px;line-height:1.7;max-width:790px;color:var(--muted)}.pg-boundary>.mono{font-size:8px;line-height:1.7;white-space:nowrap;margin-left:auto;flex:none;color:#516151}.pg-noscript{padding:20px;background:#e9edb6;border:1px solid var(--line);font-size:12px}.pg-workbench{background:#102b24;color:#e0e8db;border:1px solid #26443a;box-shadow:0 24px 65px #112f2611}.pg-toolbar{display:flex;justify-content:space-between;align-items:center;padding:19px 23px;border-bottom:1px solid #365146}.pg-terminal-label{display:flex;align-items:center;gap:11px;font:11px var(--mono)}.pg-terminal-label strong{font-weight:400}.pg-terminal-label>span:last-child{margin-left:14px;font-size:8px;letter-spacing:.08em;color:#9eafa0}.pg-terminal-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--lime);flex:none}.pg-reset{display:inline-flex;gap:14px;align-items:center;color:#b5c5b7;font:10px var(--mono);padding:6px 0}.pg-reset:hover{color:var(--lime)}.pg-reset span{font-size:16px}.pg-examples{display:grid;grid-template-columns:repeat(8,1fr);border-bottom:1px solid #365146;background:#17382e}.pg-examples button{padding:16px 8px;display:flex;justify-content:center;align-items:center;gap:9px;color:#b7c6b9;border-right:1px solid #365146;font-size:11px;line-height:1.3;white-space:nowrap}.pg-examples button:last-child{border-right:0}.pg-examples button>span{font:8px var(--mono);color:#7e9686}.pg-examples button:hover:not(:disabled){background:#254738;color:#f1f8e5}.pg-examples button[aria-pressed=true]{background:var(--lime);color:#15392f}.pg-examples button[aria-pressed=true]>span{color:#4b6330}.pg-examples button:disabled{cursor:not-allowed;color:#6f897a}.pg-context{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 23px;border-bottom:1px solid #365146;background:#153128}.pg-context>div:first-child{display:flex;align-items:center;gap:15px}.pg-context .mono{font-size:8px;color:#9eafa0}.pg-context select{max-width:185px;color:#e2ebda;background:#223f33;border:1px solid #4b6555;border-radius:0;font:10px var(--mono);padding:7px 23px 7px 9px}.pg-context select option{background:#153128}.pg-counters{display:flex;gap:22px;font:8px var(--mono);letter-spacing:.04em;color:#8ba18f}.pg-counters b{display:inline-block;font-size:12px;font-weight:400;color:#dae9c6;margin-left:6px}.pg-console-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr) minmax(0,.8fr)}.pg-console-grid>section{min-width:0;display:flex;flex-direction:column}.pg-request-pane,.pg-response-pane{border-right:1px solid #365146}.pg-pane-heading{height:48px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;gap:8px;border-bottom:1px solid #2d493d}.pg-pane-heading h2{font:9px var(--mono);letter-spacing:.06em;color:#a9bea9}.pg-pane-heading h2>span{font-size:8px;color:#75917c;margin-left:9px;letter-spacing:0}.pg-pane-heading button{font:8px var(--mono);color:#acc29d;padding:8px 0;white-space:nowrap}.pg-pane-heading button:hover{color:var(--lime)}.pg-pane-heading .pg-state-label{font:7px var(--mono);color:#729078}.pg-editor{display:block;resize:vertical;border:0;border-radius:0;outline-offset:-4px;box-shadow:none;width:100%;min-height:510px;max-height:900px;padding:23px 19px;color:#d6eaaa;background:#102b24;font:11px/1.9 var(--mono);tab-size:2;overflow:auto;white-space:pre;caret-color:#eeffac}.pg-editor:disabled{opacity:1;-webkit-text-fill-color:#c7d7ad}.pg-output,.pg-state{margin:0;min-height:510px;max-height:900px;flex:1;padding:23px 19px;overflow:auto;white-space:pre;font:11px/1.9 var(--mono);color:#c4dac8;background:#112b24;border:0;border-radius:0;outline-offset:-4px}.pg-output code,.pg-state code{font:inherit;white-space:inherit}.pg-output[data-tone=error]{background:#2d2b23;color:#efd1a2}.pg-state{font-size:10px;line-height:1.9;background:#153127;color:#9db99d}.pg-run-bar,.pg-output-foot,.pg-state-foot{min-height:67px;padding:14px 17px;border-top:1px solid #2d493d;display:flex;align-items:center;justify-content:space-between;gap:10px}.pg-run-bar>span{font:7px/1.8 var(--mono);color:#86a08a}.pg-run-bar kbd{font:inherit}.pg-run{padding:11px 13px;display:inline-flex;justify-content:center;gap:14px;align-items:center;white-space:nowrap;background:var(--lime);color:#16362a;font-size:10px;font-weight:650}.pg-run:hover{background:#e2f9a9}.pg-run>span{font-size:16px}.pg-output-foot{justify-content:flex-start;gap:9px;color:#83a287;font:7px var(--mono);letter-spacing:.05em}.pg-output-foot>.pg-terminal-dot{width:4px;height:4px;background:#749c69}.pg-state-foot{justify-content:flex-start;font:8px/1.8 var(--mono);color:#80a088;background:#153127}.pg-explanation{display:grid;grid-template-columns:.8fr 2fr;gap:25px;align-items:center;padding:24px;border-top:1px solid #365146;background:#19392e}.pg-explanation .eyebrow{font-size:7px;letter-spacing:.1em;color:#88a488}.pg-explanation h3{font-size:18px;margin-top:7px;letter-spacing:-.03em;color:#e4eddc}.pg-explanation p{font-size:11px;line-height:1.8;color:#aac1aa;max-width:650px}.pg-status{padding:14px 24px;min-height:46px;border-top:1px solid #365146;color:#bdd8a9;font:10px/1.7 var(--mono);overflow-wrap:anywhere}.pg-status[data-tone=error]{background:#3a3025;color:#f0c58c;border-top-color:#685036}.pg-limits{font-size:8px;line-height:1.9;color:var(--muted);margin-top:17px;letter-spacing:.025em}.pg-value-section{padding-block:92px 78px}.pg-value-grid{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--line)}.pg-value-grid article{padding:35px 30px 34px 0}.pg-value-grid article+article{border-left:1px solid var(--line);padding-left:30px}.pg-value-grid .mono{font-size:8px;color:var(--muted)}.pg-value-grid h3{font-size:32px;line-height:1.12;margin:24px 0 20px}.pg-value-grid p{font-size:12px;line-height:1.9;color:var(--muted);max-width:320px}.pg-value-grid .text-link{font-size:10px;margin-top:25px}.pg-notes-section{padding-bottom:105px;display:grid;grid-template-columns:1fr 1.25fr;gap:95px}.pg-notes-heading .eyebrow{font-size:8px;margin-bottom:20px}.pg-notes-heading h2{font-size:39px}.pg-notes p{font-size:12px;line-height:1.9;color:var(--muted);margin-bottom:19px;max-width:660px}.pg-notes strong{color:var(--ink);font-weight:650}.pg-notes .text-link{margin-top:8px;font-size:11px}.pg-workbench :focus-visible{outline-color:var(--lime);outline-offset:3px}.pg-workbench .pg-editor:focus-visible,.pg-workbench pre:focus-visible{outline-offset:-4px}.pg-workbench button:disabled{cursor:not-allowed}.pg-workbench:not(.playground-ready) .pg-run{opacity:.6}
@media(min-width:1450px){.pg-editor,.pg-output{font-size:12px}.pg-state{font-size:11px}}
@media(max-width:1100px){.pg-console-grid{grid-template-columns:1fr 1fr}.pg-response-pane{border-right:0}.pg-state-pane{grid-column:1/-1;border-top:1px solid #365146}.pg-state{min-height:210px;max-height:290px;font-size:11px}.pg-state-foot{min-height:50px}.pg-examples{grid-template-columns:repeat(4,1fr)}.pg-examples button:nth-child(4){border-right:0}.pg-examples button:nth-child(-n+4){border-bottom:1px solid #365146}.pg-counters{gap:14px}.pg-value-grid h3{font-size:28px}.pg-value-grid p{font-size:11px}.pg-notes-section{gap:55px}.pg-editor,.pg-output{min-height:490px}}
@media(max-width:760px){.pg-hero{padding-bottom:35px}.pg-boundary{padding:18px;gap:12px}.pg-boundary>.mono{display:none}.pg-boundary strong{font-size:11px}.pg-boundary p{font-size:11px}.pg-toolbar{padding:15px 17px}.pg-terminal-label{font-size:10px;gap:8px}.pg-terminal-label>span:last-child{font-size:7px;margin-left:4px}.pg-reset{font-size:8px;gap:7px}.pg-context{padding:13px 16px;gap:13px;align-items:flex-start;flex-direction:column}.pg-context>div:first-child{width:100%;justify-content:space-between}.pg-counters{gap:20px}.pg-examples button{font-size:10px;padding:14px 6px;gap:6px}.pg-examples button>span{font-size:7px}.pg-console-grid{grid-template-columns:1fr}.pg-request-pane{border-right:0;border-bottom:1px solid #365146}.pg-editor{min-height:440px;font-size:11px}.pg-output{min-height:230px;max-height:380px;font-size:11px}.pg-state{min-height:200px;max-height:300px;font-size:10px}.pg-pane-heading{padding-inline:16px;height:44px}.pg-run-bar{padding:13px 16px;min-height:61px}.pg-run-bar>span{font-size:8px}.pg-run{font-size:11px;padding:12px 16px}.pg-output-foot{min-height:43px;font-size:7px}.pg-explanation{grid-template-columns:1fr;gap:14px;padding:20px 17px}.pg-explanation h3{font-size:20px}.pg-explanation p{font-size:11px}.pg-status{padding:13px 17px;font-size:9px}.pg-limits{font-size:7px}.pg-value-section{padding-block:62px 50px}.pg-value-grid{grid-template-columns:1fr}.pg-value-grid article,.pg-value-grid article+article{padding:28px 0;border-left:0}.pg-value-grid article+article{border-top:1px solid var(--line)}.pg-value-grid h3{font-size:31px;margin-block:18px 15px}.pg-value-grid p{font-size:12px;max-width:none}.pg-value-grid .text-link{font-size:11px;margin-top:19px}.pg-notes-section{grid-template-columns:1fr;gap:28px;padding-bottom:65px}.pg-notes-heading h2{font-size:34px}.pg-notes p{font-size:12px}.pg-notes-heading .eyebrow{font-size:7px}}
@media(max-width:390px){.pg-terminal-label>span:last-child{display:none}.pg-examples button{font-size:9px;gap:5px}.pg-context .mono{font-size:7px}.pg-counters{font-size:7px;gap:13px}.pg-counters b{font-size:11px}.pg-run{font-size:10px;padding:10px 12px;gap:8px}.pg-run-bar>span{font-size:7px}.pg-boundary{padding:15px}.pg-boundary-mark{display:none}}
@media(prefers-reduced-motion:reduce){.playground-page *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.pg-editor,.pg-output,.pg-state{height:510px;min-height:0;max-height:510px;flex:0 0 auto}.pg-editor{resize:none}
@media(max-width:1100px){.pg-editor,.pg-output{height:490px;max-height:490px}.pg-state{height:220px;max-height:220px}}
@media(max-width:760px){.pg-editor{height:440px;max-height:440px}.pg-output{height:280px;max-height:280px}.pg-state{height:240px;max-height:240px}}
@media print{.pg-workbench button,.pg-examples,.pg-run-bar,.pg-toolbar{display:none}.pg-console-grid{display:block}.pg-editor,.pg-output,.pg-state{color:#111;background:#eee;height:auto;max-height:none;min-height:0;white-space:pre-wrap}.pg-workbench,.pg-context,.pg-explanation,.pg-status{background:#fff;color:#111;box-shadow:none}.pg-notes-section{padding-bottom:0}}