.container{position:relative;box-sizing:border-box;margin:0 auto}.textarea{width:100%;height:100%;padding:10px;border-radius:5px;border:1px solid #ccc;font-family:Times New Roman,Times,serif;white-space:pre-wrap;outline:none;overflow:auto;box-sizing:border-box}.textarea::-webkit-scrollbar{display:none}.toolbar{width:100%;font-family:Times New Roman,Times,serif;display:flex;align-items:center;justify-content:space-between;background-color:#e7e2e2;border:1px solid #ccc;padding:5px;box-shadow:0 2px 5px #0003;box-sizing:border-box}.toolbar .toolbar-left{flex:1;display:flex;align-items:center}.toolbar .select{padding:5px;height:30px}.toolbar .toolbar-button{height:30px;padding:5px 10px;font-size:16px;cursor:pointer;background-color:#fff;border:1px solid #ccc;position:relative;display:inline-block}.toolbar .toolbar-button span{font-family:Times New Roman,Times,serif;visibility:hidden;width:120px;background-color:#000;color:#fff;text-align:center;border-radius:6px;padding:5px 0;font-size:14px;position:absolute;z-index:1;top:150%;left:50%;margin-left:-60px}.toolbar .toolbar-button span:after{content:" ";position:absolute;bottom:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:transparent transparent black transparent}.toolbar .toolbar-button.active{font-weight:700}.toolbar .toolbar-button:hover{background-color:#f0f0f0}.toolbar .toolbar-button:hover span{visibility:visible}.button-container{display:flex;justify-content:space-between;width:30%}.button{background-color:#007bff;color:#fff;border:none;padding:10px 20px;font-size:16px;border-radius:5px;cursor:pointer}.button:hover{background-color:#0056b3}