.pi-stage,.ws .ws-stage__fit>.pi-stage{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--ws-line-strong) transparent;width:100%;min-width:0;max-width:none;height:100%;min-height:0;margin:0;position:relative;overflow:auto}.pi-stage__body{align-content:start;gap:var(--space-5);min-width:0;padding:var(--space-7) var(--space-5) var(--space-5);grid-template-columns:minmax(0,1fr);display:grid}.pi-failed{padding:var(--space-5);justify-content:center;display:flex}.pi-more{justify-content:center;display:flex}.pi-stage--fit{container-type:size}.pi-stage--fit .pi-stage__body{min-height:100%;padding-block:var(--space-5);align-content:center}.pi-stage--fit .pi-sheet{max-width:min(420px, calc((100cqh - var(--space-5) * 2 - var(--space-6)) * var(--ratio,.7071)))}.pi-column{justify-self:center;gap:var(--space-4);width:100%;min-width:0;max-width:560px;display:grid}.pi-stage .ui-page,.pi-stage .ui-sorter__card{color:var(--ws-text-2)}.pi-stage .ui-page__sheet,.pi-stage .ui-sorter__sheet{border-color:var(--ink-200)}.pi-stage .ui-page:hover .ui-page__sheet,.pi-stage .ui-sorter__card:hover .ui-sorter__sheet{border-color:var(--ws-text-3)}.pi-stage .ui-page:focus-visible{outline-color:var(--ws-focus)}.pi-stage .ui-page[aria-checked=true] .ui-page__sheet{outline-color:var(--ws-accent);border-color:var(--ws-accent)}.pi-stage .ui-page__check{background:var(--ws-accent);color:var(--ws-accent-on)}.pi-stage .ui-page[aria-checked=true] .ui-page__label,.pi-stage .ui-sorter__label{color:var(--ws-text-1)}.pi-stage .ui-page:disabled .ui-page__label{color:var(--ws-text-4)}.pi-stage .ui-sorter__pos{background:var(--ws-raised);color:var(--ws-text-1);border:var(--line) solid var(--ink-200)}.pi-stage .ui-sorter__grip{border-color:var(--ink-200);background:var(--ws-raised);color:var(--ws-text-1)}.pi-stage .ui-sorter__btn{color:var(--ws-text-2)}.pi-stage .ui-sorter__btn:hover:not(:disabled):not([aria-disabled=true]){background:var(--ws-hover);color:var(--ws-text-1)}.pi-stage .ui-sorter__btn:active:not(:disabled):not([aria-disabled=true]){background:var(--ws-press)}.pi-stage .ui-sorter__btn:focus-visible{outline-color:var(--ws-focus)}.pi-stage .ui-sorter__btn:disabled,.pi-stage .ui-sorter__btn[aria-disabled=true]{color:var(--ws-text-4)}.pi-stage .ui-sorter__card[data-dragging] .ui-sorter__sheet{border-color:var(--ws-accent)}.pi-stage .ui-sorter__card[data-drop]:after{background:var(--ws-accent)}.pi-stage .ui-sorter__card[data-removed] .ui-sorter__sheet{background:var(--ws-inset)}.pi-stage .ui-sorter__card[data-removed] .ui-sorter__sheet img{opacity:.2}.pi-stage .ui-sorter__gone{color:var(--ws-text-1)}.pi-stage .ui-sorter__card[data-removed] .ui-sorter__label{color:var(--ws-text-3)}.pi-stage .ui-filelist__item{border-color:var(--ink-200);background:var(--ws-panel)}.pi-stage .ui-filelist__name{color:var(--ws-text-1)}.pi-stage .ui-filelist__meta,.pi-stage .ui-filelist__hint{color:var(--ws-text-3)}.pi-stage .ui-filelist__icon,.pi-stage .ui-filelist__btn{color:var(--ws-text-2)}.pi-stage .ui-filelist__btn:hover:not(:disabled){background:var(--ws-hover);color:var(--ws-text-1)}.pi-stage .ui-filelist__btn:disabled{color:var(--ws-text-4)}.pi-stage .ui-filelist__num{background:var(--ws-inset);color:var(--ws-text-1)}.pi-field{width:var(--ws-field-w)}.pi-range{width:100%}.pi-range .ws-field__input{text-align:start;padding-inline:var(--space-3)}.pi-summary{gap:var(--space-2);padding-bottom:var(--space-2);display:grid}.pi-bulk{gap:var(--space-2);flex-wrap:wrap;display:flex}.pi-actions{gap:var(--space-2);padding-top:var(--space-2);flex-wrap:wrap;display:flex}.pi-list{gap:var(--space-1);color:var(--ws-text-2);font-variant-numeric:tabular-nums;margin:0;padding:0;list-style:none;display:grid}.pi-note{color:var(--ws-text-2);line-height:1.45}.pi-rot .ui-page__sheet img{transition:transform var(--duration) var(--ease-out)}.pi-rot--90 .ui-page[aria-checked=true] .ui-page__sheet img{transform:rotate(90deg) scale(min(var(--ratio), calc(1 / var(--ratio))))}.pi-rot--270 .ui-page[aria-checked=true] .ui-page__sheet img{transform:rotate(270deg) scale(min(var(--ratio), calc(1 / var(--ratio))))}.pi-rot--180 .ui-page[aria-checked=true] .ui-page__sheet img{transform:rotate(180deg)}@media (prefers-reduced-motion:reduce){.pi-rot .ui-page__sheet img{transition:none}}.pi-first{gap:var(--space-3);justify-items:center;min-width:0;display:grid}.pi-sheet{width:100%;max-width:420px;aspect-ratio:var(--ratio,.7071);border:var(--line) solid var(--ink-200);border-radius:var(--radius-sm);background:var(--white);position:relative;overflow:hidden}.pi-sheet[data-state=loading]{background:var(--ink-100);animation:1.4s ease-in-out infinite ui-pulse}.pi-sheet img{object-fit:contain;width:100%;height:100%;display:block}.pi-marker{padding:0 var(--space-2);border-radius:var(--radius-sm);background:var(--ws-accent);color:var(--ws-accent-on);font-size:var(--ws-fs-meta);font-weight:var(--weight-bold);font-variant-numeric:tabular-nums;white-space:nowrap;position:absolute}.pi-marker--tl,.pi-marker--tc,.pi-marker--tr{top:3%}.pi-marker--bl,.pi-marker--bc,.pi-marker--br{bottom:3%}.pi-marker--tl,.pi-marker--bl{left:4%}.pi-marker--tr,.pi-marker--br{right:4%}.pi-marker--tc,.pi-marker--bc{left:50%;transform:translate(-50%)}@media (prefers-reduced-motion:reduce){.pi-sheet[data-state=loading]{animation:none}}.pi-thumbs{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(96px,1fr));margin:0;padding:0;list-style:none;display:grid}.pi-thumb{gap:var(--space-1);min-width:0;color:var(--ws-text-2);font-size:var(--ws-fs-meta);font-variant-numeric:tabular-nums;justify-items:center;display:grid}.pi-thumb__img{aspect-ratio:1;border:var(--line) solid var(--ink-200);border-radius:var(--radius-sm);background:var(--ws-inset);width:100%;position:relative;overflow:hidden}.pi-thumb__img img{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.pi-fit{object-fit:contain;border-radius:var(--radius-sm);background:var(--ws-inset);max-width:100%;max-height:100%;display:block}.pi-result,.ws .ws-stage__fit>.pi-result{box-sizing:border-box;width:100%;min-width:0;max-width:none;height:100%;min-height:0;padding:var(--space-5);scrollbar-width:thin;scrollbar-color:var(--ws-line-strong) transparent;margin:0;display:flex;overflow:auto}.pi-result>*{margin:auto}