.up__body{display:grid;gap:var(--space-4)}.up [hidden]{display:none !important}.up__help{margin:0;color:var(--muted);font-size:var(--fs-sm);line-height:var(--lh-body)}.up__label{color:var(--ink-2);font-size:var(--fs-sm);font-weight:600}.up__row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.up__row--center{justify-content:center}.up__status{margin:0;min-height:1.5em;color:var(--ink-2);font-size:var(--fs-sm);font-variant-numeric:tabular-nums}.up__status.is-error{color:var(--danger)}.up__grid{display:grid;gap:var(--space-4);align-items:start}.up__main{display:grid;gap:var(--space-4);min-width:0}.up__drop{display:grid;justify-items:center;gap:var(--space-3);padding:var(--space-6) var(--space-4);text-align:center;border:2px dashed color-mix(in srgb,var(--tool-accent) 45%,var(--line));border-radius:var(--radius-xl);background:radial-gradient(120% 90% at 50% 0%,color-mix(in srgb,var(--tool-accent) 12%,var(--bg-deep)),var(--bg-deep) 70%);transition:border-color var(--dur-fast) var(--ease),background var(--dur-fast) var(--ease)}.up__drop.is-over{border-color:var(--tool-accent);background:color-mix(in srgb,var(--tool-accent) 16%,var(--bg-deep))}.up__drop h3{margin:0;font-size:var(--fs-h3)}.up__art{display:block;width:min(56vw,260px);height:auto;aspect-ratio:4 / 3;filter:drop-shadow(0 18px 28px color-mix(in srgb,var(--tool-accent) 24%,transparent))}.up__stage{display:grid;gap:var(--space-3);min-width:0}.up__file{display:grid;gap:2px;min-width:0}.up__name{margin:0;color:var(--ink);font-weight:700;overflow-wrap:anywhere}.up__compare{--split:50%;position:relative;display:grid;min-height:180px;max-height:min(70vh,640px);overflow:hidden;border-radius:var(--radius-lg);border:1px solid var(--line);background:repeating-conic-gradient(var(--surface-3) 0% 25%,var(--surface-2) 0% 50%) 50% / 20px 20px;touch-action:pan-y;user-select:none}.up__img{grid-area:1 / 1;display:block;width:100%;height:100%;max-height:min(70vh,640px);object-fit:contain}.up__img--after{clip-path:inset(0 0 0 var(--split))}.up__compare:not(.is-done) .up__img--after,.up__compare:not(.is-done) .up__tag,.up__compare:not(.is-done) .up__handle,.up__compare:not(.is-done) .up__split{display:none}.up__compare.is-done{cursor:ew-resize}.up__tag{position:absolute;top:var(--space-2);padding:2px var(--space-2);border-radius:var(--radius-pill);background:color-mix(in srgb,var(--bg-deep) 82%,transparent);color:var(--ink);font-size:var(--fs-2xs);font-weight:700;letter-spacing:.04em;text-transform:uppercase;pointer-events:none}.up__tag--before{left:var(--space-2)}.up__tag--after{right:var(--space-2);color:var(--tool-accent)}.up__handle{position:absolute;top:0;bottom:0;left:var(--split);width:2px;margin-left:-1px;background:var(--ink);box-shadow:0 0 0 1px color-mix(in srgb,var(--bg-deep) 60%,transparent);pointer-events:none}.up__handle::after{content:"";position:absolute;top:50%;left:50%;width:36px;height:36px;margin:-18px 0 0 -18px;border-radius:50%;background:var(--ink);box-shadow:var(--shadow-card)}.up__handle::before{content:"";position:absolute;z-index:1;top:50%;left:50%;width:14px;height:8px;margin:-4px 0 0 -7px;border-left:6px solid var(--bg-deep);border-right:6px solid var(--bg-deep);box-sizing:border-box}.up__split{position:absolute;inset:auto 0 0 0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize}.up__compare:focus-within .up__handle{background:var(--accent)}.up__compare:has(.up__split:focus-visible){outline:var(--focus-ring);outline-offset:2px}.up__compare.is-zoomed{display:block;overflow:auto;max-height:min(70vh,640px);cursor:grab;touch-action:auto}.up__compare.is-zoomed .up__img{position:absolute;top:0;left:0;width:var(--zoom-w,auto);height:var(--zoom-h,auto);max-width:none;max-height:none;object-fit:fill}.up__compare.is-zoomed .up__split,.up__compare.is-zoomed .up__handle{display:none}.up__compare.is-zoomed .up__img--after{clip-path:none}.up__compare.is-zoomed .up__tag{position:sticky;display:inline-block;margin:var(--space-2);z-index:1}.up__video{width:100%;max-height:min(70vh,640px);border-radius:var(--radius-lg);background:var(--bg-deep)}.up__progress{display:grid;gap:var(--space-1)}.up__track{height:8px;overflow:hidden;border-radius:var(--radius-pill);background:var(--bg-deep);border:1px solid var(--line)}.up__track span{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,color-mix(in srgb,var(--tool-accent) 60%,var(--ink)),var(--tool-accent));transition:width var(--dur-fast) linear}.up.is-busy .up__compare{cursor:progress}.up__panel{display:grid;gap:var(--space-4);padding:var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--line);background:var(--surface-2)}.up__field{display:grid;gap:var(--space-2);min-width:0}.up__input{min-height:44px;width:100%;padding:var(--space-2) var(--space-3);color:var(--ink);font:inherit;font-size:var(--fs-md);background:var(--bg-deep);border:1px solid var(--line-strong);border-radius:var(--radius-sm)}.up__input:focus-visible{outline:var(--focus-ring);outline-offset:2px}.up__seg{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:2px;padding:3px;border-radius:var(--radius-md);background:var(--bg-deep);border:1px solid var(--line)}.up__seg button{display:grid;place-content:center;gap:0;min-height:44px;padding:var(--space-1) var(--space-2);color:var(--ink-2);font:inherit;font-size:var(--fs-sm);font-weight:700;line-height:1.15;background:none;border:0;border-radius:calc(var(--radius-md) - 3px);cursor:pointer;transition:background var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}.up__seg button small{color:var(--muted);font-size:var(--fs-2xs);font-weight:600}.up__seg button[aria-checked="true"]{color:var(--accent-ink);background:var(--tool-accent);box-shadow:0 2px 10px color-mix(in srgb,var(--tool-accent) 35%,transparent)}.up__seg button[aria-checked="true"] small{color:color-mix(in srgb,var(--accent-ink) 75%,transparent)}.up__seg button:disabled{opacity:.4;cursor:not-allowed}.up__seg button:focus-visible{outline:var(--focus-ring);outline-offset:1px}.up__range{width:100%;min-height:44px;accent-color:var(--tool-accent)}.up__range:focus-visible{outline:var(--focus-ring);outline-offset:2px}.up__scale{display:flex;justify-content:space-between;gap:var(--space-2)}.up__trim{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2)}.up__trim label{display:grid;gap:var(--space-1);color:var(--muted);font-size:var(--fs-sm)}.up__note{display:flex;gap:var(--space-2);align-items:flex-start;margin:0;color:var(--muted);font-size:var(--fs-sm);line-height:var(--lh-body)}.up__note svg{flex:none;margin-top:2px;color:var(--tool-accent)}@media (hover:hover) and (pointer:fine){.up__seg button:not(:disabled):not([aria-checked="true"]):hover{background:color-mix(in srgb,var(--tool-accent) 14%,transparent);color:var(--ink)}}@media (min-width:900px){.up__grid{grid-template-columns:minmax(0,1fr) 320px}.up__panel{position:sticky;top:var(--sticky-top)}}@media (max-width:759px){.up__drop{padding:var(--space-5) var(--space-3)}.up__art{width:min(44vw,180px)}.up__seg button{padding:var(--space-1)}.up__row .lz-btn{flex:1 1 auto}}.up__seg[data-seg="size"]{grid-auto-flow:row;grid-template-columns:repeat(auto-fit,minmax(56px,1fr))}