.up-stage{position:relative;display:grid;aspect-ratio:4 / 3;min-width:0;max-height:72vh;border-radius:var(--radius-lg);overflow:hidden}.up-stage>*{grid-area:1 / 1;min-width:0;min-height:0}@media(min-width:960px){.upscaler .ws-stage{display:flex;flex-direction:column}.up-stage{flex:1 1 0;aspect-ratio:auto;min-height:26rem;max-height:none;grid-template:minmax(0,1fr) / minmax(0,1fr)}}.up-stage [hidden]{display:none!important}.up-view{position:relative;background:var(--paper-3) repeating-conic-gradient(color-mix(in oklab,var(--ink) 6%,transparent) 0 25%,transparent 0 50%) 0 0 / 20px 20px;border-radius:var(--radius-lg);overflow:hidden;animation:t-in var(--dur-3) var(--ease-out)}.up-canvas{position:absolute;inset:0;--split: 50%;touch-action:none}.up-layer{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block;user-select:none;-webkit-user-drag:none}.up-after{clip-path:inset(0 0 0 var(--split));image-rendering:auto}.up-tag-l{left:var(--space-3)}.up-tag-r{right:var(--space-3)}[data-state=done] .up-canvas{cursor:ew-resize}.up-view.is-full{overflow:auto;overscroll-behavior:contain}.up-view.is-full .up-canvas{position:relative;inset:auto;width:var(--full-w);height:var(--full-h);cursor:grab}.up-view.is-full .up-canvas.is-panning{cursor:grabbing}.up-view.is-full .up-layer{object-fit:fill}.up-view.is-full .up-after{image-rendering:pixelated}.up-view.is-full .up-tag{position:sticky}.up-toolbar{display:flex;align-items:center;gap:var(--space-4);margin-top:var(--space-4)}.up-toolbar[hidden]{display:none}.up-split{flex:1;display:flex}.up-toolbar .seg-toggle{flex:none;width:9rem}.up-summary{min-height:3lh}@media(prefers-reduced-motion:reduce){.up-view{animation:none}}.up-adjust-count{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:400;color:var(--accent)}.up-adjust-body{display:grid;gap:var(--space-4);padding:var(--space-1) var(--space-3) var(--space-3)}.up-adjust[open] .up-adjust-body{animation:t-in var(--dur-3) var(--ease-out)}.up-adjust-groups{display:grid;gap:var(--space-4)}.up-adjust-group{display:grid;gap:var(--space-2)}.up-slider{display:grid;gap:0}.up-slider .label{font-size:var(--text-sm)}.up-slider output{min-width:4.5ch;text-align:center;color:var(--ink-3)}.up-slider.is-set output{color:var(--ink)}.up-adjust-foot{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);min-height:var(--target-min)}.up-preview{image-rendering:auto}@media(prefers-reduced-motion:reduce){.up-adjust[open] .up-adjust-body{animation:none}}