.pe,body.pe-editing{--pe-ink: var(--pe-site-ink, #1a1a1a);--pe-paper: var(--pe-site-paper, #f7f5ef);--pe-accent: var(--pe-site-accent, #c9a96a);--pe-sans: var(--pe-site-sans, system-ui, sans-serif);--pe-serif: var(--pe-site-serif, Georgia, serif);--pe-display: var(--pe-site-display, var(--pe-serif));--pe-rule: var(--pe-site-rule, rgba(0, 0, 0, .16));--pe-text: var(--pe-site-text, #333);--pe-pad: var(--pe-site-pad, clamp(1.25rem, 6vw, 6rem));--pe-shadow: var(--pe-site-shadow, rgba(0, 0, 0, .3));--pe-scrim: var(--pe-site-scrim, rgba(20, 20, 20, .6));--pe-quiet: var(--pe-site-quiet, rgba(0, 0, 0, .6));--pe-outline: var(--pe-site-outline, rgba(0, 0, 0, .45))}.pe-open{cursor:pointer}body.pe-editing .pe-open{display:none}body.pe-editing so nothing here reaches the page's own design. The
.pe{font-family:var(--pe-sans)}.pe-btn{height:2.5rem;padding:0 1.1rem;border:1px solid currentColor;background:none;color:inherit;font-family:var(--pe-sans);font-weight:500;font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;cursor:pointer;transition:background .15s ease,color .15s ease}.pe-btn:hover{background:currentColor}.pe-btn:hover>*{color:var(--pe-paper)}.pe-btn--solid{background:var(--pe-ink);color:var(--pe-paper)!important;border-color:var(--pe-ink)}.pe-btn--solid:hover{background:var(--pe-accent);border-color:var(--pe-accent);color:var(--pe-ink)!important}.pe-btn:disabled,.pe-btn:disabled:hover{opacity:.4;cursor:default;background:var(--pe-ink)}.pe-btn--quiet{border-color:transparent;opacity:.8}.pe-bar{position:fixed;left:0;right:0;bottom:0;z-index:90;display:flex;align-items:center;gap:1.25rem;padding:.7rem var(--pe-pad);background:var(--pe-ink);color:var(--pe-paper);box-shadow:0 -10px 40px var(--pe-shadow)}.pe-bar[hidden]{display:none}.pe-bar__label{font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;white-space:nowrap}.pe-bar__label span{color:var(--pe-accent)}.pe-bar__label .pe-bar__who{color:inherit;opacity:.75;text-transform:none;letter-spacing:.04em}.pe-bar__out{margin-left:.9rem;padding:0;background:none;border:0;border-bottom:1px solid currentColor;color:inherit;font:inherit;letter-spacing:inherit;text-transform:inherit;opacity:.7;cursor:pointer}.pe-bar__out:hover,.pe-bar__out:focus-visible{opacity:1;color:var(--pe-accent);outline:none}.pe-bar__count{font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;opacity:.8;white-space:nowrap}.pe-bar__hint{font-family:var(--pe-serif);font-size:.92rem;opacity:.7;flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pe-bar__actions{display:flex;gap:.5rem;flex:none}.pe-bar .pe-btn{color:var(--pe-paper)}.pe-bar .pe-btn:hover{background:var(--pe-paper);color:var(--pe-ink)}.pe-bar .pe-btn--solid{background:var(--pe-accent);border-color:var(--pe-accent);color:var(--pe-ink)!important}.pe-bar .pe-btn--solid:hover{background:var(--pe-paper);border-color:var(--pe-paper)}.pe-bar .pe-btn:disabled,.pe-bar .pe-btn:disabled:hover{background:var(--pe-accent);border-color:var(--pe-accent);opacity:.4}body.pe-editing{padding-bottom:4.5rem}@media(max-width:800px){.pe-bar{flex-wrap:wrap;gap:.6rem;padding:.7rem 1rem}.pe-bar__label{white-space:normal}.pe-bar__hint{display:none}}body.pe-editing [data-ed-key]{outline:1px dashed var(--pe-outline);outline-offset:6px;transition:outline-color .15s ease;cursor:text}body.pe-editing [data-ed-key]:hover{outline-color:var(--pe-accent)}body.pe-editing [data-ed-key]:focus{outline:2px solid var(--pe-accent);outline-offset:6px;box-shadow:0 0 0 9999px color-mix(in srgb,var(--pe-ink) 4%,transparent)}body.pe-editing [data-ed-key][data-ed-kind=img]{cursor:pointer;outline-offset:-6px}body.pe-editing [data-ed-key][data-ed-kind=img]:focus{outline-offset:-6px}body.pe-editing [data-ed-key].pe-selected,body.pe-editing [data-ed-key][data-ed-kind=img].pe-selected{outline:3px solid var(--pe-accent)!important;outline-offset:-3px}body.pe-editing *:not(.pe):not(.pe *),body.pe-editing *:not(.pe):not(.pe *):before,body.pe-editing *:not(.pe):not(.pe *):after{transition:none!important;animation:none!important}body.pe-editing [data-ed-key][data-ed-kind=img]{scale:none!important}body.pe-editing header:not(:has([data-ed-key])){pointer-events:none}body.pe-editing a:has([data-ed-key]):hover,body.pe-editing a:hover [data-ed-key]{opacity:1!important}body.pe-editing [data-ed-key].pe-reset{outline:2px dotted #9b2c2c;opacity:.55}body.pe-editing [data-ed-key][data-ed-changed]:before{content:"Edited";position:absolute;transform:translateY(calc(-100% - 10px));font-family:var(--pe-sans);font-size:.58rem;letter-spacing:.16em;text-transform:uppercase;color:var(--pe-accent);pointer-events:none}.pe-tools,.pe-imgtools{position:absolute;z-index:95;display:inline-flex;gap:.25rem;padding:.3rem;background:var(--pe-ink);color:var(--pe-paper);box-shadow:0 10px 30px var(--pe-shadow)}.pe-tools[hidden],.pe-imgtools[hidden]{display:none}.pe-tools button,.pe-imgtools button{height:2rem;min-width:2rem;padding:0 .6rem;background:none;border:1px solid transparent;color:inherit;font-family:var(--pe-sans);font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;cursor:pointer}.pe-tools button strong,.pe-tools button em{font-family:var(--pe-serif);font-size:.95rem;text-transform:none;letter-spacing:0}.pe-tools button:hover,.pe-imgtools button:hover{border-color:var(--pe-accent);color:var(--pe-accent)}.pe-tools button[hidden]{display:none}.pe-tools__sep{width:1px;background:color-mix(in srgb,var(--pe-paper) 25%,transparent);margin:.3rem .2rem}.pe-toast{position:fixed;bottom:5.25rem;left:1rem;right:1rem;width:-moz-fit-content;width:fit-content;max-width:40rem;z-index:96;margin:0 auto;padding:.7rem 1.1rem;background:var(--pe-ink);color:var(--pe-paper);font-family:var(--pe-serif);font-size:.95rem;box-shadow:0 10px 30px var(--pe-shadow)}.pe-toast[hidden]{display:none}.pe-note--alert{padding:.7rem .9rem;border-left:3px solid var(--pe-accent);background:color-mix(in srgb,var(--pe-accent) 12%,transparent)}.pe-note--alert[hidden]{display:none}