.pgdemo{--line-strong:#cfd8e3;--text:#2c3d4f;--shadow-lg:0 40px 80px -32px #0b122073, 0 8px 24px #0b122014;--sans:"Inter",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--mono:ui-monospace,"SF Mono",SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace;font-family:var(--sans);color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-size:16px;line-height:1.6}.pgdemo p{margin:0}.pgdemo .wt{max-width:940px;margin:0 auto}.pgdemo .frame{border:1px solid var(--line-strong);box-shadow:var(--shadow-lg);background:#fff;border-radius:16px;overflow:hidden}.pgdemo .stage{background:#0b1220;height:420px;position:relative;overflow:hidden}.pgdemo .pane{position:absolute;inset:0;overflow:hidden}.pgdemo .stage.scaled .pane{width:744px;height:420px;transform:scale(var(--pscale,1));transform-origin:0 0;bottom:auto;right:auto}.pgdemo .ed-bar{z-index:3;background:#0f1626;border-bottom:1px solid #1c2940;align-items:center;gap:10px;height:38px;padding:0 14px;display:flex;position:absolute;top:0;left:0;right:0}.pgdemo .ed-bar .dots{gap:6px;display:flex}.pgdemo .ed-bar .dots i{background:#2a3a55;border-radius:50%;width:9px;height:9px}.pgdemo .ed-tab{font-family:var(--mono);color:#c7d5e8;background:#0b1220;border:1px solid #1c2940;border-bottom:none;border-radius:8px 8px 0 0;align-items:center;gap:7px;margin-top:9px;padding:7px 14px 6px;font-size:11.5px;display:inline-flex}.pgdemo .ed-tab i{background:#f59e0b;border-radius:50%;width:7px;height:7px}.pgdemo .ed-hint{color:#41536e;margin-left:auto;font-size:10.5px}.pgdemo .ed-body{background:#0b1220;padding:14px 18px;position:absolute;inset:38px 0 0;overflow:hidden}.pgdemo .cline{font-family:var(--mono);color:#dce6f2;white-space:pre;font-size:12.5px;line-height:21px;display:flex}.pgdemo .cline .ln{text-align:right;color:#3d4b61;-webkit-user-select:none;user-select:none;flex:none;width:26px;padding-right:14px}.pgdemo .cline .lc{flex:1;min-width:0;overflow:hidden}.pgdemo .tk-t{color:#7dd3fc}.pgdemo .tk-a{color:#fbbf24}.pgdemo .tk-s{color:#86efac}.pgdemo .tk-c{color:#5b7089}.pgdemo .tk-f{color:#c4b5fd}.pgdemo .tw{white-space:pre;vertical-align:bottom;border-right:2px solid #0000;width:0;display:inline-block;overflow:hidden}.pgdemo .pane.run .tw{animation-name:pgType;animation-fill-mode:both;animation-delay:var(--d,0s)}@keyframes pgType{0%{border-color:#0000;width:0}1%{border-color:#7dd3fc}99%{border-color:#7dd3fc}to{width:calc(var(--n) * 1ch);border-color:#0000}}.pgdemo .paste{opacity:0}.pgdemo .pane.run .paste{animation:.9s ease-out both pgPaste;animation-delay:var(--d,0s)}@keyframes pgPaste{0%{opacity:0;background:#0f9ed529}25%{opacity:1;background:#0f9ed529}to{opacity:1;background:0 0}}.pgdemo .ed-toast{z-index:4;color:#b9d6ee;font-family:var(--mono);background:#0f1b2e;border:1px solid #1e3050;border-radius:9px;align-items:center;gap:8px;padding:8px 12px;font-size:11.5px;display:flex;position:absolute;bottom:12px;right:14px}.pgdemo .ed-toast i{background:#22c55e;border-radius:50%;flex:none;width:7px;height:7px}@keyframes pgUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes pgScale{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:none}}.pgdemo .pane .an{opacity:0}.pgdemo .pane.run .an{animation:.52s cubic-bezier(.22,.7,.3,1) both pgUp;animation-delay:var(--d,0s)}.pgdemo .pane.run .an.scale{animation-name:pgScale}@media (max-width:1040px){.pgdemo .frame{border-radius:14px}}@media (prefers-reduced-motion:reduce){.pgdemo .pane .an,.pgdemo .pane.run .an,.pgdemo .pane .paste,.pgdemo .pane.run .paste{opacity:1!important;animation:none!important;transform:none!important}.pgdemo .pane .tw,.pgdemo .pane.run .tw{border-color:#0000!important;width:auto!important;animation:none!important}}