.pp-side{display:inline-flex;gap:.4rem;align-items:center;margin-right:.25rem}
.pp-side select{min-height:2rem;padding:0 .4rem}
.pp-stage{position:relative;height:300px;overflow:hidden;background:color-mix(in srgb,var(--fg) 4%,transparent);user-select:none;-webkit-user-select:none}
.pp-svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}
.pp-svg .pp-bound{fill:none;stroke:var(--muted);stroke-dasharray:4 4}
.pp-svg .pp-ghost{fill:none;stroke:var(--muted);stroke-dasharray:2 3}
.pp-svg .pp-over{fill:color-mix(in srgb,var(--redline) 22%,transparent);stroke:var(--redline);stroke-width:1}
.pp-svg text{fill:var(--redline);font-size:11px;font-variant-numeric:tabular-nums}
.pp-trigger{position:absolute;top:0;left:0;z-index:2;min-height:32px;padding:0 .75rem;border:1px solid var(--fg);border-radius:6px;background:var(--fg);color:var(--bg);font:inherit;cursor:grab;touch-action:none}
.pp-trigger:active{cursor:grabbing}
.pp-panel{position:absolute;top:0;left:0;z-index:1;width:150px;padding:.35rem;border:1px solid var(--rule);border-radius:8px;background:var(--bg);box-shadow:0 10px 28px -14px rgba(0,0,0,.45);display:flex;flex-direction:column}
.pp-scroll{flex:1;min-height:0;overflow:auto}
.demo .pp-panel ul{margin:0;padding:0;list-style:none}
.demo .pp-panel li{margin:0;padding:.3rem .45rem;border-radius:4px}
.pp-panel-title{padding:.2rem .45rem .3rem;color:var(--muted)}
.pp-arrow{position:absolute;width:10px;height:10px;background:var(--bg);border:1px solid var(--rule);transform:rotate(45deg)}
.pp-panel[data-side=top] .pp-arrow{bottom:-6px;border-top:0;border-left:0}
.pp-panel[data-side=bottom] .pp-arrow{top:-6px;border-bottom:0;border-right:0}
.pp-panel[data-side=left] .pp-arrow{right:-6px;border-bottom:0;border-left:0}
.pp-panel[data-side=right] .pp-arrow{left:-6px;border-top:0;border-right:0}
.pp-css-bound{position:absolute;inset:20px;outline:1px dashed var(--muted);outline-offset:0}
.pp-css-anchor{anchor-name:--pp-anchor}
.pp-css-panel{inset:auto;position-anchor:--pp-anchor;position-area:top;margin-bottom:10px;position-try-fallbacks:flip-block;overflow:hidden}
.is-fallback .pp-css-panel{top:0;left:0;margin:0;position-area:none}