.pfi[data-astro-cid-vhi34fnx]{container:pfi/inline-size}.pfi-workspace[data-astro-cid-vhi34fnx]{gap:1rem;display:grid}.pfi-top[data-astro-cid-vhi34fnx]{align-items:start;gap:1rem;display:grid}@container pfi (width>=760px){.pfi-top[data-astro-cid-vhi34fnx]{grid-template-columns:minmax(0,1.6fr) minmax(16rem,1fr)}}.pfi-stage[data-astro-cid-vhi34fnx]{border:1px solid var(--line);border-radius:var(--radius);background-color:var(--surface-2);background-image:linear-gradient(45deg, var(--surface-3) 25%, transparent 25%), linear-gradient(-45deg, var(--surface-3) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, var(--surface-3) 75%), linear-gradient(-45deg, transparent 75%, var(--surface-3) 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px;place-items:center;padding:.75rem;display:grid;overflow:hidden}.pfi-frame[data-astro-cid-vhi34fnx]{width:-moz-fit-content;width:fit-content;max-width:100%;position:relative}.pfi-frame[data-astro-cid-vhi34fnx] canvas{border-radius:4px;width:auto;max-width:100%;height:auto;max-height:min(68vh,38rem);display:block}.pfi-markers[data-astro-cid-vhi34fnx]{position:absolute;inset:0}.pfi-markers[data-astro-cid-vhi34fnx] .pfi-marker{width:30px;height:30px;font:700 .78rem/1 var(--font-body);cursor:grab;touch-action:none;border:3px solid #fff;border-radius:50%;place-items:center;margin:-15px 0 0 -15px;padding:0;display:grid;position:absolute;box-shadow:0 0 0 1px #0009,0 2px 6px #0006}.pfi-markers[data-astro-cid-vhi34fnx] .pfi-marker:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.pfi-markers[data-astro-cid-vhi34fnx] .pfi-marker.is-dragging{cursor:grabbing;z-index:2;transform:scale(1.15)}@media (pointer:coarse){.pfi-markers[data-astro-cid-vhi34fnx] .pfi-marker{width:36px;height:36px;margin:-18px 0 0 -18px}}.pfi-hint[data-astro-cid-vhi34fnx]{margin-top:.6rem}.pfi-k__head[data-astro-cid-vhi34fnx]{justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.pfi-k[data-astro-cid-vhi34fnx] output[data-astro-cid-vhi34fnx]{font-weight:700}.pfi-sort[data-astro-cid-vhi34fnx]{margin-top:1rem}.pfi-checks[data-astro-cid-vhi34fnx]{gap:.5rem;margin-top:1rem;display:grid}.pfi-info[data-astro-cid-vhi34fnx]{margin-top:.9rem}.pfi-bar[data-astro-cid-vhi34fnx]{border-radius:var(--radius-s);border:1px solid var(--line);height:3.25rem;margin-bottom:.9rem;display:flex;overflow:hidden}.pfi-bar[data-astro-cid-vhi34fnx] span{min-width:2px}.pfi-list[data-astro-cid-vhi34fnx]{grid-template-columns:repeat(auto-fill,minmax(min(100%,17.5rem),1fr));gap:.5rem;margin:0 0 .6rem;padding:0;list-style:none;display:grid}.pfi-list[data-astro-cid-vhi34fnx] .pfi-item{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-2);grid-template-columns:3.4rem minmax(0,1fr) auto;align-items:center;gap:.25rem .7rem;min-width:0;padding:.45rem .6rem .45rem .45rem;display:grid}.pfi-list[data-astro-cid-vhi34fnx] .pfi-chip{border-radius:var(--radius-s);border:1px solid var(--line-strong);grid-row:span 2;place-items:center;width:3.4rem;height:3.4rem;font-size:.85rem;font-weight:700;display:grid}.pfi-list[data-astro-cid-vhi34fnx] .pfi-codes{gap:.05rem;min-width:0;display:grid}.pfi-list[data-astro-cid-vhi34fnx] .pfi-copy{max-width:100%;min-height:26px;color:var(--text);font-family:var(--font-mono);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;text-align:left;background:0 0;border:1px solid #0000;border-radius:5px;justify-self:start;margin-left:-.3rem;padding:.05rem .3rem;font-size:.78rem;overflow:hidden}.pfi-list[data-astro-cid-vhi34fnx] .pfi-copy--hex{font-size:.95rem;font-weight:700}.pfi-list[data-astro-cid-vhi34fnx] .pfi-copy:hover{border-color:var(--line-strong);background:var(--surface)}.pfi-list[data-astro-cid-vhi34fnx] .pfi-share{text-align:right;font-variant-numeric:tabular-nums;grid-row:span 2;font-weight:700}.pfi-list[data-astro-cid-vhi34fnx] .pfi-picked{color:var(--text-2);font-size:.7rem;font-weight:600;display:block}