html{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-size: 16px;
    line-height: 1;
}

body{
    margin: 0;
    padding: 0;
}

.ui{
    margin: 6px 6px 0;
}

#img-input{
    height: 28px;
    width: calc(100% - 6px - 6px);
}

#start-pic-in-pic{
    height: 24px;
    padding: 4px;
    margin-top: 2px;
    margin-bottom: 6px;
}

#pic-in-pic{
    margin: 0;
    padding: 0;
}

#pic-in-pic-outer{
    width: 100%;
    height: calc(96dvh - (6px + 28px) - (2px + 24px + 6px)); /*TODO:96dvh*/
}

#pic-in-pic{
    width: 100%;
    height: 100%;
}

#pic-in-pic-img{
    width: 100%;
    height: 100%;
    object-fit: contain;
    background-color: rgba(0,0,0,0);
}