.pg{--pg-gap:12px;--pg-panel:#0c0c0c;--pg-ease:cubic-bezier(.2, .7, .2, 1);height:calc(100dvh - var(--header));grid-template-rows:auto minmax(0,1fr);min-height:540px;padding:0 16px 16px;display:grid}.pg-top{align-items:center;gap:12px;min-width:0;height:60px;display:flex}.pg-starter{border:1px solid var(--line-2);background:var(--bg-1);min-width:0;height:38px;color:var(--text);font:500 13.5px var(--sans);cursor:pointer;border-radius:10px;align-items:center;gap:10px;padding:0 10px 0 6px;transition:border-color .15s,background .15s;display:inline-flex}.pg-starter:hover{border-color:var(--line-3)}.pg-starter-icon{background:var(--hover-2);width:26px;height:26px;color:var(--text-2);border-radius:7px;flex:none;place-items:center;display:inline-grid}.pg-starter-text{text-align:left;min-width:0;line-height:1.15;display:grid}.pg-starter-kicker{font:500 10px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-3)}.pg-starter-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pg-caret{color:var(--text-3);flex:none;display:inline-flex}.pg-origin{font:500 11.5px var(--mono);color:var(--warn);white-space:nowrap;border:1px solid;border-radius:999px;padding:3px 9px}.pg-origin button{all:unset;cursor:pointer;color:var(--text-2);text-underline-offset:3px;margin-left:8px;text-decoration:underline}.pg-origin button:hover{color:var(--text)}.pg-top-actions{flex:none;align-items:center;gap:8px;margin-left:auto;display:flex}.pg-top-actions .btn span{display:inline-flex}.pg-menu{position:relative}.pg-menu-list{z-index:30;border:1px solid var(--line-2);background:var(--bg);min-width:250px;box-shadow:var(--shadow);animation:pg-pop .16s var(--pg-ease);border-radius:12px;gap:1px;padding:6px;display:grid;position:absolute;top:calc(100% + 8px);right:0}.pg-menu-list[hidden]{display:none}.pg-menu-list button{all:unset;box-sizing:border-box;width:100%;font:500 13.5px var(--sans);color:var(--text);cursor:pointer;border-radius:8px;justify-content:space-between;align-items:baseline;gap:16px;padding:8px 10px;display:flex}.pg-menu-list button:hover,.pg-menu-list button:focus-visible{background:var(--hover-2)}.pg-menu-list button[disabled]{color:var(--text-3);cursor:default;background:0 0}.pg-menu-list button small{font:400 11.5px var(--mono);color:var(--text-3)}.pg-menu-list hr{background:var(--line);border:0;height:1px;margin:5px 4px}.pg-bench{grid-template-columns:minmax(300px, var(--pg-x,43%)) var(--pg-gap) minmax(340px, 1fr);grid-template-rows:minmax(150px, 1fr) var(--pg-gap) minmax(96px, var(--pg-y,32%));grid-template-areas:"code sx out""sy sx out""checks sx out";min-height:0;display:grid}.pg-code{grid-area:code}.pg-out{grid-area:out}.pg-checks{grid-area:checks}.pg-split-x{grid-area:sx}.pg-split-y{grid-area:sy}.pg-panel{border-radius:var(--radius);border:1px solid var(--line);background:var(--pg-panel);min-width:0;min-height:0;color:var(--text);flex-direction:column;display:flex;position:relative;overflow:hidden}:root[data-theme=light] .pg-panel{border-color:#00000024;box-shadow:0 24px 50px -34px #00000073}.pg-split{touch-action:none;outline-offset:-3px;border-radius:6px;position:relative}.pg-split:after{content:"";background:var(--line-3);opacity:0;border-radius:3px;margin:auto;transition:opacity .15s,transform .15s;position:absolute;inset:0}.pg-split-x{cursor:col-resize}.pg-split-x:after{width:3px;height:44px}.pg-split-y{cursor:row-resize}.pg-split-y:after{width:44px;height:3px}.pg-split:hover:after,.pg-split:focus-visible:after,.pg-split[data-dragging]:after{opacity:1}.pg-split[data-dragging]:after{background:var(--text)}.pg[data-dragging] iframe{pointer-events:none}.pg[data-dragging]{user-select:none}.pg[data-dragging=x]{cursor:col-resize}.pg[data-dragging=y]{cursor:row-resize}.pg-bar{border-bottom:1px solid var(--line);background:#ffffff06;flex:none;align-items:center;gap:10px;min-width:0;height:44px;padding:0 8px 0 14px;display:flex}.pg-file{font:500 12.5px var(--mono);color:var(--text-3);white-space:nowrap;align-items:center;gap:8px;display:inline-flex}.pg-hint{font:400 11.5px var(--sans);color:var(--text-3);white-space:nowrap;align-items:center;gap:3px;margin-left:auto;padding-right:6px;display:inline-flex}.pg-hint kbd{font:500 11px var(--mono);color:var(--text-2);border:1px solid var(--line-2);text-align:center;border-radius:5px;min-width:20px;padding:1px 5px}.pg-hint kbd:last-of-type{margin-right:6px}.pg-editor{flex:1;min-height:0;position:relative}.pg-editor .cm-editor{position:absolute;inset:0}.pg-roots{background:var(--bg-1);box-shadow:inset 0 0 0 1px var(--line-2);border-radius:11px;flex:none;padding:3px;display:inline-flex;position:relative}.pg-roots:before{content:"";width:var(--pg-thumb-w,0);transform:translateX(var(--pg-thumb-x,0));background:var(--text);transition:transform .34s var(--pg-ease), width .34s var(--pg-ease), opacity .2s;opacity:var(--pg-thumb-on,0);border-radius:8px;position:absolute;top:3px;bottom:3px;left:0;box-shadow:0 6px 16px -8px #000000e6}.pg-roots button{all:unset;box-sizing:border-box;height:32px;font:500 13px var(--sans);color:var(--text-3);cursor:pointer;white-space:nowrap;border-radius:8px;align-items:center;gap:7px;padding:0 13px;transition:color .2s;display:inline-flex;position:relative}.pg-roots button span{display:inline-flex}.pg-roots button:hover{color:var(--text)}.pg-roots button[aria-checked=true]{color:var(--bg)}.pg-roots button:focus-visible{outline:2px solid var(--text);outline-offset:1px}.pg-roots[data-locked] button:not([aria-checked=true]){opacity:.38;cursor:not-allowed}.pg-bar-views{height:48px;padding-left:8px}.pg-views{scrollbar-width:none;flex:none;gap:2px;min-width:0;display:flex;overflow-x:auto}.pg-views::-webkit-scrollbar{display:none}.pg-views button{height:30px;color:var(--text-3);font:500 13px var(--sans);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:7px;flex:none;align-items:center;gap:7px;padding:0 11px;transition:color .15s,background .15s;display:inline-flex}.pg-views button:hover{color:var(--text)}.pg-views button[aria-selected=true]{color:var(--text);background:var(--hover-2)}.pg-views button small{font:500 10.5px var(--mono);color:var(--text-3);letter-spacing:.02em}.pg-count{font:600 10.5px var(--mono);color:var(--text-2);background:var(--hover-2);border-radius:999px;padding:1px 6px}.pg-count[data-tone=error]{color:#0a0a0a;background:var(--err)}.pg-count[data-tone=warning]{color:var(--warn);background:0 0;box-shadow:inset 0 0 0 1px}.pg-tools{flex:0 auto;justify-content:flex-end;align-items:center;gap:6px;min-width:0;margin-left:auto;display:flex}.pg-seg{box-shadow:inset 0 0 0 1px var(--line);border-radius:9px;padding:2px;display:inline-flex}.pg-seg button,.pg-toggle{all:unset;box-sizing:border-box;width:30px;height:28px;color:var(--text-3);cursor:pointer;border-radius:7px;place-items:center;transition:color .15s,background .15s;display:inline-grid}.pg-seg button:hover,.pg-toggle:hover{color:var(--text)}.pg-seg button[aria-checked=true],.pg-toggle[aria-pressed=true]{color:var(--text);background:var(--hover-2)}.pg-seg button:focus-visible,.pg-toggle:focus-visible{outline:2px solid var(--text);outline-offset:1px}.pg-toggle{width:32px;height:32px;box-shadow:inset 0 0 0 1px var(--line);border-radius:9px}.pg-tools [hidden]{display:none}.pg-stage{background-color:#070707;background-image:radial-gradient(#ffffff13 1px,#0000 1.4px);background-position:9px 9px;background-size:18px 18px;flex:1;min-height:0;position:relative;overflow:hidden}.pg-stage:before{content:"";pointer-events:none;background:radial-gradient(75% 60% at 50% 0,#ffffff13,#0000 72%);position:absolute;inset:0}.pg-view{position:absolute;inset:0}.pg-view[hidden]{display:none}.pg-stage[data-arriving] :is(.pg-device,.pg-file-host img,.pg-file-host iframe){animation:pg-arrive .5s var(--pg-ease)}.pg-device{top:14px;bottom:0;left:var(--pg-device-x,14px);width:var(--pg-device-w,calc(100% - 28px));height:var(--pg-device-h,auto);transform:scale(var(--pg-device-scale,1));transform-origin:0 0;transition:opacity .25s var(--pg-ease), filter .25s var(--pg-ease);background:#fff;border-radius:12px 12px 0 0;position:absolute;overflow:hidden;box-shadow:0 0 0 1px #ffffff1a,0 30px 80px -30px #000}.pg-stage[data-animate] .pg-device{transition:opacity .25s var(--pg-ease), filter .25s var(--pg-ease), width .5s var(--pg-ease), left .5s var(--pg-ease), top .5s var(--pg-ease), bottom .5s var(--pg-ease), border-radius .5s var(--pg-ease), padding .5s var(--pg-ease)}.pg-stage[data-device=phone] .pg-device{background:#161616;border-radius:44px;padding:10px;top:18px;bottom:18px;box-shadow:inset 0 0 0 1px #ffffff24,0 40px 90px -40px #000}.pg-device-screen{border-radius:inherit;background:#fff;width:100%;height:100%;position:relative;overflow:hidden}.pg-stage[data-device=phone] .pg-device-screen{border-radius:34px}.pg-preview-frame{background:#fff;border:0;width:100%;height:100%;display:block;position:absolute;inset:0}.pg-preview-frame[data-buffer=back],.pg-stage:not([data-has-output]) .pg-device{visibility:hidden}.pg-stage[data-stale] .pg-device,.pg-stage[data-stale] .pg-file-host,.pg-stage[data-stale] .pg-source,.pg-stage[data-stale] .pg-clients-stage{opacity:.45;filter:saturate(.6)}.pg-file-host,.pg-source,.pg-clients-stage{transition:opacity .25s var(--pg-ease), filter .25s var(--pg-ease)}.pg-source{background:var(--pg-panel);font:400 12.5px/1.75 var(--mono);color:#bdbdbd;white-space:pre-wrap;overflow-wrap:anywhere;tab-size:2;margin:0;padding:18px 20px 40px;position:absolute;inset:0;overflow:auto}.pg-source-text{color:var(--text);font-size:13px}.pg-source mark{color:#fff;background:#ffffff29;border-radius:3px;scroll-margin:80px;box-shadow:0 0 0 2px #ffffff29}.pg-source .t{color:#7ab8ff}.pg-source .a{color:#b9c3d4}.pg-source .s{color:#e4cfa1}.pg-source .c{color:#6b6b6b;font-style:italic}.pg-source .p{color:#727272}.pg-file-host{place-items:center;padding:22px;display:grid;position:absolute;inset:0}.pg-file-host iframe{background:#2a2a2a;border:0;border-radius:10px;width:100%;height:100%;box-shadow:0 0 0 1px #ffffff1a}.pg-file-host[data-file=pdf]{padding:14px 14px 0}.pg-file-host[data-file=pdf] iframe{border-radius:12px 12px 0 0}.pg-file-host img{object-fit:contain;border-radius:6px;max-width:100%;max-height:100%;display:block;box-shadow:0 0 0 1px #ffffff1a,0 30px 80px -30px #000}.pg-file-tools{align-items:center;gap:8px;min-width:0;display:flex}.pg-file-tools[hidden]{display:none}.pg-file-facts{font:400 12px var(--mono);color:var(--text-3);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.pg-seg-text button{width:auto;font:500 12.5px var(--sans);white-space:nowrap;padding:0 10px}.pg-file-card{text-align:center;max-width:34ch;color:var(--text-2);justify-items:center;gap:14px;font-size:14px;display:grid}.pg-file-card strong{color:var(--text);letter-spacing:-.01em;font-size:16px;font-weight:600}.pg-view-clients{flex-direction:column;display:flex}.pg-clients-bar{flex-wrap:wrap;flex:none;align-items:center;gap:8px;min-width:0;padding:10px 14px 0;display:flex}.pg-clients-bar[hidden],.pg-clients-bar .pg-seg[hidden]{display:none}.pg-clients-menu{min-width:0}.pg-clients-open{all:unset;box-sizing:border-box;max-width:100%;height:32px;box-shadow:inset 0 0 0 1px var(--line-2);background:var(--bg-1);color:var(--text);font:500 13px var(--sans);cursor:pointer;border-radius:9px;align-items:center;gap:8px;padding:0 9px 0 12px;transition:box-shadow .15s;display:inline-flex}.pg-clients-open:hover{box-shadow:inset 0 0 0 1px var(--line-3)}.pg-clients-open:focus-visible{outline:2px solid var(--text);outline-offset:1px}.pg-clients-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pg-clients-list{overscroll-behavior:contain;width:min(340px,100vw - 32px);max-height:min(520px,100dvh - 200px);left:0;right:auto;overflow:auto}.pg-clients-list button[aria-checked=true]{background:var(--hover-2)}.pg-menu-group{font:500 10px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);padding:8px 10px 4px}.pg-menu-group:not(:first-child){border-top:1px solid var(--line);margin-top:4px;padding-top:10px}.pg-clients-width{font:400 12px var(--mono);color:var(--text-3);white-space:nowrap;margin-left:auto}.pg-clients-stage{background:#fff;border-radius:12px 12px 0 0;flex:1;min-height:0;margin:10px 14px 0;position:relative;overflow:hidden;box-shadow:0 0 0 1px #ffffff1a,0 30px 80px -30px #000}.pg-clients-stage iframe{background:#fff;border:0;width:100%;height:100%;position:absolute;inset:0}.pg-clients-stage iframe[hidden]{display:none}.pg-veil{pointer-events:none;opacity:0;place-items:center;padding:24px;transition:opacity .25s;display:grid;position:absolute;inset:0}.pg-veil[data-on]{opacity:1}.pg-veil[data-on=block]{pointer-events:auto;background:#070707db}.pg-veil-card{text-align:center;justify-items:center;gap:8px;max-width:46ch;display:grid}.pg-veil-title{letter-spacing:-.015em;color:var(--text);margin:6px 0 0;font-size:16px;font-weight:600}.pg-veil-note{color:var(--text-2);overflow-wrap:anywhere;margin:0;font-size:13.5px;line-height:1.55}.pg-veil-note code{font-size:12.5px}.pg-veil[data-tone=error] .pg-spinner{display:none}.pg-veil[data-tone=error] .pg-veil-title:before{content:"";background:radial-gradient(circle, var(--err) 0 4px, transparent 5px), #ff7b6e24;border-radius:50%;width:34px;height:34px;margin:0 auto 12px;display:block;box-shadow:inset 0 0 0 1px #ff7b6e66}.pg-veil button{pointer-events:auto;margin-top:10px}.pg-veil[data-on=working] .pg-veil-card{backdrop-filter:blur(10px);box-shadow:inset 0 0 0 1px var(--line-2), 0 16px 40px -16px #000;background:#0c0c0ce0;border-radius:999px;grid-auto-flow:column;align-items:center;gap:9px;padding:7px 12px 7px 9px;position:absolute;top:12px;right:14px}.pg-veil[data-on=working] .pg-veil-title{font:500 12px var(--mono);color:var(--text-2);margin:0}.pg-veil[data-on=working] .pg-veil-note{display:none}.pg-veil[data-on=working] .pg-spinner{border-width:1.5px;width:13px;height:13px}.pg-spinner{border:2px solid var(--line-2);border-top-color:var(--text);border-radius:50%;width:22px;height:22px;animation:.8s linear infinite pg-spin}.pg-linkbar{backdrop-filter:blur(10px);max-width:calc(100% - 28px);height:34px;box-shadow:inset 0 0 0 1px var(--line-2), 0 16px 40px -16px #000;animation:pg-rise .22s var(--pg-ease);z-index:3;background:#0c0c0ce6;border-radius:999px;align-items:center;gap:10px;padding:0 5px 0 13px;display:flex;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.pg-linkbar[hidden]{display:none}.pg-linkbar-label{font:500 10.5px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-3)}.pg-linkbar-href{font:400 12px var(--mono);color:var(--text);text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.pg-linkbar-open{background:var(--text);height:24px;color:var(--bg);font:600 12px var(--sans);border-radius:999px;flex:none;align-items:center;gap:5px;padding:0 10px;text-decoration:none;display:inline-flex}.pg-linkbar-open[hidden]{display:none}.pg-linkbar-open span{display:inline-flex}.pg-status{border-top:1px solid var(--line);min-width:0;height:32px;font:400 12px var(--mono);color:var(--text-2);background:#ffffff06;flex:none;align-items:center;gap:9px;padding:0 14px;display:flex}.pg-dot{background:var(--text-3);border-radius:50%;flex:none;width:7px;height:7px;transition:background .2s,box-shadow .2s}.pg[data-status=ok] .pg-dot{background:var(--ok);box-shadow:0 0 0 3px #7ee2a824}.pg[data-status=error] .pg-dot{background:var(--err);box-shadow:0 0 0 3px #ff7b6e29}.pg[data-status=loading] .pg-dot,.pg[data-status=rendering] .pg-dot{animation:1s ease-in-out infinite pg-pulse}.pg-status-text{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.pg-status-meta{color:var(--text-3);white-space:nowrap;margin-left:auto}.pg-engine{color:var(--text-3);white-space:nowrap;border-left:1px solid var(--line);padding-left:10px}.pg-checks .pg-bar{padding-left:8px}.pg-checks .pg-views button[hidden]{display:none}.pg-check-panes{flex:1;min-height:0;position:relative}.pg-check-pane{overscroll-behavior:contain;position:absolute;inset:0;overflow:auto}.pg-check-pane[hidden]{display:none}.pg-diags{gap:1px;margin:0;padding:6px;list-style:none;display:grid}.pg-diag-filter{z-index:1;background:linear-gradient(var(--pg-panel) 78%, transparent);gap:6px;padding:6px 4px 8px;display:flex;position:sticky;top:0}.pg-diag-filter button{all:unset;cursor:pointer;height:24px;font:500 11.5px var(--mono);color:var(--text-3);box-shadow:inset 0 0 0 1px var(--line);border-radius:999px;align-items:center;gap:6px;padding:0 9px;display:inline-flex}.pg-diag-filter button:hover{color:var(--text)}.pg-diag-filter button[aria-pressed=true]{color:var(--text);background:var(--hover-2);box-shadow:inset 0 0 0 1px var(--line-2)}.pg-diag-filter i{background:var(--text-3);border-radius:50%;width:6px;height:6px}.pg-diag-filter [data-severity=error] i{background:var(--err)}.pg-diag-filter [data-severity=warning] i{background:var(--warn)}.pg-diag{cursor:pointer;border-radius:9px;grid-template-columns:8px minmax(0,1fr) auto;align-items:baseline;gap:3px 11px;padding:9px 10px 10px;transition:background .12s;display:grid}.pg-diag:hover,.pg-diag:focus-visible,.pg-diag[data-active]{background:var(--hover);outline:none}.pg-diag:focus-visible{box-shadow:inset 0 0 0 1px var(--line-3)}.pg-diag-mark{background:#5a5a5a;border-radius:50%;grid-row:1;align-self:start;width:7px;height:7px;margin-top:7px}.pg-diag[data-severity=error] .pg-diag-mark{background:var(--err)}.pg-diag[data-severity=warning] .pg-diag-mark{background:var(--warn)}.pg-diag-head{flex-wrap:wrap;align-items:baseline;gap:4px 8px;min-width:0;display:flex}.pg-diag-code{font:500 12.5px var(--mono);color:var(--text)}.pg-diag-clients{flex-wrap:wrap;gap:4px;display:inline-flex}.pg-diag-clients span{font:500 10.5px var(--mono);color:var(--text-2);box-shadow:inset 0 0 0 1px var(--line-2);white-space:nowrap;border-radius:999px;padding:1px 6px}.pg-diag-line{font:500 11px var(--mono);color:var(--text-3);white-space:nowrap}.pg-diag:hover .pg-diag-line{color:var(--text)}.pg-diag-body{grid-column:2/-1;gap:3px;min-width:0;display:grid}.pg-diag-message{color:var(--text-2);overflow-wrap:anywhere;margin:0;font-size:13.5px;line-height:1.5}.pg-diag[data-severity=error] .pg-diag-message{color:var(--text)}.pg-diag-fix{color:var(--text);overflow-wrap:anywhere;margin:0;font-size:13.5px;line-height:1.5}.pg-diag-fix:before{content:"Fix";font:600 10px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ok);margin-right:8px}.pg-diag-path{font:400 11.5px var(--mono);color:var(--text-3);overflow-wrap:anywhere}.pg-diag-path a{color:inherit;margin-left:8px}.pg-diag-path a:hover{color:var(--text)}.pg-empty{text-align:center;min-height:100%;color:var(--text-2);box-sizing:border-box;align-content:center;justify-items:center;gap:6px;padding:20px;font-size:13.5px;display:grid}.pg-empty strong{color:var(--text);font-size:14px;font-weight:600}.pg-empty:before{content:"";background:#7ee2a81f;border-radius:50%;width:26px;height:26px;margin-bottom:4px;box-shadow:inset 0 0 0 1px #7ee2a866}.pg-empty[data-tone=ok]:before{background:radial-gradient(circle, var(--ok) 0 3px, transparent 4px), #7ee2a81f}.pg-empty[data-tone=quiet]:before{display:none}.pg-problem{cursor:pointer;background:#ff7b6e12;border-radius:10px;margin:6px;padding:12px 14px;box-shadow:inset 0 0 0 1px #ff7b6e47}.pg-problem b{font:600 10.5px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--err);margin-bottom:5px;display:block}.pg-problem p{font:400 13px/1.55 var(--mono);color:var(--text);overflow-wrap:anywhere;white-space:pre-wrap;margin:0}.pg-outline{min-width:max-content;padding:10px 0 24px}.pg-outline-line{font:400 12.5px/1.8 var(--mono);color:#bdbdbd;white-space:pre;cursor:pointer;padding:0 16px;display:block}.pg-outline-line:hover,.pg-outline-line[data-active]{background:var(--hover-2);color:#fff}.pg-outline-line b{color:#fff;font-weight:500}.pg-outline-line i{color:#6e6e6e;font-style:normal}.pg-logs{margin:0;padding:8px 0;list-style:none}.pg-logs li{font:400 12.5px/1.6 var(--mono);color:var(--text-2);white-space:pre-wrap;overflow-wrap:anywhere;grid-template-columns:44px 1fr;gap:8px;padding:3px 16px;display:grid}.pg-logs li span{color:var(--text-3);text-transform:uppercase;letter-spacing:.05em;padding-top:2px;font-size:10.5px}.pg-logs li[data-level=error]{color:var(--err)}.pg-logs li[data-level=warn]{color:var(--warn)}.pg-templates{min-width:0}.pg-templates .pg-starter{max-width:100%}.pg-templates-list{overscroll-behavior:contain;width:min(440px,100vw - 32px);max-height:min(560px,100dvh - 160px);left:0;right:auto;overflow:auto}.pg-menu-list .pg-template{grid-template-columns:auto minmax(0,1fr);justify-content:stretch;align-items:center;gap:12px;padding:8px 10px;display:grid}.pg-menu-list .pg-template[hidden]{display:none}.pg-template-thumb{width:84px;height:63px;box-shadow:0 0 0 1px var(--line-2);background:#fff;border-radius:7px;flex:none;position:relative;overflow:hidden}.pg-template-thumb iframe{transform-origin:0 0;pointer-events:none;background:#fff;border:0;max-width:none;position:absolute;top:0;left:0}.pg-template[aria-checked=true] .pg-template-thumb{box-shadow:0 0 0 2px var(--text)}.pg-template-text{gap:2px;min-width:0;display:grid}.pg-template-title{font:500 13.5px var(--sans);color:var(--text)}.pg-menu-list .pg-template .pg-template-note{font:400 12.5px/1.45 var(--sans);color:var(--text-3);-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.pg-toast{z-index:80;background:var(--text);max-width:calc(100vw - 32px);color:var(--bg);font:500 13.5px var(--sans);box-shadow:var(--shadow);animation:pg-rise .22s var(--pg-ease);border-radius:999px;padding:10px 16px;position:fixed;bottom:28px;left:50%;transform:translate(-50%)}.pg-toast[hidden]{display:none}.pg-docs{padding-top:96px}.pg-ways{grid-template-columns:minmax(0,5fr) minmax(0,6fr);grid-template-areas:"link script""tools script";align-items:stretch;gap:16px;display:grid}.pg-way-link{grid-area:link}.pg-way-script{grid-area:script}.pg-way-tools{grid-area:tools}.pg-ways .card{align-content:start;gap:12px;display:grid}.pg-ways .card h3{margin:0}.pg-ways .code-block{border-radius:10px}.pg-ways .code-block pre,.pg-ways .astro-code{font-size:12.5px;padding:14px 16px!important}.pg-safe{border-radius:var(--radius);border:1px solid var(--line);grid-template-columns:220px 1fr;align-items:baseline;gap:24px;margin-top:16px;padding:24px;display:grid}.pg-safe h3{letter-spacing:-.015em;margin:0;font-size:17px}.pg-safe p{color:var(--text-2);max-width:80ch;margin:0;font-size:15px;line-height:1.6}.pg[data-layout=preview] .pg-bench{grid-template:"out"minmax(0,1fr)/minmax(0,1fr)}.pg[data-layout=preview] :is(.pg-code,.pg-checks,.pg-split){display:none}.pg[data-layout=code] .pg-bench{grid-template-columns:minmax(0,1fr);grid-template-areas:"code""sy""checks"}.pg[data-layout=code] :is(.pg-out,.pg-split-x),.pg-switcher{display:none}@media (width<=1180px){.pg-hint{display:none}.pg-root-icon{display:none!important}}@media (width<=1000px){.pg-ways{grid-template-columns:minmax(0,1fr);grid-template-areas:"link""script""tools"}.pg-safe{grid-template-columns:minmax(0,1fr);gap:10px}}@media (width<=860px){.pg{grid-template-rows:auto auto minmax(0,1fr);min-height:0;padding:0 10px 10px}.pg-top{flex-wrap:wrap;gap:8px;height:auto;padding:8px 0 10px}.pg-engine,.pg-top-actions .btn .pg-label,.pg-starter-kicker,.pg-file-facts{display:none}.pg-templates{flex:1}.pg-starter{width:100%;height:36px}.pg-starter-text{flex:1}.pg-top-actions .btn{width:36px;padding:0}.pg-origin{display:none}.pg-switcher{background:var(--bg-1);border:1px solid var(--line-2);border-radius:11px;grid-template-columns:repeat(3,1fr);gap:2px;margin-bottom:8px;padding:3px;display:grid}.pg-switcher button{all:unset;box-sizing:border-box;height:34px;font:500 13.5px var(--sans);color:var(--text-2);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:7px;display:inline-flex}.pg-switcher button[aria-selected=true]{color:var(--bg);background:var(--text)}.pg-bench,.pg[data-layout] .pg-bench{display:block;position:relative}.pg-split{display:none}.pg-panel{position:absolute;inset:0;display:none!important}.pg[data-pane=code] .pg-code,.pg[data-pane=output] .pg-out,.pg[data-pane=checks] .pg-checks{display:flex!important}.pg-roots{width:100%}.pg-root-icon{display:inline-flex!important}.pg-roots button{flex:1;justify-content:center;padding:0 6px}.pg-device{top:10px;left:var(--pg-device-x,8px);width:var(--pg-device-w,calc(100% - 16px))}.pg-stage[data-device=phone] .pg-device{background:#fff;border-radius:12px 12px 0 0;padding:0;top:10px;bottom:0;box-shadow:0 0 0 1px #ffffff1a,0 30px 80px -30px #000}.pg-stage[data-device=phone] .pg-device-screen{border-radius:inherit}.pg-status-meta{display:none}.pg-docs{padding-top:56px}}@media (width<=420px){.pg-roots button{gap:5px;font-size:12.5px}.pg-root-icon{display:none!important}}@keyframes pg-arrive{0%{opacity:0;filter:blur(10px)}}@keyframes pg-spin{to{transform:rotate(360deg)}}@keyframes pg-pulse{50%{opacity:.35}}@keyframes pg-pop{0%{opacity:0;transform:translateY(-4px)scale(.985)}}@keyframes pg-rise{0%{opacity:0;transform:translate(-50%,6px)}}@keyframes pg-flash{0%{background-color:#ffffff57}to{background-color:#0000}}@media (prefers-reduced-motion:reduce){.pg *,.pg-toast{transition-duration:.01ms!important;animation-duration:.01ms!important}}