*{margin:0;padding:0}html,body{width:100%;height:100%;padding:0;margin:0}button{height:50px;font-size:14px;padding:0 30px;border-radius:5px;outline:none;border:1px solid #ccc}#root{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}button:hover{cursor:pointer;border:solid 1px #999}.btn-container{display:flex;flex-direction:row;gap:16px;padding:16px;align-items:center;flex-wrap:wrap}#root{width:100%;height:100%;display:flex;flex-direction:column}.result-container{display:flex;flex-direction:row;flex:1 1 0%;width:100%;min-height:0;padding:20px;box-sizing:border-box}.list-container,.log-container{height:100%}.list-container{width:50%;overflow:scroll}.log-container{width:50%;display:flex;flex-direction:column}.log-container textarea{width:100%;height:100%;min-height:0;border:solid 1px #ccc;border-radius:5px;outline:none;padding:5px;box-sizing:border-box}.bar{width:400px;height:30px;border:solid 1px #ccc;overflow:hidden}.bar div{background-color:#090;border:0px;height:100%;min-width:10px}