@font-face{font-family:PGInter;src:url('fonts/Inter-Variable.ttf') format('truetype');font-weight:100 900;font-display:swap}
.fb-playground{--pg-ink:#17382e;--pg-paper:#f8f5ec;--pg-line:#b7c7be;--pg-orange:#bf4926;font-family:PGInter,Arial,sans-serif;color:var(--pg-ink);margin:0 0 2rem}
.pg-intro{padding:.5rem 0 1rem}.md-typeset .pg-eyebrow{font-size:.62rem;letter-spacing:.16em;font-weight:700;text-transform:uppercase;margin:0 0 .5rem;color:var(--md-accent-fg-color)}
.md-typeset .pg-intro h1{font-size:2.7rem;line-height:1.1;margin:0 0 .7rem;font-weight:700;letter-spacing:-.06em}.pg-intro>p:last-child{color:var(--md-default-fg-color);font-size:.85rem;margin:.5rem 0}
.pg-toolbar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.8rem;background:var(--pg-paper);border:1px solid var(--pg-line);border-bottom:0}
.pg-picker{display:flex;gap:.6rem;align-items:center;min-width:0}.pg-picker label{font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.pg-picker select{min-width:0;max-width:100%;background:#fff;color:var(--pg-ink);font:inherit;font-size:.72rem;border:1px solid var(--pg-line);border-radius:0;padding:.55rem 2rem .55rem .65rem;appearance:auto}
.pg-actions{display:flex;gap:.45rem;align-items:center;flex-wrap:wrap}.fb-playground button,.pg-actions a{cursor:pointer;font:inherit;font-size:.68rem;font-weight:650;padding:.52rem .75rem;border:1px solid var(--pg-line);color:var(--pg-ink);background:#fff;line-height:1.35;text-decoration:none;white-space:nowrap}
.fb-playground button:hover,.pg-actions a:hover{border-color:var(--pg-ink);background:#e8eee9}.fb-playground .pg-primary{background:var(--pg-ink);color:#fff;border-color:var(--pg-ink)}.fb-playground .pg-primary:hover{background:#245746;color:#fff}.pg-primary span{margin-left:.7rem}
.fb-playground :disabled,.fb-playground [aria-disabled=true]{opacity:.5;cursor:default;pointer-events:none}.fb-playground :focus-visible{outline:3px solid #db693d;outline-offset:3px}.fb-playground [hidden]{display:none!important}
.pg-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);border:1px solid var(--pg-line)}.pg-workspace>section{min-width:0}.pg-editor{background:#152c25;color:#eaf0e7;border-right:1px solid var(--pg-line);display:flex;flex-direction:column}
.pg-pane-top{display:flex;justify-content:space-between;align-items:center;height:2.65rem;padding:.4rem .6rem;gap:.5rem;border-bottom:1px solid #809a8c44}.pg-pane-top [role=tablist]{display:flex;gap:.25rem}.pg-editor .pg-pane-top button{color:#becdc4;background:transparent;border-color:transparent;padding:.35rem .6rem;font-size:.62rem}.pg-editor [role=tab][aria-selected=true]{background:#f8f5ec;color:#17382e}.pg-editor .pg-pane-top button:hover{background:#365344;color:white}
.pg-editor [role=tabpanel]{flex:1;min-height:0}.pg-editor textarea{display:block;width:100%;height:31rem;border:0;resize:vertical;padding:1rem;background:#152c25;color:#e4eee3;font:400 .65rem/1.75 Consolas,'Liberation Mono',monospace;tab-size:2;overflow:auto;white-space:pre-wrap;overflow-wrap:break-word;outline-offset:-3px;box-shadow:none;border-radius:0}
.pg-editor-foot{padding:.65rem .8rem;border-top:1px solid #809a8c44;font-size:.57rem;line-height:1.7;color:#c2d1c6}.pg-editor-foot>div{display:flex;gap:1rem;margin-top:.2rem}.pg-editor-foot a{color:#fff;text-decoration:underline;cursor:pointer}
.pg-output{display:flex;flex-direction:column;background:#e9ece5}.pg-output .pg-pane-top{background:var(--pg-paper)}.pg-output-label{font-size:.56rem;font-weight:700;letter-spacing:.14em}.pg-pagination{display:flex;align-items:center;gap:.4rem;font-size:.6rem}.pg-pagination button{padding:.2rem .45rem;background:transparent;border-color:transparent;font-size:.8rem}
.pg-canvas{padding:1rem;display:flex;justify-content:center;align-items:flex-start;min-height:31rem;flex:1}.pg-canvas img{display:block;width:100%;height:auto;max-width:28rem;box-shadow:0 .3rem .8rem #172f231a}.pg-canvas>p{align-self:center;font-size:.7rem}.pg-output-foot{display:flex;align-items:center;justify-content:space-between;padding:.65rem .8rem;gap:.75rem;font-size:.56rem;background:var(--pg-paper);border-top:1px solid var(--pg-line);flex-wrap:wrap}.pg-output-foot a{color:var(--pg-ink);text-decoration:underline}
.md-typeset .pg-status{font-size:.7rem;padding:.65rem .8rem;margin:0;border:1px solid var(--pg-line);border-top:0;background:var(--pg-paper);min-height:2.4rem}.pg-status[data-error=true]{color:#952b19;border-left:3px solid #bf4926}.pg-footnote{font-size:.62rem;color:var(--md-default-fg-color--light);max-width:50rem}.pg-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
@media(max-width:850px){.pg-toolbar{align-items:stretch;flex-direction:column}.pg-picker{justify-content:space-between}.pg-picker select{flex:1}.pg-actions>*{flex:1;text-align:center}.pg-workspace{grid-template-columns:1fr}.pg-editor{border-right:0;border-bottom:1px solid var(--pg-line)}.pg-editor textarea{height:17rem;font-size:13px}.pg-canvas{min-height:20rem;padding:.85rem}.md-typeset .pg-intro h1{font-size:2.2rem}.pg-output-foot{font-size:.6rem}}
@media(prefers-reduced-motion:no-preference){.pg-actions button{transition:background .12s ease}.pg-output[aria-busy=true] .pg-canvas img{opacity:.65}}