body{font-family:sans-serif;padding:20px}.controls{margin-bottom:20px}.char-toolbar{margin:10px 0}.char-btn{margin:0 5px;padding:5px 10px;cursor:pointer}.char-btn.selected{background:#ddd;font-weight:700}#grid-wrapper{width:100%;max-height:70vh;overflow:auto;border:1px solid #ccc;margin-bottom:20px}#grid{display:grid;gap:1px;background:#eee;padding:1px}.cell{width:30px;height:30px;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-user-select:none;user-select:none;box-sizing:border-box}button{margin-right:10px;padding:5px 10px}.icon-btn{width:25px;height:25px;padding:0;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle}.upload-container{display:inline-block;margin-right:10px}#file-input{display:none}.points-toolbar{margin-top:10px}.tool-btn{padding:5px 10px;border:1px solid #ccc;cursor:pointer}.tool-btn.selected{background:#ddd;font-weight:700}.sidebar{position:fixed;right:0;top:0;width:250px;height:100%;background-color:#f9f9f9;border-left:1px solid #ccc;padding:20px;box-shadow:-2px 0 5px #0000001a;overflow-y:auto;box-sizing:border-box}.hidden{display:none}