.main-frame:has(.pg-root) .content-panel{padding-inline:0}.main-frame:has(.pg-root) .content-panel:first-of-type{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;padding:0;border:0}.main-frame:has(.pg-root) .content-panel+.content-panel{border-top:0;padding-top:0}.main-frame:has(.pg-root) .sl-container{max-width:none;margin:0}.main-frame:has(.pg-root) .sl-markdown-content{margin:0}.main-frame:has(.pg-root) footer{display:none}.pg-root{--pg-bg: var(--sl-color-bg);--pg-fg: var(--sl-color-white);--pg-muted: var(--sl-color-gray-3);--pg-line: var(--sl-color-hairline-light);--pg-panel: var(--sl-color-bg-nav);--pg-accent: var(--sl-color-accent);--pg-on-accent: var(--sl-color-black);--pg-active-line: color-mix(in srgb, var(--sl-color-accent) 9%, transparent);--pg-selection: color-mix(in srgb, var(--sl-color-accent) 30%, transparent);--pg-ok: #15803d;--pg-warn: #a16207;--pg-err: #b91c1c;--pg-tok-key: #1d4ed8;--pg-tok-string: #15803d;--pg-tok-number: #b45309;--pg-tok-comment: #64748b;--pg-tok-meta: #9333ea;--pg-tok-punct: #475569;--pg-head: calc(var(--sl-nav-height) + 0px);display:flex;flex-direction:column;height:calc(100dvh - var(--sl-nav-height));min-height:26rem;color:var(--pg-fg);background:var(--pg-bg)}:root[data-theme=dark] .pg-root{--pg-on-accent: var(--sl-color-black);--pg-ok: #4ade80;--pg-warn: #facc15;--pg-err: #f87171;--pg-tok-key: #93c5fd;--pg-tok-string: #86efac;--pg-tok-number: #fdba74;--pg-tok-comment: #94a3b8;--pg-tok-meta: #d8b4fe;--pg-tok-punct: #cbd5e1}.pg-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;padding:.5rem 1rem;border-bottom:1px solid var(--pg-line)}.pg-title{font-weight:600;font-size:var(--sl-text-lg)}.pg-lede{margin:0 auto 0 .25rem;color:var(--pg-muted);font-size:var(--sl-text-sm)}.pg-control{font:inherit;font-size:var(--sl-text-sm);min-height:2.5rem;padding:0 .85rem;border-radius:.5rem;border:1px solid var(--sl-color-gray-4);background:var(--pg-panel);color:var(--pg-fg);cursor:pointer}.pg-control:hover{border-color:var(--pg-accent)}.pg-root :is(button,select,a):focus-visible{outline:3px solid var(--pg-accent);outline-offset:2px}#pg-starter{max-width:20rem}.pg-small{min-height:2rem;padding:0 .6rem}.pg-message{margin:0;padding:0 1rem;font-size:var(--sl-text-sm);color:var(--pg-muted)}.pg-message:not(:empty){padding-block:.4rem;border-bottom:1px solid var(--pg-line)}.pg-link-button{font:inherit;padding:0;border:0;background:none;color:var(--sl-color-text-accent);text-decoration:underline;cursor:pointer}.pg-banner{display:flex;gap:.75rem;align-items:center;padding:.4rem 1rem;font-size:var(--sl-text-sm);background:color-mix(in srgb,var(--pg-accent) 12%,var(--pg-bg));border-bottom:1px solid var(--pg-line)}.pg-banner[hidden]{display:none}.pg-banner p{margin:0;flex:1}#pg-shared-hosts{font-family:var(--__sl-font-mono);overflow-wrap:anywhere}.pg-panes{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.pg-code{display:flex;flex-direction:column;min-height:0;border-right:1px solid var(--pg-line)}.pg-status{display:flex;align-items:center;gap:.5rem;padding:.2rem .5rem .2rem .25rem;border-bottom:1px solid var(--pg-line);font-size:var(--sl-text-sm)}.pg-status-btn{flex:1;min-width:0;min-height:2.5rem;display:flex;align-items:center;gap:.5rem;padding:0 .5rem;font:inherit;text-align:left;color:inherit;background:none;border:0;border-radius:.375rem;cursor:pointer}.pg-status-btn[aria-disabled=true]{cursor:default}.pg-dot{flex:none;width:.7rem;height:.7rem;border-radius:50%;background:var(--pg-muted)}.pg-status[data-state=ok] .pg-dot{background:var(--pg-ok)}.pg-status[data-state=warning] .pg-dot{background:var(--pg-warn);border-radius:2px;transform:rotate(45deg) scale(.85)}.pg-status[data-state=error] .pg-dot{background:var(--pg-err);border-radius:2px}.pg-swap{display:none}.pg-editor{flex:1;min-height:0;overflow:hidden}.pg-editor .cm-editor{height:100%}.pg-editor .cm-content,.pg-editor .cm-gutters{font-size:14px;line-height:1.55}.pg-loading{margin:1rem;color:var(--pg-muted)}.pg-hint{margin:0;padding:.35rem .75rem;font-size:var(--sl-text-xs);color:var(--pg-muted);border-top:1px solid var(--pg-line)}.pg-hint kbd,.pg-about kbd{font-size:.85em}.pg-hover{padding:.4rem .6rem;max-width:22rem;font-size:var(--sl-text-sm)}.pg-hover code{color:var(--pg-muted);background:none}.pg-hover p{margin:.25rem 0 0}.cm-completionInfo.cm-completionInfo-below{position:absolute;padding:.4rem .6rem}.cm-tooltip-lint a{color:var(--sl-color-text-accent)}.pg-preview{position:relative;min-height:0;overflow:hidden;container-type:size}.pg-root[data-kind=scrollytelling] .pg-preview{overflow:auto}.pg-preview>ml-map.pg-preview-el{position:absolute;inset:0;height:100%}.pg-preview>ml-scrollytelling.pg-preview-el{--ml-scrolly-map-height: 100cqh}.pg-pill{position:absolute;z-index:5;top:.6rem;left:50%;transform:translate(-50%);margin:0;padding:.25rem .75rem;border-radius:999px;font-size:var(--sl-text-xs);color:#fff;background:#8c1c1c;white-space:nowrap}.pg-empty,.pg-story-gate{position:absolute;inset:0;z-index:4;margin:0;display:flex;flex-direction:column;gap:.75rem;align-items:center;justify-content:center;padding:1.5rem;text-align:center;color:var(--pg-muted);background:var(--pg-panel)}:is(.pg-pill,.pg-empty,.pg-story-gate,.pg-back)[hidden]{display:none}.pg-back{position:fixed;z-index:101;top:.5rem;left:.75rem}.pg-about{max-width:45rem;margin:0 auto;padding:2rem 1rem 3rem}@media(max-width:50rem){.pg-lede{display:none}.pg-toolbar{flex-wrap:nowrap;padding:.4rem .5rem;gap:.4rem}.pg-title{display:none}#pg-starter{flex:1 1 0;min-width:0;width:0}.pg-panes{grid-template-columns:minmax(0,1fr);grid-template-rows:40% minmax(0,1fr)}.pg-root.pg-map-big .pg-panes{grid-template-rows:70% minmax(0,1fr)}.pg-preview{order:-1;border-bottom:1px solid var(--pg-line)}.pg-code{border-right:0}.pg-swap{display:inline-block}.pg-editor .cm-content,.pg-editor .cm-gutters{font-size:16px}.pg-hint{display:none}.pg-banner{font-size:var(--sl-text-xs);padding-inline:.5rem}html:has(.pg-root.pg-story-full) header.header{visibility:hidden}html:has(.pg-root.pg-story-full){overflow:hidden}.pg-root.pg-story-full:before{content:"";position:fixed;inset:0 0 auto;height:3.5rem;z-index:100;background:var(--pg-panel);border-bottom:1px solid var(--pg-line)}.pg-root.pg-story-full .pg-preview{position:fixed;inset:3.5rem 0 0;z-index:100;background:var(--pg-bg)}}