*,*:before,*:after{box-sizing:border-box}html,body{height:100%;margin:0;background:#0e0e14;color:#f0eeff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.pg-shell{display:flex;flex-direction:column;height:100vh;height:100dvh;overflow:hidden}.pg-bar{position:relative;display:flex;align-items:center;gap:12px;padding:10px 16px;background:#18181f;border-bottom:1px solid rgba(255,255,255,.08);flex-shrink:0;flex-wrap:wrap;row-gap:6px}.pg-logo{display:inline-flex;align-items:center;gap:8px;text-decoration:none;color:inherit;padding:4px 6px;border-radius:6px;transition:background .15s;flex-shrink:0}.pg-logo:hover{background:#ffffff0d}.pg-logo-mark{display:block;color:#a78bfa;transition:transform .18s cubic-bezier(.5,1.4,.4,1)}.pg-logo:hover .pg-logo-mark{transform:scale(1.06) rotate(-2deg)}.pg-logo-name{font-size:13px;font-weight:700;color:#fff;letter-spacing:-.01em}.pg-logo-name .accent{color:#a78bfa}@media (max-width: 720px){.pg-logo-name{display:none}.pg-bar{flex-wrap:nowrap;gap:8px;padding:8px 12px}}.pg-divider{width:1px;height:20px;background:#ffffff1a;flex-shrink:0}.pg-back{display:inline-flex;align-items:center;gap:6px;font-family:monospace;font-size:11px;font-weight:600;color:#a78bfa;text-decoration:none;padding:5px 10px;border-radius:6px;border:1px solid rgba(124,108,255,.3);background:#7c6cff14;transition:background .15s,color .15s,border-color .15s;flex-shrink:0}.pg-back:hover{background:#7c6cff38;color:#fff;border-color:#7c6cff99}.pg-back-label{display:inline}@media (max-width: 720px){.pg-back-label{display:none}.pg-back{padding:5px 8px}}.pg-paging{display:inline-flex;align-items:center;gap:4px;flex-shrink:0}.pg-paging-btn{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;color:#a78bfa;text-decoration:none;border-radius:6px;border:1px solid rgba(124,108,255,.3);background:#7c6cff14;transition:background .15s,color .15s,border-color .15s,opacity .15s}.pg-paging-btn:hover{background:#7c6cff38;color:#fff;border-color:#7c6cff99}.pg-paging-btn.is-disabled{pointer-events:none;opacity:.35}.pg-paging-counter{font-family:monospace;font-size:11px;font-weight:600;color:#b8b6d4;padding:0 6px;min-width:44px;text-align:center;font-variant-numeric:tabular-nums}@media (max-width: 720px){.pg-paging{display:none!important}}.pg-name{font-size:13px;font-weight:600;color:#f0eeff;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pg-tag{font-family:monospace;font-size:10px;padding:2px 8px;border-radius:10px;flex-shrink:0}.pg-tag-css{background:#7c6cff1f;color:#7c6cff}.pg-tag-js{background:#f5a6231f;color:#f5a623}.pg-spacer{flex:1}.pg-meta{font-family:monospace;font-size:11px;color:#b8b6d4}@media (max-width: 720px){.pg-meta{display:none}}.pg-share{display:flex;align-items:center;gap:4px;padding:0 4px}.pg-share-label{font-family:monospace;font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#6a6e76;margin-right:6px}.pg-share-btn{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:6px;border:1px solid rgba(255,255,255,.1);background:transparent;color:#b8b6d4;cursor:pointer;text-decoration:none;transition:background .14s,color .14s,border-color .14s}.pg-share-btn:hover{background:#ffffff0f;color:#fff}.pg-share-btn:focus-visible{outline:2px solid #a78bfa;outline-offset:1px}#pgShareX:hover{background:#0f0f14f2;border-color:#ffffff2e;color:#fff}#pgShareFb:hover{background:#1877f22e;border-color:#1877f28c;color:#1877f2}#pgShareLi:hover{background:#0a66c22e;border-color:#0a66c273;color:#5aa0e0}#pgShareRd:hover{background:#ff450024;border-color:#ff450066;color:#ff6133}#pgShareLink:hover{background:#7c6cff2e;border-color:#7c6cff73;color:#a78bfa}#pgShareLink.done{background:#2ecc8a24;border-color:#2ecc8a66;color:#2ecc8a}@media (max-width: 720px){.pg-share-label{display:none}}.pg-body{flex:1;display:grid;grid-template-columns:1fr 8px 1fr;min-height:0}:root.pg-pre-stack .pg-body,.pg-body.layout-stack{grid-template-columns:1fr;grid-template-rows:1fr 8px 1fr}.pg-body.dragging{-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:col-resize}.pg-body.layout-stack.dragging{cursor:row-resize}.pg-body.dragging .pg-frame{pointer-events:none}@media (max-width: 720px){.pg-body,.pg-body.layout-stack{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr) minmax(0,1fr)}.pg-resizer{display:none!important}}.pg-tabs-mobile{display:none}@media (max-width: 720px){.pg-tabs-mobile{display:flex;gap:2px;background:#18181f;border-bottom:1px solid rgba(255,255,255,.06);padding:4px 4px 0;flex-shrink:0}.pg-tab-mobile{flex:1;font-family:monospace;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#8b89a3;background:transparent;border:none;border-bottom:2px solid transparent;padding:8px 6px 7px;cursor:pointer;transition:color .12s,border-color .12s,background .12s}.pg-tab-mobile:hover{color:#c4b5fd}.pg-tab-mobile.is-active{color:#c4b5fd;border-bottom-color:#7c6cff;background:#7c6cff14}.pg-tab-mobile[hidden]{display:none}.pg-editor.pg-editor-cols-2,.pg-editor.pg-editor-cols-3,.pg-body.layout-stack .pg-editor.pg-editor-cols-2,.pg-body.layout-stack .pg-editor.pg-editor-cols-3{grid-template-columns:1fr!important;grid-template-rows:1fr!important}.pg-editor .pg-pane:not(.is-mobile-active){display:none!important}.pg-editor .pg-pane.is-mobile-active .pg-pane-label{display:none}.pg-tab-copy{flex:0 0 auto;font-family:monospace;font-size:9px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#6f6e88;background:transparent;border:1px solid rgba(255,255,255,.12);border-radius:5px;padding:5px 9px;margin:2px 4px 2px 8px;cursor:pointer;transition:color .12s,border-color .12s,background .12s}.pg-tab-copy:hover{color:#c4b5fd;border-color:#7c6cff73}.pg-tab-copy.done{color:#4ade80;border-color:#4ade8080;background:#4ade801a}}.pg-tab-copy{display:none}@media (max-width: 720px){.pg-tab-copy{display:inline-block}}.pg-menu-btn{display:none}.pg-collapsible{display:contents}@media (max-width: 720px){.pg-tag{display:none}.pg-bar>.pg-divider{display:none}.pg-menu-btn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;background:transparent;border:1px solid rgba(255,255,255,.12);border-radius:7px;color:#b8b6d4;cursor:pointer;flex-shrink:0;transition:color .12s,border-color .12s,background .12s}.pg-menu-btn:hover{color:#c4b5fd;border-color:#7c6cff73}body.pg-menu-open .pg-menu-btn{color:#c4b5fd;border-color:#7c6cff99;background:#7c6cff1f}.pg-collapsible{display:none}body.pg-menu-open .pg-collapsible{display:flex;flex-direction:column;gap:12px;position:absolute;top:100%;right:12px;z-index:100;background:#18181f;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:12px;box-shadow:0 12px 32px #00000073;min-width:240px;max-width:calc(100vw - 24px)}body.pg-menu-open .pg-collapsible .pg-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px}body.pg-menu-open .pg-collapsible .pg-actions .pg-action{width:100%;justify-content:center}#pgFullview{display:none!important}body.pg-menu-open .pg-collapsible>.pg-divider{display:none}body.pg-menu-open .pg-collapsible .pg-share{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}body.pg-menu-open .pg-collapsible .pg-share-label{flex-basis:100%;text-align:left;font-size:9px;color:#6f6e88;margin-bottom:-4px}}:root.pg-pre-fullview .pg-body,body.pg-fullview .pg-body{grid-template-columns:1fr!important;grid-template-rows:1fr!important}:root.pg-pre-fullview .pg-editor,:root.pg-pre-fullview .pg-resizer,body.pg-fullview .pg-editor,body.pg-fullview .pg-resizer{display:none!important}:root.pg-bare .pg-bar{display:none!important}:root.pg-bare .pg-preview{padding:0!important}:root.pg-bare .pg-frame{border-radius:0!important}:root.pg-bare .pg-more{display:none!important}.pg-more{flex-shrink:0;border-top:1px solid #2a2a36;background:#16161f;padding:1.5rem 16px 2rem}.pg-more-head{display:flex;align-items:center;gap:.85rem;margin-bottom:1rem}.pg-more-toggle{margin-right:auto;display:flex;align-items:center;gap:.5rem;background:none;border:none;padding:4px 0;cursor:pointer}.pg-more-chevron{color:#6f6c92;flex-shrink:0;transition:transform .2s ease}.pg-more-toggle:hover .pg-more-chevron{color:#b8b6d4}:root.pg-more-collapsed .pg-more-chevron{transform:rotate(-90deg)}.pg-more-title{font-size:13px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#b8b6d4;white-space:nowrap}.pg-more-toggle:hover .pg-more-title{color:#d4d2e8}.pg-more-title-short{display:none}@media (max-width: 720px){.pg-more-title-full{display:none}.pg-more-title-short{display:inline}}:root.pg-more-collapsed .pg-more{padding:14px 16px}:root.pg-more-collapsed .pg-more-head{margin-bottom:0}:root.pg-more-collapsed .pg-more-rail,:root.pg-more-collapsed .pg-more-nav{display:none}.pg-more-all{font-size:12px;font-weight:600;color:#8b80ff;text-decoration:none;white-space:nowrap}.pg-more-all:hover{color:#a99fff;text-decoration:underline}.pg-more-rail{display:flex;gap:.7rem;overflow-x:auto;padding-bottom:.4rem;scrollbar-width:thin;scrollbar-color:#2a2a36 transparent;scroll-behavior:smooth}.pg-more-card{flex:0 0 auto;display:flex;flex-direction:column;gap:.5rem;min-width:150px;max-width:220px;padding:.85rem 1rem;background:#1f1f2b;border:1px solid #2a2a36;border-radius:10px;text-decoration:none;transition:border-color .15s ease,background .15s ease,transform .15s ease}a.pg-more-card:hover{border-color:#4b3fbf;background:#24243180;transform:translateY(-2px)}.pg-more-card.is-current{border-color:#7c6cff;background:#7c6cff1a;cursor:default}.pg-more-card.is-current .pg-more-name{color:#c4baff}.pg-more-name{font-size:13px;font-weight:600;color:#f0eeff;line-height:1.3}.pg-more-tag{align-self:flex-start;font-size:9px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;padding:3px 7px;border-radius:20px}.pg-more-tag-css{color:#c4b5fd;background:#7c3aed29}.pg-more-tag-js{color:#fcd34d;background:#d9770629}.pg-more-nav{display:flex;gap:.4rem}.pg-more-nav[hidden]{display:none}.pg-more-arrow{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;color:#b8b6d4;background:#1f1f2b;border:1px solid #2a2a36;border-radius:7px;cursor:pointer;transition:color .15s ease,border-color .15s ease,background .15s ease,opacity .15s ease}.pg-more-arrow:hover{color:#f0eeff;border-color:#4b3fbf;background:#242431}.pg-more-arrow.is-off{opacity:.32;pointer-events:none}.pg-resizer{position:relative;background:#2a2a36;border-left:1px solid rgba(255,255,255,.1);border-right:1px solid rgba(255,255,255,.1);cursor:col-resize;transition:background .14s;display:flex;align-items:center;justify-content:center;flex-shrink:0}:root.pg-pre-stack .pg-resizer,.pg-body.layout-stack .pg-resizer{cursor:row-resize;border-left:none;border-right:none;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1)}:root.pg-pre-stack .pg-resizer:before,.pg-body.layout-stack .pg-resizer:before{width:38px;height:2px;box-shadow:-10px 0 #ffffff73,10px 0 #ffffff73}.pg-body.layout-stack .pg-resizer:hover:before,.pg-body.layout-stack .pg-resizer:focus-visible:before,.pg-body.layout-stack.dragging .pg-resizer:before{box-shadow:-10px 0 #fff,10px 0 #fff}.pg-resizer:hover,.pg-resizer:focus-visible,.pg-body.dragging .pg-resizer{background:#7c6cff;outline:none}.pg-resizer:before{content:"";width:2px;height:38px;border-radius:2px;background:#ffffff73;box-shadow:0 -10px #ffffff73,0 10px #ffffff73;transition:background .14s,box-shadow .14s}.pg-resizer:hover:before,.pg-resizer:focus-visible:before,.pg-body.dragging .pg-resizer:before{background:#fff;box-shadow:0 -10px #fff,0 10px #fff}.pg-resizer:focus-visible{box-shadow:inset 0 0 0 2px #fff}.pg-actions{display:inline-flex;align-items:center;gap:6px;flex-shrink:0}.pg-action{font-family:monospace;font-size:10px;font-weight:600;padding:4px 10px;border-radius:5px;border:1px solid rgba(255,255,255,.13);background:transparent;color:#cbd5e1;cursor:pointer;transition:background .15s,color .15s,border-color .15s}.pg-action:hover{background:#ffffff0f;color:#fff}.pg-action.done{color:#2ecc8a;border-color:#2ecc8a66;background:#2ecc8a1a}#pgDownload{background:#7c5cff;border-color:#7c5cff;color:#fff}#pgDownload:hover{background:#8f74ff;border-color:#8f74ff;color:#fff}#pgDownload.done{background:#2ecc8a29;border-color:#2ecc8a73;color:#2ecc8a}.pg-action-icon{padding:4px 6px;display:inline-flex;align-items:center;justify-content:center;line-height:0}.pg-action-icon .pg-layout-icon,.pg-action-icon .pg-fullview-icon{display:none}.pg-action-icon .pg-layout-icon-stack{display:block}body.pg-layout-stack .pg-action-icon .pg-layout-icon-stack{display:none}body.pg-layout-stack .pg-action-icon .pg-layout-icon-side,.pg-action-icon .pg-fullview-icon-enter{display:block}body.pg-fullview .pg-action-icon .pg-fullview-icon-enter{display:none}body.pg-fullview .pg-action-icon .pg-fullview-icon-exit{display:block}@media (max-width: 720px){#pgLayout{display:none}}.pg-editor{display:grid;min-width:0;min-height:0;background:#14141b}.pg-editor.pg-editor-cols-2{grid-template-columns:1fr;grid-template-rows:1fr 1fr}.pg-editor.pg-editor-cols-3{grid-template-columns:1fr;grid-template-rows:1fr 1fr 1fr}.pg-body.layout-stack .pg-editor.pg-editor-cols-2,:root.pg-pre-stack .pg-editor.pg-editor-cols-2{grid-template-columns:1fr 1fr;grid-template-rows:1fr}.pg-body.layout-stack .pg-editor.pg-editor-cols-3,:root.pg-pre-stack .pg-editor.pg-editor-cols-3{grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr}@media (max-width: 900px){.pg-editor.pg-editor-cols-2,.pg-body.layout-stack .pg-editor.pg-editor-cols-2{grid-template-columns:1fr;grid-template-rows:1fr 1fr}.pg-editor.pg-editor-cols-3,.pg-body.layout-stack .pg-editor.pg-editor-cols-3{grid-template-columns:1fr;grid-template-rows:1fr 1fr 1fr}}.pg-pane{display:flex;flex-direction:column;min-width:0;min-height:0;border-right:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.05);background:#1f1f28}.pg-pane:last-child{border-right:none;border-bottom:none}.pg-pane.is-focused .pg-pane-label{color:#c4b5fd;border-left-color:#7c6cff}.pg-pane-label{display:flex;align-items:center;justify-content:space-between;gap:8px;font-family:monospace;font-size:9.5px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:#6f6e88;padding:4px 6px 4px 14px;background:#18181f;border-bottom:1px solid rgba(255,255,255,.06);border-left:2px solid transparent;flex-shrink:0;transition:color .12s,border-color .12s}.pg-pane-copy{font-family:monospace;font-size:9px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#6f6e88;background:transparent;border:1px solid rgba(255,255,255,.1);border-radius:5px;padding:3px 8px;cursor:pointer;transition:color .12s,border-color .12s,background .12s}.pg-pane-copy:hover{color:#c4b5fd;border-color:#7c6cff80;background:#7c6cff14}.pg-pane-copy.done{color:#4ade80;border-color:#4ade8080;background:#4ade801a}.pg-editor-el{flex:1;margin:0;padding:12px 14px 12px 50px;background:#1f1f28;color:#d4d4dc;caret-color:#fff;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,Courier New,monospace;font-size:14px;font-weight:400;line-height:1.6;-moz-tab-size:2;-o-tab-size:2;tab-size:2;letter-spacing:0;word-spacing:0;white-space:pre;box-sizing:border-box;overflow:auto;outline:none;counter-reset:pgline;min-height:0;font-variant-ligatures:none;font-feature-settings:normal;font-kerning:none;text-rendering:geometricPrecision;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.pg-editor-el::selection{background:#7c6cff66}.pg-editor-el::-moz-selection{background:#7c6cff66}.pg-editor-el:focus,.pg-editor-el:focus-visible{outline:none;box-shadow:none}.pg-editor-el{scrollbar-width:thin;scrollbar-color:#3a3a48 #1f1f28}.pg-editor-el::-webkit-scrollbar{width:8px;height:8px}.pg-editor-el::-webkit-scrollbar-track{background:#1f1f28}.pg-editor-el::-webkit-scrollbar-thumb{background:#3a3a48;border-radius:4px}.pg-editor-el::-webkit-scrollbar-thumb:hover{background:#4a4a58}.pg-editor-el::-webkit-scrollbar-corner{background:#1f1f28}.pg-editor-el .pg-line{counter-increment:pgline;display:inline;position:relative}.pg-editor-el .pg-line:before{content:counter(pgline);position:absolute;left:-50px;top:0;width:38px;text-align:right;color:#4a4a58;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}.tk-tag{color:#c4b5fd}.tk-attr{color:#7dd3fc;font-style:italic}.tk-str{color:#fcd34d}.tk-prop{color:#7dd3fc}.tk-sel{color:#c4b5fd}.tk-atrule{color:#f472b6}.tk-kw{color:#c4b5fd}.tk-fn{color:#fcd34d}.tk-num{color:#a3e635}.tk-com{color:#5a5a68;font-style:italic}.tk-pun{color:#9ca3af}.tk-bool,.tk-op{color:#f472b6}.tk-color{color:#a3e635}.pg-preview{display:flex;flex-direction:column;min-width:0;min-height:0;background:#1f1f28}.pg-preview-toolbar{display:flex;align-items:center;gap:12px;padding:6px 10px;background:#14141c;border-bottom:1px solid #2a2a38;flex-shrink:0;font-size:12px;color:#d4d2e8}.pg-preview-presets{display:inline-flex;align-items:center;gap:4px}.pg-preview-preset{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;font:inherit;color:#b8b6d4;background:transparent;border:1px solid transparent;border-radius:5px;cursor:pointer;white-space:nowrap;transition:background .12s,color .12s,border-color .12s}.pg-preview-preset svg{opacity:.85}.pg-preview-preset:hover{background:#7c6cff1a;color:#f0eeff}.pg-preview-preset.is-active{background:#7c6cff2e;border-color:#7c6cff6b;color:#fff}.pg-preview-preset.is-active svg{opacity:1}.pg-preview-size{margin-left:auto;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;color:#9b96bf;font-variant-numeric:tabular-nums;letter-spacing:.02em}.pg-preview-stage{flex:1;min-width:0;min-height:0;display:flex;align-items:stretch;justify-content:center;background:#14141c;padding:0;overflow:auto}.pg-preview-stage[data-preset=fluid]{padding:0}.pg-preview-stage:not([data-preset=fluid]){padding:14px}.pg-preview-frame-wrap{position:relative;flex:1;min-width:0;min-height:0;background:#1f1f28;display:flex}.pg-preview-stage:not([data-preset=fluid]) .pg-preview-frame-wrap{flex:0 0 auto;align-self:stretch;border-radius:6px;box-shadow:0 6px 20px #0006;overflow:hidden}.pg-frame{flex:1;border:0;width:100%;background:#1f1f28;display:block;min-height:0}.pg-preview-grip{position:absolute;z-index:2;background:transparent;display:none}.pg-preview-stage:not([data-preset=fluid]) .pg-preview-grip{display:block}.pg-preview-grip-r{top:0;right:-5px;width:10px;height:100%;cursor:ew-resize}.pg-preview-grip-r:after{content:"";position:absolute;top:50%;left:50%;width:4px;height:36px;margin:-18px 0 0 -2px;background:#3a3a48;border-radius:2px;transition:background .12s}.pg-preview-grip-r:hover:after{background:#7c6cff}.pg-preview-grip-b{bottom:-5px;left:0;width:100%;height:10px;cursor:ns-resize}.pg-preview-grip-b:after{content:"";position:absolute;top:50%;left:50%;width:36px;height:4px;margin:-2px 0 0 -18px;background:#3a3a48;border-radius:2px;transition:background .12s}.pg-preview-grip-b:hover:after{background:#7c6cff}.pg-preview-grip-br{bottom:-5px;right:-5px;width:14px;height:14px;cursor:nwse-resize}.pg-preview-grip-br:after{content:"";position:absolute;bottom:4px;right:4px;width:6px;height:6px;border-right:2px solid #3a3a48;border-bottom:2px solid #3a3a48;transition:border-color .12s}.pg-preview-grip-br:hover:after{border-color:#7c6cff}body.pg-resizing-preview{cursor:nwse-resize;-webkit-user-select:none;-moz-user-select:none;user-select:none}body.pg-resizing-preview .pg-frame{pointer-events:none}@media (max-width: 720px){.pg-preview-toolbar{display:none}.pg-preview-stage{padding:0!important;background:#1f1f28}.pg-preview-stage:not([data-preset=fluid]) .pg-preview-frame-wrap{border-radius:0;box-shadow:none}.pg-preview-grip{display:none!important}}.pg-drawer{flex-shrink:0;background:#14141c;border-top:1px solid #2a2a38;font-size:12px;color:#d4d2e8;display:flex;flex-direction:column;max-height:60%}.pg-drawer[data-state=closed] .pg-drawer-body{display:none}.pg-drawer-tabs{display:flex;align-items:center;height:32px;padding:0 6px;gap:2px;flex-shrink:0}.pg-drawer-tab{display:inline-flex;align-items:center;gap:5px;padding:0 10px;height:26px;background:transparent;border:0;color:#b8b6d4;font:inherit;cursor:pointer;border-radius:4px;position:relative}.pg-drawer-tab:hover{background:#ffffff0a;color:#f0eeff}.pg-drawer-tab.is-active{color:#f0eeff;background:#7c6cff24}.pg-drawer-tab-label{font-weight:600}.pg-drawer-tab-count{display:inline-flex;min-width:16px;height:16px;align-items:center;justify-content:center;padding:0 4px;border-radius:8px;background:#9b96bf38;color:#d4d2e8;font-size:10px;font-variant-numeric:tabular-nums}.pg-drawer-tab-count:empty{display:none}.pg-drawer-tab-count-err.has-unseen{background:#f472b652;color:#fff;box-shadow:0 0 0 2px #f472b638}.pg-drawer-spacer{flex:1}.pg-drawer-clear,.pg-drawer-toggle{background:transparent;border:0;color:#9b96bf;font:inherit;cursor:pointer;padding:4px 8px;border-radius:4px}.pg-drawer-clear:hover,.pg-drawer-toggle:hover{background:#ffffff0f;color:#fff}.pg-drawer-toggle{display:inline-flex;align-items:center;justify-content:center;width:28px;height:26px;padding:0}.pg-drawer-toggle svg{transition:transform .14s}.pg-drawer[data-state=open] .pg-drawer-toggle svg{transform:rotate(180deg)}.pg-drawer-body{flex:1;min-height:0;display:flex;overflow:hidden;border-top:1px solid #2a2a38}.pg-drawer-panel{display:none;flex:1;min-height:0;overflow:auto;scrollbar-width:thin;scrollbar-color:#3a3a48 #14141c}.pg-drawer-panel.is-active{display:block}.pg-drawer-empty{padding:18px 16px;color:#6b6886;font-size:12px;text-align:left}.pg-drawer-empty code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;background:#ffffff0a;padding:1px 5px;border-radius:3px;color:#c4b5fd}.pg-drawer-list{list-style:none;margin:0;padding:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11.5px;line-height:1.55}.pg-drawer-list li{display:grid;grid-template-columns:88px 52px 1fr;gap:8px;align-items:baseline;padding:4px 14px;border-bottom:1px solid #1a1a24}.pg-drawer-list li:hover{background:#ffffff05}.pg-log-time{color:#5a5a68;font-size:10.5px;font-variant-numeric:tabular-nums}.pg-log-level{text-transform:uppercase;font-size:10px;font-weight:700;letter-spacing:.06em;padding:1px 5px;border-radius:3px;text-align:center}.pg-log-log .pg-log-level{color:#a3b8d4;background:#a3b8d41a}.pg-log-info .pg-log-level{color:#7dd3fc;background:#7dd3fc1a}.pg-log-warn .pg-log-level{color:#fcd34d;background:#fcd34d1a}.pg-log-error .pg-log-level{color:#f9a8d4;background:#f472b629}.pg-log-body{color:#d4d2e8;white-space:pre-wrap;word-break:break-word;min-width:0}.pg-log-warn .pg-log-body{color:#fcd34d}.pg-log-error .pg-log-body{color:#f9a8d4}.pg-drawer-panel-errors .pg-drawer-list li{grid-template-columns:88px 1fr auto;align-items:start}.pg-err{background:#f472b608}.pg-err-body{display:block;color:#f9a8d4;min-width:0}.pg-err-msg{font-weight:600}.pg-err-loc{color:#b8b6d4;font-weight:400}.pg-err-stack{margin:4px 0 0;padding:6px 8px;background:#00000052;color:#b8b6d4;font-family:inherit;font-size:10.5px;line-height:1.5;border-radius:4px;overflow:auto;max-height:100px}.pg-err-jump{background:transparent;border:1px solid rgba(124,108,255,.4);color:#c4b5fd;border-radius:4px;padding:2px 8px;font-size:10px;font-family:inherit;cursor:pointer;white-space:nowrap}.pg-err-jump:hover{background:#7c6cff29;color:#fff}@media (max-width: 720px){.pg-drawer-list li{grid-template-columns:64px 48px 1fr;padding:4px 10px;gap:6px}.pg-drawer-panel-errors .pg-drawer-list li{grid-template-columns:64px 1fr}.pg-err-jump{grid-column:1 / -1;justify-self:start;margin-top:4px}}.pg-find-bar{position:fixed;z-index:1100;display:none;align-items:center;gap:6px;padding:6px 8px;background:#1f1f28;border:1px solid #3a3a48;border-radius:8px;box-shadow:0 8px 24px #0006;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;font-size:12px;color:#d4d2e8}.pg-find-bar.is-open{display:flex}.pg-find-input{background:#14141c;color:#f0eeff;border:1px solid #3a3a48;border-radius:5px;padding:5px 8px;font:inherit;width:200px;outline:none}.pg-find-input:focus{border-color:#7c6cff}.pg-find-counter{min-width:38px;text-align:center;color:#9b96bf;font-size:11px;font-variant-numeric:tabular-nums}.pg-find-btn{background:transparent;border:1px solid transparent;color:#b8b6d4;border-radius:4px;width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-size:14px;line-height:1}.pg-find-btn:hover{background:#7c6cff2e;color:#fff;border-color:#7c6cff66}@media (max-width: 720px){.pg-find-input{width:140px}}.pg-editor-el mark.pg-find-hit{background:#fcd34d47;color:inherit;border-radius:2px;padding:0;box-shadow:0 0 0 1px #fcd34d6b}.pg-editor-el mark.pg-find-hit-active{background:#fcd34d8c;box-shadow:0 0 0 1px #fcd34de6}.pg-modal-root{position:fixed;inset:0;z-index:1200;display:none;align-items:center;justify-content:center;padding:24px}.pg-modal-root.is-open{display:flex}.pg-modal-backdrop{position:absolute;inset:0;background:#07070fa8;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.pg-modal{position:relative;width:min(560px,100%);max-height:min(80vh,640px);display:flex;flex-direction:column;background:#1f1f28;border:1px solid #3a3a48;border-radius:14px;box-shadow:0 24px 64px #00000080;color:#f0eeff;overflow:hidden}.pg-modal-head{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;background:linear-gradient(90deg,rgba(124,108,255,.1) 0%,rgba(167,139,250,.04) 60%,transparent 100%),#1f1f28;border-bottom:1px solid #2a2a38}.pg-modal-title{margin:0;font-size:14px;font-weight:600;letter-spacing:.01em;color:#f0eeff}.pg-modal-close{background:transparent;border:0;color:#9b96bf;font-size:22px;line-height:1;cursor:pointer;width:28px;height:28px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center}.pg-modal-close:hover{background:#ffffff0f;color:#fff}.pg-modal-body{padding:12px 18px 18px;overflow:auto;scrollbar-width:thin;scrollbar-color:#3a3a48 #1f1f28}.pg-modal-sec{margin:14px 0 8px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:#9b96bf}.pg-modal-sec:first-child{margin-top:0}.pg-modal-list{list-style:none;margin:0;padding:0;display:grid;gap:6px}.pg-modal-list li{display:grid;grid-template-columns:minmax(140px,auto) 1fr;align-items:center;gap:14px;padding:6px 8px;border-radius:6px}.pg-modal-list li:hover{background:#7c6cff0f}.pg-modal-keys{display:inline-flex;align-items:center;gap:4px;flex-wrap:wrap}.pg-modal-desc{font-size:13px;color:#d4d2e8}.pg-kbd{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px;color:#f0eeff;background:#14141c;border:1px solid #3a3a48;border-bottom-width:2px;border-radius:4px;white-space:nowrap}.pg-kbd-plus{color:#5a5a68;font-size:10px;font-family:inherit}@media (max-width: 480px){.pg-modal-list li{grid-template-columns:1fr;gap:4px}}.pg-restore-banner{display:none;align-items:center;gap:12px;padding:10px 16px;font-size:13px;color:#e8e6f5;background:#181820;border-bottom:1px solid #2a2a38;border-left:3px solid #a78bfa}.pg-restore-banner.is-visible{display:flex}.pg-restore-icon{display:inline-flex;width:28px;height:28px;align-items:center;justify-content:center;border-radius:50%;background:#a78bfa29;color:#c4b5fd;flex-shrink:0}.pg-restore-icon svg{display:block}.pg-restore-text strong{color:#fff;font-weight:600}.pg-restore-text{flex:1;min-width:0;color:#d4d2e8;max-width:540px}.pg-restore-btn{background:transparent;color:#c4b5fd;border:1px solid rgba(167,139,250,.5);border-radius:6px;padding:5px 12px;font-size:12px;font-weight:600;cursor:pointer;letter-spacing:.01em;transition:background .12s,color .12s,border-color .12s}.pg-restore-btn:hover{background:#a78bfa24;color:#fff;border-color:#a78bfacc}.pg-restore-primary{background:#7c6cff;color:#fff;border-color:#7c6cff}.pg-restore-primary:hover{background:#6c5cf5;border-color:#6c5cf5;color:#fff}.pg-restore-close{background:transparent;border:0;color:#8b88a8;font-size:20px;line-height:1;cursor:pointer;width:26px;height:26px;border-radius:5px;margin-left:4px;flex-shrink:0}.pg-restore-close:hover{background:#ffffff14;color:#fff}@media (max-width: 720px){.pg-restore-banner{padding:8px 12px;font-size:12px;gap:8px;flex-wrap:wrap}.pg-restore-text{flex:1 1 100%;font-size:12px;max-width:none}.pg-restore-btn{padding:4px 10px;font-size:11px}}.pg-action-save{display:inline-flex;align-items:center;gap:6px}.pg-action-save .pg-save-icon-svg{display:inline-flex}.pg-save-chev{opacity:.7;transition:transform .12s}.pg-action-save[aria-expanded=true] .pg-save-chev{transform:rotate(180deg)}.pg-action.is-dirty{position:relative}.pg-action.is-dirty:after{content:"";position:absolute;top:5px;right:5px;width:6px;height:6px;border-radius:50%;background:#f59e0b;box-shadow:0 0 0 2px #f59e0b2e;pointer-events:none}.pg-save-dropdown{position:fixed;z-index:1100;display:none;flex-direction:column;min-width:280px;max-width:360px;max-height:60vh;overflow:auto;padding:6px;background:#1f1f28;border:1px solid #3a3a48;border-radius:10px;box-shadow:0 16px 40px #00000080;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,system-ui,sans-serif;font-size:13px;color:#f0eeff;scrollbar-width:thin;scrollbar-color:#3a3a48 #1f1f28}.pg-save-dropdown.is-open{display:flex}.pg-save-item,.pg-save-load{display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px;background:transparent;border:0;color:inherit;font:inherit;text-align:left;border-radius:6px;cursor:pointer}.pg-save-item:hover,.pg-save-load:hover{background:#7c6cff29;color:#fff}.pg-save-new{font-weight:600}.pg-save-plus{display:inline-flex;width:20px;height:20px;align-items:center;justify-content:center;border-radius:4px;background:#7c6cff33;color:#c4b5fd;font-size:14px}.pg-save-label{flex:1;min-width:0}.pg-save-hint{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;color:#9b96bf;padding:1px 5px;border:1px solid #3a3a48;border-radius:3px}.pg-save-sep{height:1px;background:#2a2a38;margin:4px 8px}.pg-save-section{padding:6px 10px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#9b96bf}.pg-save-row{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:2px}.pg-save-load{min-width:0;padding:6px 10px}.pg-save-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pg-save-when{font-size:10px;color:#9b96bf;font-variant-numeric:tabular-nums;margin-left:6px}.pg-save-icon{background:transparent;border:0;color:#9b96bf;width:26px;height:26px;border-radius:5px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-size:12px}.pg-save-icon:hover{background:#ffffff0f;color:#fff}.pg-save-del:hover{background:#f472b629;color:#f9a8d4}.pg-save-empty{padding:12px 10px;font-size:11px;color:#9b96bf;line-height:1.5}.pg-toast{position:fixed;left:50%;bottom:32px;transform:translate(-50%,12px);z-index:1300;padding:8px 16px;background:#1f1f28;color:#f0eeff;font-size:13px;border:1px solid #3a3a48;border-radius:999px;box-shadow:0 12px 32px #00000080;opacity:0;pointer-events:none;transition:opacity .18s,transform .18s;max-width:calc(100% - 32px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pg-toast.is-visible{opacity:1;transform:translate(-50%)}@media (prefers-reduced-motion: reduce){.pg-toast{transition:opacity 80ms}.pg-save-chev{transition:none}}html.pg-active body{padding:0;margin:0}html.pg-active body>nav,html.pg-active body>header,html.pg-active body>footer,html.pg-active aside[aria-label*=hare],html.pg-active .cf-shell-aside{display:none!important}html.pg-active body,html.pg-active body main,html.pg-active body>main,html.pg-active .cf-shell,html.pg-active .cf-shell-main{display:block!important;padding:0!important;margin:0!important;max-width:none!important}html.pg-active body{min-height:100vh;min-height:100dvh;height:100vh;height:100dvh}html:not(.pg-active) #pgPlayground{display:none!important}