.a2up-desk{color:var(--ink);gap:1.25rem;display:grid}.a2up-dimensions,.a2up-labels{font-family:var(--mono);font-size:var(--text-sm)}.a2up-progress{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--canvas);padding:1rem}.a2up-progress progress{width:100%;height:.6rem;accent-color:var(--ink);display:block}.a2up-progress p{color:var(--muted);font-size:var(--text-sm)}.a2up-result{gap:.8rem;min-width:0;display:grid}.a2up-compare{border:1px solid var(--line);border-radius:var(--radius-sm);background-color:var(--paper);background-image:conic-gradient(var(--canvas) 25%, transparent 0 50%, var(--canvas) 0 75%, transparent 0);background-size:20px 20px;width:100%;max-height:70vh;position:relative;overflow:hidden}.a2up-compare img{object-fit:contain;width:100%;height:100%;display:block}.a2up-compare .a2up-after{position:absolute;inset:0}.a2up-divider{background:var(--ink);width:2px;box-shadow:0 0 0 1px var(--paper);pointer-events:none;position:absolute;top:0;bottom:0;transform:translate(-1px)}.a2up-labels{flex-wrap:wrap;justify-content:space-between;gap:1rem;display:flex}.a2up-slider{font-size:var(--text-sm);color:var(--muted);gap:.4rem;display:grid}.a2up-slider input{width:100%;min-height:2rem;accent-color:var(--ink)}.a2up-desk :focus-visible{outline:2px solid var(--ink);outline-offset:3px}