/*8fbad749522666c8*/
.pg{display:flex;align-items:stretch;background:var(--bg)}.pg-page{flex-direction:column;gap:10px;width:calc(100% - 20px);max-width:var(--max-w);margin:12px auto 40px;padding:0 var(--page-pad)}.pg-page .pg-pane{flex:0 0 auto}.pg-page .pg-stage{flex:0 0 auto;aspect-ratio:3 / 2}.pg-page .pg-editor{height:min(60vh,560px)}.pg-stacked{flex-direction:column;margin:18px 0 32px;gap:10px}.pg-stacked .pg-pane-stage{flex:0 0 auto}.pg-stacked .pg-pane-code{flex:0 0 auto}.pg-stacked .pg-source{overflow:visible}.pg-stacked .pg-stage{position:relative;width:100%;max-width:900px;margin:0 auto;aspect-ratio:900 / 600;overflow:hidden}.pg-stacked .pg-frame{position:absolute;top:0;left:0;width:900px;height:600px;transform-origin:top left;transform:scale(var(--pg-scale,1))}.pg-pane{display:flex;flex-direction:column;min-width:0;background:var(--bg-card);border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden}.pg-dots{display:flex;align-items:center;gap:6px}.pg-dot{width:8px;height:8px;border-radius:50%}.pg-dot-red{background:#ff5f57}.pg-dot-yellow{background:#febc2e}.pg-dot-green{background:#28c840}.pg-pane-code{flex:0 0 50%}.pg-pane-stage{flex:1 1 auto;border-color:var(--line-strong);box-shadow:0 1px 2px rgba(20,30,50,.06),0 16px 40px -28px rgba(20,30,50,.5)}[data-theme="dark"] .pg-pane-stage{box-shadow:0 0 0 1px rgba(255,255,255,.04),0 18px 44px -30px rgba(0,0,0,.8)}.pg-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;height:34px;padding:0 12px;background:var(--code-header-bg);border-bottom:1px solid var(--line);flex-shrink:0}.pg-label{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.04em;color:var(--text-muted);user-select:none}.pg-actions{display:flex;gap:6px}.pg-btn{font-family:var(--font-sans);font-size:.74rem;font-weight:500;color:var(--text-secondary);background:var(--bg-hover);border:none;border-radius:var(--radius-sm);padding:4px 9px;cursor:pointer;transition:background .15s,color .15s}.pg-btn:hover{color:var(--text);background:var(--bg-active)}.pg-btn-primary{color:#fff;background:var(--accent)}.pg-btn-primary:hover{background:var(--accent-hover);color:#fff}.pg-btn kbd{font-family:var(--font-mono);font-size:.68rem;opacity:.75;margin-left:4px}.pg-editor{position:relative;flex:1 1 auto;min-height:0;display:flex;background:var(--code-bg);overflow:hidden;font:400 13px/21px var(--font-code);font-variant-ligatures:none}.pg-gutter{flex:0 0 auto;padding:12px 8px 12px 12px;text-align:right;font:inherit;color:var(--text-faint);background:var(--code-bg);user-select:none;overflow:hidden;z-index:2}.pg-gutter span{display:block}.pg-code{position:absolute;top:0;left:52px;right:0;bottom:0;margin:0;padding:12px;border:0;font:inherit;font-variant-ligatures:none;letter-spacing:normal;tab-size:4;white-space:pre;overflow:auto;outline:none;resize:none;color:var(--code-text);caret-color:var(--text);background:transparent}.pg-code::selection,.pg-code *::selection{background:rgba(168,195,57,.35)}.pg-code[class*="language-"]{font:inherit;font-variant-ligatures:none}.pg-doc-code{display:block;margin:0 0 14px}.pg-doc-code .pg-source{overflow-x:auto}.pg-source{flex:1 1 auto;min-height:0;overflow:auto;padding:12px;background:var(--code-bg)}.pg-source pre,.pg-source pre[class*="language-"],.pg .pg-source pre[class*="language-"]{margin:0;padding:0;border:0;border-radius:0;background:none}.pg-stage{flex:1 1 auto;min-height:0;background:var(--stage-bg)}.pg-frame{display:block;width:100%;height:100%;border:0}.theme-reveal .pg-stage{view-transition-name:engine-stage}::view-transition-group(engine-stage){animation:none}::view-transition-image-pair(engine-stage){isolation:auto}::view-transition-old(engine-stage){animation:none;display:none}::view-transition-new(engine-stage){animation:none;mix-blend-mode:normal;display:block}.pg-pane:fullscreen{display:flex;flex-direction:column;width:100%;height:100%;border:0;border-radius:0;box-shadow:none;background:var(--stage-bg)}.pg-pane:fullscreen .pg-toolbar,.pg-pane:fullscreen .pg-log{display:none}.pg-pane:fullscreen .pg-stage{flex:1 1 auto;min-height:0;width:100%;max-width:none;height:auto;margin:0;aspect-ratio:auto}.pg-pane:fullscreen .pg-frame{position:absolute;inset:0;width:100%;height:100%;transform:none}.pg .pg-log{flex:0 0 auto;max-height:120px;overflow:auto;margin:0;padding:8px 12px;font-family:var(--font-mono);font-size:.72rem;line-height:1.5;color:var(--text-muted);background:var(--bg-muted);border:0;border-top:1px solid var(--line);border-radius:0;white-space:pre-wrap}.pg .pg-log:empty{display:none}.pg-log-err{color:#d9534f}[data-theme="dark"] .pg-log-err{color:#f08a86}@media (max-width: 860px){.pg-page{margin:10px auto 28px;padding:0 12px}.pg-page .pg-editor{height:50vh}}