.pg{--pg-fw:116px;--pg-fh:150px;margin-top:var(--space-3)}.pg.is-empty{display:none}.pg-bar{gap:var(--space-2) var(--space-3);flex-wrap:wrap;align-items:center;display:flex}.pg-group{gap:var(--space-1);flex-wrap:wrap;align-items:center;display:flex}.pg-range{gap:var(--space-1);align-items:center;display:inline-flex}.pg-range input{width:7.5rem;min-height:2.2rem;font:inherit;border:1px solid var(--rule);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink);padding:.3rem .5rem;font-size:.9rem}.pg-range input[aria-invalid=true]{border-color:var(--alert)}.pg-meta{gap:.2rem var(--space-3);margin:var(--space-2) 0 0;color:var(--muted);flex-wrap:wrap;max-width:none;font-size:.88rem;display:flex}.pg-meta [data-pg-count]{color:var(--ink);font-weight:700}.pg-range-error{color:var(--alert);margin:.2rem 0 0;font-size:.88rem}.pg-range-error:empty{display:none}.pg-scroll{grid-template-columns:repeat(auto-fill, minmax(calc(var(--pg-fw) + 1.25rem), 1fr));gap:var(--space-2);overscroll-behavior:contain;max-height:min(72vh,46rem);margin-top:var(--space-2);padding:var(--space-2);background:color-mix(in srgb, var(--ink) 4%, var(--surface));border:1px solid var(--rule);border-radius:var(--radius-md);align-content:start;display:grid;position:relative;overflow:auto}.pg-tile{border-radius:var(--radius-md);cursor:default;-webkit-user-select:none;user-select:none;contain:layout paint;border:2px solid #0000;outline:none;justify-items:center;gap:.3rem;padding:.55rem .4rem .4rem;transition:background-color .15s,border-color .15s,opacity .15s;display:grid;position:relative}.pg[data-mode=organize] .pg-tile,.pg[data-mode=pick] .pg-tile{cursor:pointer}.pg-tile:hover{background:color-mix(in srgb, var(--action) 7%, transparent)}.pg-tile:focus-visible{outline:3px solid var(--focus);outline-offset:1px}.pg-tile[aria-selected=true]{background:color-mix(in srgb, var(--action) 13%, var(--surface));border-color:var(--action)}.pg-frame{width:var(--pg-fw);height:var(--pg-fh);position:relative}.pg-sheet{box-shadow:0 0 0 1px color-mix(in srgb, var(--ink) 18%, transparent), 0 2px 6px #0d1f3924;background:#fff;transition:transform .22s cubic-bezier(.2,.8,.2,1);position:absolute;top:50%;left:50%;overflow:hidden}.pg-tile.is-loading .pg-sheet{background:linear-gradient(100deg,#fff 30%,#eef2f8 50%,#fff 70%) 0 0/300% 100%;animation:1.2s linear infinite pg-shimmer}@keyframes pg-shimmer{to{background-position:-150% 0}}.pg-sheet[data-msg]:after{content:attr(data-msg);color:#4d5b70;place-items:center;font-size:.75rem;display:grid;position:absolute;inset:0}.pg-tile.is-blank .pg-sheet:after{content:"Blank";color:#4d5b70;letter-spacing:.02em;place-items:center;font-size:.78rem;display:grid;position:absolute;inset:0}.pg-canvas{width:100%;height:100%;display:block}.pg-cap{align-items:baseline;gap:.35rem;font-size:.82rem;line-height:1.1;display:flex}.pg-num{color:var(--ink);font-variant-numeric:tabular-nums;font-weight:700}.pg-sub{color:var(--muted);max-width:calc(var(--pg-fw) - 1rem);text-overflow:ellipsis;white-space:nowrap;font-size:.74rem;overflow:hidden}.pg-tile.is-turned .pg-num:after{content:" ↻";color:var(--action);font-weight:400}.pg-mark{color:#fff;background:var(--action);width:1.6rem;height:1.6rem;box-shadow:0 0 0 2px var(--surface);border-radius:50%;place-items:center;display:none;position:absolute;top:-.35rem;right:-.35rem}.pg-mark svg{width:1rem;height:1rem}.pg[data-mode=pick] .pg-tile[aria-selected=true] .pg-mark{display:grid}.pg[data-tone=drop] .pg-mark{background:var(--alert)}.pg[data-tone=drop] .pg-tile[aria-selected=true]{border-color:var(--alert);background:var(--alert-bg)}.pg[data-tone=drop] .pg-tile[aria-selected=true] .pg-sheet{opacity:.4}.pg[data-tone=drop] .pg-tile[aria-selected=true] .pg-num{color:var(--alert);text-decoration:line-through}.pg-badge{z-index:2;border-radius:var(--radius-sm);background:var(--ink);max-width:calc(100% - .6rem);color:var(--surface);white-space:nowrap;text-overflow:ellipsis;padding:.05rem .4rem;font-size:.7rem;font-weight:700;position:absolute;top:.2rem;left:.3rem;overflow:hidden}.pg-badge[hidden]{display:none}.pg-tile[data-part="1"]{background:color-mix(in srgb, var(--tape) 55%, transparent)}.pg-acts{background:var(--surface);opacity:0;z-index:3;border-radius:999px;gap:2px;padding:2px;transition:opacity .15s;display:flex;position:absolute;bottom:2.05rem;left:50%;transform:translate(-50%);box-shadow:0 1px 4px #0d1f3940}.pg-tile:hover .pg-acts,.pg-tile:focus-within .pg-acts,.pg-tile[aria-selected=true] .pg-acts{opacity:1}@media (hover:none){.pg-acts{opacity:1}}.pg-act,.pg-grip{width:1.9rem;height:1.9rem;color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid}.pg-act:hover{background:color-mix(in srgb, var(--action) 15%, transparent);color:var(--action)}.pg-act-delete:hover{background:var(--alert-bg);color:var(--alert)}.pg-act svg,.pg-grip svg{width:1.1rem;height:1.1rem}.pg-grip{cursor:grab;touch-action:none;color:var(--muted)}.pg-scroll.is-sorting{cursor:grabbing}.pg-scroll.is-sorting .pg-acts{opacity:0}.pg-tile.is-dragged{opacity:.3}.sort-marker{z-index:5;pointer-events:none;background:var(--action);box-shadow:0 0 0 2px color-mix(in srgb, var(--action) 30%, transparent);border-radius:2px;position:absolute;top:0;left:0}.sort-marker-grid{width:4px}.sort-marker-list{height:4px}.sort-ghost{background:var(--surface);border-radius:var(--radius-md);opacity:.95;box-shadow:0 12px 28px #0d1f394d}.sort-count{background:var(--action);min-width:1.6rem;height:1.6rem;color:var(--action-ink);border-radius:999px;place-items:center;padding:0 .35rem;font-size:.85rem;font-weight:700;display:grid;position:absolute;top:-.5rem;right:-.5rem}@media (prefers-reduced-motion:reduce){.pg-sheet,.pg-tile,.pg-acts{transition:none}.pg-tile.is-loading .pg-sheet{animation:none}}