.ui-sorter{width:100%;min-width:0}.ui-sorter__list{gap:var(--space-5) var(--space-4);grid-template-columns:repeat(auto-fill,minmax(min(100%,152px),1fr));align-items:start;margin:0;padding:0;list-style:none;display:grid}.ui-sorter__card{gap:var(--space-2);min-width:0;color:var(--ink-700);text-align:center;flex-direction:column;display:flex;position:relative}.ui-sorter__top{position:relative}.ui-sorter__sheet{width:100%;aspect-ratio:var(--ratio,.7071);border:var(--line) solid var(--ink-200);border-radius:var(--radius-sm);background:var(--white);cursor:grab;-webkit-user-select:none;user-select:none;transition:border-color var(--duration) var(--ease-out), opacity var(--duration) var(--ease-out);display:block;position:relative;overflow:hidden}.ui-sorter__sheet img{object-fit:contain;width:100%;height:100%;transition:transform var(--duration) var(--ease-out);display:block}.ui-sorter__card:hover .ui-sorter__sheet,.ui-sorter__card[data-state=hover] .ui-sorter__sheet{border-color:var(--ink-500)}.ui-sorter__sheet[data-state=loading]{background:var(--ink-100);animation:1.4s ease-in-out infinite ui-pulse}.ui-sorter__sheet[data-rot="90"] img,.ui-sorter__ghost img[data-rot="90"]{transform:rotate(90deg) scale(min(var(--ratio), calc(1 / var(--ratio))))}.ui-sorter__sheet[data-rot="180"] img,.ui-sorter__ghost img[data-rot="180"]{transform:rotate(180deg)}.ui-sorter__sheet[data-rot="270"] img,.ui-sorter__ghost img[data-rot="270"]{transform:rotate(270deg) scale(min(var(--ratio), calc(1 / var(--ratio))))}.ui-sorter__blank{place-content:center;justify-items:center;gap:var(--space-1);color:var(--ink-500);font-size:var(--text-sm);display:grid;position:absolute;inset:0}.ui-sorter__blank svg{width:24px;height:24px}.ui-sorter__pos{top:var(--space-2);left:var(--space-2);min-width:24px;height:24px;padding:0 var(--space-1);border-radius:var(--radius-pill);background:var(--ink-900);color:var(--on-ink);font-size:var(--text-sm);font-weight:var(--weight-bold);pointer-events:none;place-items:center;display:grid;position:absolute}.ui-sorter__label{min-height:calc(var(--text-sm) * var(--leading-body));font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--ink-900)}.ui-sorter__grip{top:var(--space-1);right:var(--space-1);border:var(--line) solid var(--ink-200);background:var(--white);cursor:grab;touch-action:none;color:var(--ink-900);position:absolute}.ui-sorter__grip:hover:not(:disabled){border-color:var(--ink-500)}.ui-sorter__tools{justify-content:center;gap:var(--space-1);flex-wrap:wrap;display:flex}.ui-sorter__btn{width:var(--control-h);height:var(--control-h);border-radius:var(--radius-sm);color:var(--ink-700);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid}.ui-sorter__btn svg{width:20px;height:20px}.ui-sorter__btn:hover:not(:disabled):not([aria-disabled=true]){background:var(--ink-100);color:var(--ink-900)}.ui-sorter__btn:active:not(:disabled):not([aria-disabled=true]){background:var(--ink-200)}.ui-sorter__btn:focus-visible,.ui-sorter__card[data-state=focus] .ui-sorter__btn[data-act=earlier]{outline:2px solid var(--ink-900);outline-offset:calc(var(--line) * -2)}.ui-sorter__btn:disabled,.ui-sorter__btn[aria-disabled=true]{color:var(--ink-300);cursor:not-allowed}.ui-sorter__card[data-removed] .ui-sorter__sheet{cursor:default}.ui-sorter__card[data-removed] .ui-sorter__sheet img{opacity:.35}.ui-sorter__card[data-removed] .ui-sorter__label{color:var(--ink-500);text-decoration:line-through}.ui-sorter__gone{place-content:center;justify-items:center;gap:var(--space-1);color:var(--ink-900);font-size:var(--text-sm);font-weight:var(--weight-bold);display:grid;position:absolute;inset:0}.ui-sorter__gone svg{width:24px;height:24px}.ui-sorter__card[data-dragging] .ui-sorter__sheet{opacity:.4;border-color:var(--ink-900)}.ui-sorter__ghost{z-index:10;width:88px;aspect-ratio:var(--ratio,.7071);border:var(--line) solid var(--ink-900);border-radius:var(--radius-sm);background:var(--white);box-shadow:var(--shadow-lift);color:var(--ink-500);pointer-events:none;transform:translate(var(--space-3), var(--space-3));position:fixed;overflow:hidden}.ui-sorter__ghost img,.ui-sorter__ghost svg{object-fit:contain;width:100%;height:100%;display:block}.ui-sorter__card[data-drop]:after{content:"";border-radius:var(--radius-pill);background:var(--ink-900);width:4px;position:absolute;top:0;bottom:0}.ui-sorter__card[data-drop=before]:after{left:calc(var(--space-4) / -2 - 2px)}.ui-sorter__card[data-drop=after]:after{right:calc(var(--space-4) / -2 - 2px)}.ui-sorter__card[data-drop][data-axis=y]:after{width:auto;height:4px;inset:auto 0}.ui-sorter__card[data-drop=before][data-axis=y]:after{top:calc(var(--space-5) / -2 - 2px)}.ui-sorter__card[data-drop=after][data-axis=y]:after{top:auto;bottom:calc(var(--space-5) / -2 - 2px)}@media (prefers-reduced-motion:reduce){.ui-sorter__sheet,.ui-sorter__sheet img{transition:none}.ui-sorter__sheet[data-state=loading]{animation:none}}