html:has(.pg-canvas),html:has(.pg-canvas) body{height:100%;overflow:hidden}html:has(.pg-canvas) .site-footer{display:none}.pg-canvas{z-index:0;background-color:var(--color-bg);user-select:none;position:fixed;inset:0;overflow:hidden}.pg-canvas__grid{pointer-events:none;--pg-grid-line:color-mix(in srgb, var(--color-headings) 6%, transparent);background-image:linear-gradient(to right, var(--pg-grid-line) 1px, transparent 1px), linear-gradient(to bottom, var(--pg-grid-line) 1px, transparent 1px);background-size:4.8rem 4.8rem;position:absolute;inset:0;mask-image:radial-gradient(95% 90% at 50% 45%,#000 55%,#0000 100%)}.pg-world{transform-origin:0 0;will-change:transform;transition:transform .18s ease-out;position:absolute;inset:0}.pg-world.is-panning{transition:none}.pg-canvas.is-space,.pg-canvas.is-space .pg-item{cursor:grab}.pg-canvas.is-panning,.pg-canvas.is-panning .pg-item{cursor:grabbing}.pg-zoom{left:2rem;bottom:max(2rem, env(safe-area-inset-bottom));z-index:900;background-color:var(--color-surface,var(--color-card));border:1px solid color-mix(in srgb, var(--color-headings) 10%, transparent);border-radius:var(--radius-pill);box-shadow:var(--shadow-md);align-items:center;gap:.2rem;padding:.4rem;display:flex;position:fixed}.pg-zoom__btn,.pg-zoom__pct{color:var(--color-text);cursor:pointer;border-radius:var(--radius-pill);background:0 0;border:none;font-family:inherit;transition:background-color .15s ease-out}.pg-zoom__btn{place-items:center;width:3.2rem;height:3.2rem;font-size:2rem;line-height:1;display:grid}.pg-zoom__pct{min-width:5rem;height:3.2rem;font-size:var(--text-sm);font-variant-numeric:tabular-nums;padding:0 .6rem;font-weight:500}.pg-zoom__btn:hover,.pg-zoom__pct:hover{background-color:color-mix(in srgb, var(--color-headings) 8%, transparent)}.pg-item{visibility:hidden;background-color:var(--color-surface,var(--color-card));border:1px solid color-mix(in srgb, var(--color-headings) 8%, transparent);border-radius:var(--radius-lg);width:clamp(15rem,22vw,30rem);box-shadow:var(--shadow-md);transform:rotate(var(--rot,0deg));cursor:grab;touch-action:none;margin:0;padding:.8rem;transition:box-shadow .2s ease-out;position:absolute}.pg-item.is-placed{visibility:visible}.pg-item img{border-radius:var(--radius-md);pointer-events:none;width:100%;height:auto;display:block}.pg-item__lottie{aspect-ratio:1;border-radius:var(--radius-md);background-color:var(--color-card);width:100%;overflow:hidden}.pg-item__lottie svg{display:block}.pg-item__caption{font-size:var(--text-sm);white-space:nowrap;color:#fff;background-color:var(--color-primary);border-radius:var(--radius-pill);box-shadow:var(--shadow-sm);opacity:0;pointer-events:none;padding:.5rem 1.2rem;font-weight:500;transition:opacity .15s ease-out;position:absolute;bottom:-1.2rem;left:50%;transform:translate(-50%,100%)}.pg-item.is-selected{outline:2px solid var(--color-primary);outline-offset:3px;box-shadow:var(--shadow-lg)}.pg-item.is-selected .pg-item__caption{opacity:1}.pg-item.is-dragging{cursor:grabbing;box-shadow:var(--shadow-lg)}.pg-item:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px}@media (prefers-reduced-motion:no-preference){.pg-item{transition:box-shadow .2s ease-out,scale .2s ease-out}.pg-item.is-dragging{scale:1.04}}.pg-empty{color:var(--color-muted);text-align:center;max-width:44ch;padding-inline:var(--space-sm);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pg-note{left:50%;bottom:max(2rem, env(safe-area-inset-bottom));z-index:900;background-color:var(--color-surface,var(--color-card));border:1px solid color-mix(in srgb, var(--color-headings) 10%, transparent);border-radius:var(--radius-pill);max-width:min(56rem,100vw - 3.2rem);box-shadow:var(--shadow-lg);align-items:center;gap:1.2rem;padding:.8rem 2rem .8rem .8rem;display:flex;position:fixed;transform:translate(-50%)}.pg-note__avatar{border:2px solid var(--color-primary);border-radius:50%;flex-shrink:0;width:4.4rem;height:4.4rem}.pg-note__text{font-size:var(--text-sm);color:var(--color-text);line-height:1.45}@media (width<=640px){.pg-zoom{display:none}.pg-item{width:clamp(12rem,38vw,18rem)}.pg-note{border-radius:var(--radius-xl);align-items:flex-start;gap:1rem;padding:1rem 1.6rem 1rem 1rem}.pg-note__avatar{width:3.6rem;height:3.6rem}}