.pboard[hidden]{display:none}.pboard-body{display:grid;gap:var(--s-4);padding:var(--s-4)}.pboard-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pgrid-help{max-width:52rem}.pgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(10rem,1fr));gap:var(--s-3);margin:0;padding:0;list-style:none}.pgrid[hidden]{display:none}.ptile{position:relative;display:grid;gap:var(--s-2);padding:var(--s-2);border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);box-shadow:var(--shadow-1);cursor:grab}.ptile:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.ptile:hover{border-color:var(--border-strong)}.ptile:active{cursor:grabbing}.ptile.is-dragging{opacity:.4}.ptile.is-over{border-color:var(--accent);box-shadow:inset 3px 0 0 var(--accent)}.ptile-thumb{--rot: 0deg;--thumb: 9rem;position:relative;height:var(--thumb);border-radius:var(--r-sm);background:var(--raised)}.ptile-img{position:absolute;top:50%;left:50%;max-width:100%;max-height:100%;transform:translate(-50%,-50%) rotate(var(--rot));transition:transform var(--fast) var(--ease-out);box-shadow:0 0 0 1px var(--border),var(--shadow-1);background:#fff}.ptile-thumb.is-turned .ptile-img{max-width:var(--thumb);max-height:var(--thumb)}.ptile-img:not([src]){display:none}.ptile-bar{display:flex;align-items:center;gap:var(--s-1)}.ptile-no{min-width:1.75rem;color:var(--faint);font-family:var(--mono);font-size:var(--fs-12);font-variant-numeric:tabular-nums}.ptile-acts{display:flex;margin-left:auto;gap:2px}.ptile-act{width:2rem;height:2rem}.ptile-act .i{width:1rem;height:1rem}.ptile-del:hover{color:var(--danger);background:var(--danger-soft)}.i-flip{transform:scaleX(-1)}@media(prefers-reduced-motion:reduce){.ptile-img{transition:none}}@media(pointer:coarse){.ptile-act{width:var(--target);height:var(--target)}}@media(max-width:30rem){.pgrid{grid-template-columns:repeat(auto-fill,minmax(8.5rem,1fr))}.ptile-thumb{--thumb: 7.5rem}}