.pg-bench{display:grid;grid-template-columns:minmax(0,23rem) minmax(0,1fr);height:calc(100vh - 68px);background-color:var(--paper);background-image:var(--dash-h),var(--dash-h);background-size:100% 1px,100% 1px;background-position:0 0,0 100%;background-repeat:no-repeat}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.btn.small{padding:5px 10px;font-size:12px;gap:5px}.pg-side{display:flex;flex-direction:column;min-height:0;background-color:var(--paper);background-image:var(--dash-v);background-size:1px 100%;background-position:100% 0;background-repeat:no-repeat}.pg-side-head{display:flex;flex-direction:column;gap:.6rem;padding:.9rem 1.2rem;background-image:var(--dash-h);background-size:100% 1px;background-position:0 100%;background-repeat:no-repeat}.pg-h{margin:.1rem 0 .15rem;font-family:var(--font-display);font-weight:var(--display-weight);font-size:1.35rem;letter-spacing:-.02em;line-height:1.1}.pg-hint{margin:0;color:var(--ink-soft);font-size:.84rem;line-height:1.55}.pg-head-group{display:flex;align-items:center;gap:.6rem}.pg-head-label{font-size:.66rem;font-weight:500;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-faint);white-space:nowrap}.pg-seg{display:flex;background-image:var(--dash-h),var(--dash-h),var(--dash-v),var(--dash-v);background-size:100% 1px,100% 1px,1px 100%,1px 100%;background-position:0 0,0 100%,0 0,100% 0;background-repeat:no-repeat}.pg-seg-btn{padding:.45rem .8rem;border:0;background:transparent;background-image:var(--dash-v);background-size:1px 100%;background-position:100% 0;background-repeat:no-repeat;font-family:inherit;font-size:.78rem;white-space:nowrap;color:var(--ink-soft)}.pg-seg-btn:last-child{background-image:none}.pg-seg-btn:hover{color:var(--ink);background-color:var(--surface)}.pg-seg-btn:focus-visible{outline:none;color:var(--indigo-deep);background-color:var(--indigo-wash)}.pg-filter input{width:100%;padding:.45rem .6rem;border:0;font-family:var(--font-mono);font-size:.75rem;color:var(--ink);background-color:var(--surface);background-image:var(--dash-h),var(--dash-h),var(--dash-v),var(--dash-v);background-size:100% 1px,100% 1px,1px 100%,1px 100%;background-position:0 0,0 100%,0 0,100% 0;background-repeat:no-repeat}.pg-filter input:focus-visible{outline:none;--rule-strong: var(--indigo);background-color:var(--indigo-wash)}.pg-side-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;padding:0 1.2rem 1.5rem}.pg-group{margin-top:1.25rem}.pg-group[hidden]{display:none}.pg-group h3{display:flex;align-items:baseline;gap:.45rem;margin:0 0 .5rem;font-size:.92rem;font-weight:500;color:var(--ink-faint)}.pg-group-n{font-size:.68rem;color:var(--rule-firm)}.pg-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(6.9rem,1fr));gap:.35rem}.pg-chip{--dash: 3px;--dash-gap: 2px;position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:.22rem;padding:.5rem .5rem .42rem;border:0;background-color:var(--surface);background-image:var(--dash-h),var(--dash-h),var(--dash-v),var(--dash-v);background-size:100% 1px,100% 1px,1px 100%,1px 100%;background-position:0 0,0 100%,0 0,100% 0;background-repeat:no-repeat;cursor:pointer;transition:background-color .12s ease}.pg-chip[hidden]{display:none}.pg-chip:hover{background-color:var(--code-chrome)}.pg-chip input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.pg-chip:has(input:focus-visible){outline:none;--rule-strong: var(--indigo);background-color:var(--indigo-wash)}.pg-icon{color:var(--ink-faint);flex:none}.pg-name{font-size:.66rem;line-height:1.25;color:var(--ink);overflow-wrap:anywhere}.pg-gz{font-size:.62rem;color:var(--ink-faint);font-variant-numeric:tabular-nums}.pg-unit{opacity:.65}.pg-chip:has(input:checked){--rule-strong: var(--indigo);background-color:var(--indigo-wash)}.pg-chip:has(input:checked) .pg-icon{color:var(--indigo)}.pg-chip:has(input:checked) .pg-name{color:var(--indigo-deep)}.pg-chip.implied:has(input:checked){--rule-strong: var(--indigo);background-color:transparent}.pg-chip.implied:has(input:checked) .pg-icon,.pg-chip.implied:has(input:checked) .pg-name{color:var(--ink-soft)}.pg-mode.on{background-color:var(--indigo-wash);color:var(--indigo-deep)}.pg-try{position:absolute;top:.25rem;right:.25rem;display:grid;place-items:center;width:1.3rem;height:1.3rem;padding:0;border:0;background-color:var(--indigo);color:var(--paper);line-height:0;opacity:0;transition:opacity .12s ease}.pg-chip:hover .pg-try,.pg-try:focus-visible{opacity:1}.pg-try:focus-visible{outline:none;--rule-strong: var(--indigo);background-color:var(--indigo-wash)}.pg-note{flex:none;margin:0;padding:.5rem 1.2rem;background-color:var(--indigo-wash);background-image:var(--dash-h);background-size:100% 1px;background-position:0 100%;background-repeat:no-repeat;color:var(--indigo-deep);font-size:.82rem}.pg-note[hidden]{display:none}.mx-linkbar{position:absolute;z-index:31;display:flex;align-items:center;gap:4px;padding:4px;background-color:var(--invert-bg);box-shadow:var(--shadow-pop)}.mx-linkbar[hidden]{display:none}.mx-linkbar input{width:15rem;padding:.35rem .5rem;border:0;background-color:#ffffff14;color:var(--invert-fg);font-family:var(--font-mono);font-size:.75rem}.mx-linkbar input::placeholder{color:var(--invert-soft)}.mx-linkbar input:focus-visible{outline:none;--rule-strong: var(--indigo);background-color:var(--indigo-wash)}.pg-main{position:relative;display:flex;flex-direction:column;min-height:0;background-color:var(--paper)}.pg-head{flex:none;display:flex;flex-direction:column;gap:.6rem;padding:.7rem 1.2rem;background-image:var(--dash-h);background-size:100% 1px;background-position:0 100%;background-repeat:no-repeat}.pg-head-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.6rem 1.5rem}.pg-head-lede{max-width:32rem}.pg-head .btn{padding:.5rem .8rem;font-size:.82rem}.pg-head .pg-modes{width:auto}.pg-head .pg-mode{flex:0 0 auto;padding:.5rem .75rem}.pg-readout{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:21rem;max-width:100%;background-color:var(--surface);background-image:var(--dash-h),var(--dash-h),var(--dash-v),var(--dash-v);background-size:100% 1px,100% 1px,1px 100%,1px 100%;background-position:0 0,0 100%,0 0,100% 0;background-repeat:no-repeat}.pg-stat{padding:.45rem .8rem;background-image:var(--dash-v);background-size:1px 100%;background-position:100% 0;background-repeat:no-repeat}.pg-stat:last-child{background-image:none}.pg-figure{display:block;font-size:1.2rem;line-height:1.15;color:var(--ink-strong);font-variant-numeric:tabular-nums}.pg-label{font-size:.7rem;color:var(--ink-soft)}#pg-size.ticked{animation:pg-tick .42s ease-out}@keyframes pg-tick{0%{color:var(--indigo)}to{color:var(--ink-strong)}}.mx-strip{display:flex;flex-wrap:wrap;align-items:center;gap:2px}.mx-strip[hidden]{display:none}.mx-strip-group{display:flex;flex:none;align-items:center;gap:2px;padding-right:.45rem;margin-right:.45rem;background-image:var(--dash-v);background-size:1px 60%;background-position:100% 50%;background-repeat:no-repeat}.mx-strip-group:last-of-type{background-image:none;margin-right:0;padding-right:0}.mx-strip-group[hidden]{display:none}.mx-tool{display:inline-flex;flex:none;align-items:center;justify-content:center;gap:.3rem;min-width:1.8rem;height:1.8rem;padding:0 .25rem;border:0;background:transparent;color:var(--ink-soft);font-family:inherit;font-size:.78rem;cursor:pointer}.mx-tool[hidden]{display:none}.mx-tool:hover{background-color:var(--code-chrome);color:var(--ink)}.mx-tool[aria-pressed=true]{background-color:var(--indigo-wash);color:var(--indigo)}.mx-tool:focus-visible{outline:none;--rule-strong: var(--indigo);background-color:var(--indigo-wash)}.mx-tool-label{display:none}#pg-bar{flex:none;flex-wrap:wrap;row-gap:6px;padding:.5rem 1.2rem;min-height:2.5rem;background-image:var(--dash-h),var(--dash-h);background-size:100% 1px,100% 1px;background-position:0 0,0 100%;background-repeat:no-repeat}.pg-toolbar-empty{margin:0;padding-left:.2rem;font-size:.8rem;color:var(--ink-faint)}.mx-bubble,.mx-floating{position:absolute;z-index:30;padding:3px;background-color:var(--invert-bg);box-shadow:var(--shadow-pop)}.mx-bubble .mx-tool,.mx-floating .mx-tool{color:var(--invert-soft)}.mx-bubble .mx-tool:hover,.mx-floating .mx-tool:hover{background-color:#ffffff1a;color:var(--invert-fg)}.mx-bubble .mx-tool[aria-pressed=true],.mx-floating .mx-tool[aria-pressed=true]{background-color:#ffffff29;color:var(--invert-fg)}.mx-bubble .mx-strip-group,.mx-floating .mx-strip-group{background-image:none;margin-right:0;padding-right:0}.mx-plus{position:absolute;z-index:30}.mx-plus[hidden]{display:none}.mx-plus button{display:grid;place-items:center;width:1.35rem;height:1.35rem;padding:0;border:0;background-color:transparent;color:var(--ink-faint);line-height:0}.mx-plus button:hover{background-color:var(--code-chrome);color:var(--ink)}.mx-plus button:focus-visible{outline:none;--rule-strong: var(--indigo);background-color:var(--indigo-wash)}.pg-stage{flex:1 1 auto;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,19rem)}.pg-scroll{position:relative;min-height:0;overflow-y:auto;background-color:var(--surface)}.pg-canvas{display:grid;grid-template-columns:minmax(0,1fr) 0;align-items:start;min-height:100%;transition:grid-template-columns .16s ease}.pg-canvas:has(.pg-margin:not([data-count="0"])){grid-template-columns:minmax(0,1fr) 17rem}.pg-page{padding:1.8rem clamp(1.2rem,4vw,3rem)}.pg-editor{max-width:44rem;margin-inline:auto;font-size:1rem;line-height:1.7}.pg-editor:focus{outline:none}.pg-margin{position:relative;min-height:100%;padding-right:.9rem}.pg-thread{position:absolute;left:0;right:.9rem;padding:.65rem .7rem;background-color:var(--paper);background-image:var(--dash-h),var(--dash-h),var(--dash-v),var(--dash-v);background-size:100% 1px,100% 1px,1px 100%,1px 100%;background-position:0 0,0 100%,0 0,100% 0;background-repeat:no-repeat;transition:top .14s ease}.pg-thread.on{--rule-strong: var(--indigo);background-color:var(--indigo-wash)}.pg-thread-head{display:flex;align-items:baseline;gap:.4rem}.pg-thread-who{font-size:.78rem;font-weight:500;color:var(--ink-strong)}.pg-thread-when{font-size:.65rem;color:var(--ink-faint)}.pg-thread-quote{--dash: 5px;--dash-gap: 4px;margin:.3rem 0;padding-left:.5rem;background-image:repeating-linear-gradient(to bottom,var(--indigo) 0 var(--dash),transparent var(--dash) calc(var(--dash) + var(--dash-gap)));background-size:2px 100%;background-position:0 0;background-repeat:no-repeat;font-size:.74rem;color:var(--ink-soft);font-style:italic}.pg-thread-body{margin:.3rem 0 0;font-size:.8rem;line-height:1.5;color:var(--ink)}.pg-thread-reply{margin-top:.55rem;padding-top:.45rem;background-image:var(--dash-h);background-size:100% 1px;background-position:0 0;background-repeat:no-repeat}.pg-thread-input{width:100%;margin-top:.4rem;padding:.4rem .45rem;border:0;background-color:var(--surface);font-family:inherit;font-size:.8rem;color:var(--ink);resize:vertical}.pg-thread-input:focus-visible{outline:none;--rule-strong: var(--indigo);background-color:var(--indigo-wash)}.pg-thread-actions{display:flex;gap:.35rem;margin-top:.45rem}.pg-rail{min-height:0;overflow-y:auto;padding:0 0 2rem;background-color:var(--paper);background-image:var(--dash-v);background-size:1px 100%;background-position:0 0;background-repeat:no-repeat}.pg-panel{padding:.9rem 1rem;background-image:var(--dash-h);background-size:100% 1px;background-position:0 100%;background-repeat:no-repeat}.pg-panel[hidden]{display:none}.pg-panel-head{margin:0 0 .5rem;font-size:.72rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint)}.pg-panel-empty{margin:0;font-size:.78rem;line-height:1.5;color:var(--ink-faint)}.pg-panel-row{display:flex;align-items:baseline;flex-wrap:wrap;gap:.4rem;margin-top:.4rem}.pg-panel-figure{font-size:.95rem;color:var(--ink-strong);font-variant-numeric:tabular-nums}.pg-panel-unit{margin-right:.6rem;font-size:.72rem;color:var(--ink-faint)}.pg-panel-line{margin:0;font-size:.78rem;color:var(--ink-soft)}.pg-input{width:100%;margin-bottom:.35rem;padding:.4rem .5rem;border:0;background-color:var(--surface);background-image:var(--dash-h),var(--dash-h),var(--dash-v),var(--dash-v);background-size:100% 1px,100% 1px,1px 100%,1px 100%;background-position:0 0,0 100%,0 0,100% 0;background-repeat:no-repeat;font-family:var(--font-mono);font-size:.75rem;color:var(--ink)}.pg-guide{margin:0;padding:0;list-style:none}.pg-guide-row{padding:.5rem 0;background-image:var(--dash-h);background-size:100% 1px;background-position:0 100%;background-repeat:no-repeat}.pg-guide-row:last-child{background-image:none}.pg-guide-head{display:flex;align-items:baseline;gap:.4rem}.pg-guide-name{font-size:.74rem;color:var(--indigo-deep);overflow-wrap:anywhere}.pg-guide-where{font-size:.6rem;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-faint)}.pg-guide-try{margin:.2rem 0 .35rem;font-size:.78rem;line-height:1.5;color:var(--ink-soft)}.pg-outline{display:flex;flex-direction:column;gap:1px}.pg-outline-row{padding:.25rem .3rem;border:0;background:transparent;font-family:inherit;font-size:.78rem;color:var(--ink-soft);text-align:left;cursor:pointer}.pg-outline-row:hover{background-color:var(--surface);color:var(--ink)}.pg-outline-row[data-level="2"]{padding-left:.9rem}.pg-outline-row[data-level="3"]{padding-left:1.5rem}.pg-outline-row[data-level="4"],.pg-outline-row[data-level="5"],.pg-outline-row[data-level="6"]{padding-left:2.1rem}.pg-error{flex:none;margin:0;padding:.6rem 1.2rem;background-image:var(--dash-h);background-size:100% 1px;background-position:0 0;background-repeat:no-repeat;color:var(--blood);font-size:.84rem}.pg-code-drawer{flex:none;background-image:var(--dash-h);background-size:100% 1px;background-position:0 0;background-repeat:no-repeat}.pg-code-bar{display:flex;align-items:center;justify-content:space-between;gap:.6rem;padding:.35rem 12rem .35rem 1.2rem}.pg-code-toggle{display:flex;align-items:center;gap:.4rem;padding:.2rem 0;border:0;background:transparent;font-family:inherit;font-size:.86rem;color:var(--ink-soft)}.pg-code-toggle:hover{color:var(--ink)}.pg-code-caret:before{content:"▾";color:var(--ink-faint)}.pg-code-toggle[aria-expanded=false] .pg-code-caret:before{content:"▸"}.pg-code{margin:0;max-height:10rem;overflow:auto;padding:.8rem 1.2rem;border:0;background-color:var(--code-bg);background-image:var(--dash-h);background-size:100% 1px;background-position:0 0;background-repeat:no-repeat;font-size:.75rem;line-height:1.65;color:var(--code-fg);white-space:pre-wrap;word-break:break-word}.pg-code[hidden],.pg-bench[data-mode=notion] #pg-bar,.pg-bench[data-mode=notion] .pg-rail{display:none}.pg-bench[data-mode=notion] .pg-stage{grid-template-columns:minmax(0,1fr)}.pg-bench[data-mode=notion] .pg-page{padding:3rem clamp(1.2rem,6vw,5rem)}.pg-bench[data-mode=notion] .pg-editor{max-width:46rem;font-size:1.02rem}.pg-bench[data-mode=docs] .mx-tool{padding:0 .5rem}.pg-bench[data-mode=docs] #pg-bar{column-gap:1px;background-color:var(--surface)}.pg-bench[data-mode=docs] #pg-bar .mx-tool{padding:0 .45rem}.pg-bench[data-mode=docs] .pg-scroll{background-color:var(--surface-2)}.pg-bench[data-mode=docs] .pg-page{padding:2rem clamp(.6rem,2vw,1.6rem) 3rem}.pg-bench[data-mode=docs] .pg-editor{max-width:46rem;padding:3.5rem 4rem;background-color:var(--surface);box-shadow:0 1px 3px #00000024}.pg-bench[data-mode=docs] .pg-canvas{grid-template-columns:minmax(0,1fr) 17rem}.pg-bench[data-mode=bare] #pg-bar,.pg-bench[data-mode=bare] .pg-rail,.pg-bench[data-mode=bare] .pg-margin{display:none}.pg-bench[data-mode=bare] .pg-stage,.pg-bench[data-mode=bare] .pg-canvas{grid-template-columns:minmax(0,1fr)}.pg-bench[data-mode=bare] .pg-scroll{background-color:var(--paper)}@media(max-width:1100px){.pg-stage{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto}.pg-rail{background-image:var(--dash-h);background-size:100% 1px;background-position:0 0;max-height:16rem}}@media(max-width:860px),(max-height:560px){.pg-bench{grid-template-columns:minmax(0,1fr);height:auto}.pg-side{order:2;background-image:none}.pg-side-scroll{overflow-y:visible}.pg-stage{display:block;height:auto}.pg-scroll{height:26rem}.pg-rail{max-height:none;overflow-y:visible}.pg-grid{grid-template-columns:repeat(auto-fill,minmax(6.4rem,1fr))}.pg-bench .pg-canvas:has(.pg-margin),.pg-bench[data-mode=docs] .pg-canvas{grid-template-columns:minmax(0,1fr)}.pg-margin{display:none}}@media(prefers-reduced-motion:reduce){#pg-size.ticked{animation:none}.pg-canvas,.pg-thread{transition:none}}.pg-palette{position:absolute;z-index:31;display:flex;flex-direction:column;gap:8px;padding:10px;background-color:var(--surface);background-image:var(--dash-h),var(--dash-h),var(--dash-v),var(--dash-v);background-size:100% 1px,100% 1px,1px 100%,1px 100%;background-position:0 0,0 100%,0 0,100% 0;background-repeat:no-repeat;box-shadow:var(--shadow-pop)}.pg-palette[hidden]{display:none}.pg-palette-row{display:flex;align-items:center;gap:8px}.pg-palette-label{flex:0 0 74px;font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint)}.pg-palette-swatches{display:flex;gap:4px}.pg-swatch{width:20px;height:20px;padding:0;border:0;border-radius:3px;background-color:var(--surface-2);color:var(--ink);font-family:var(--font-mono);font-size:11px;line-height:1;cursor:pointer;transition:box-shadow var(--motion) ease}.pg-swatch:hover,.pg-swatch:focus-visible{box-shadow:0 0 0 2px var(--surface),0 0 0 3px var(--indigo)}#pg-palette-clear{align-self:flex-start}