body{
    font-family: 'Google Sans','Noto Sans SC';
    color: #201b12;
    margin: 0;
}

.main-divide{
    display: flex;
    width: 100%;
    height: 100vh;
}
.control-area, .show-area{
    flex: 1;
    margin: 20px;
}
.control-area{
    overflow-y: auto;
    box-sizing: border-box;
}
.show-area mdui-card{
    width: 100%;
    height: calc(100% - 45px);
    overflow-y: auto;
    box-sizing: border-box;
    word-break: break-all;
    white-space: pre;
    padding: 20px;
    font-size: 20px;
}
.show-area .show-btn{
    height: auto;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.list-item{
    display: flex;
    align-items: center;
}
mdui-list-item mdui-text-field{
    width: auto;
    margin-right: 10px;
}