#update{margin:.5rem -10px;padding:.5rem 10px 0;border-top:1px solid #eee}#update [type=file]{margin-top:.5rem}#create-map{border:1px solid #eee;padding:10px;width:300px}#create-map .title{font-weight:700;padding-bottom:5px;border-bottom:1px solid #eee}#create-map .map-container{display:flex;flex-direction:column;align-items:flex-end;padding-top:5px}#create-map .map-container>:not(:first-child){margin-top:5px}#create-map .map-container span{width:100%}#map-editor{position:relative;display:flex;flex:1 0 auto;flex-direction:column;align-items:center}#map-editor .title{font-size:2rem;font-weight:700;margin-bottom:1rem}#map-editor .title select{font-size:1.5rem}#map-editor .map-editor{flex:1 0 auto;display:grid;width:calc(211px + var(--width) + var(--rowpx));grid-template-columns:200px calc(var(--width) + var(--rowpx) + 1px);align-items:start;gap:8px}#map-editor .map-editor .sprite-list{display:grid;grid-template-columns:1fr 1fr;gap:1px;border:1px solid #eee;background-color:#eee}#map-editor .map-editor .sprite-list .sprite-item{display:flex;align-items:center;justify-content:center;background-color:#fff;padding:5px;cursor:move}#map-editor .map-editor .map-editor-container{display:grid;grid-template-columns:repeat(var(--row),calc(var(--width)/var(--row)));grid-template-rows:repeat(var(--column),calc(var(--height)/var(--column)));background-color:#eee;border:1px solid #eee;gap:1px}#map-editor .map-editor .map-editor-container .map-ground{display:flex;align-items:center;justify-content:center;background-color:#fff;cursor:pointer;overflow:hidden}#map-editor .map-editor .map-editor-container .map-ground.ondrag{background-color:rgba(255,0,0,.1)}#map-editor .create-map{position:fixed;display:flex;flex-direction:column;align-items:flex-end;top:50%;left:50%;transform:translate(-50%,-50%);width:300px;background-color:#fff;padding:5px;border:1px solid #eee;border-radius:5px;box-shadow:0 5px 14px 2px rgba(0,0,0,.1)}#map-editor .create-map .title{display:flex;align-items:center;justify-content:space-between;width:100%;font-size:1.2rem;font-weight:700;padding-bottom:5px;margin-bottom:5px;border-bottom:1px solid #eee}#map-editor .create-map>:not(:first-child){margin-top:5px}input[type=number],input[type=text]{border:1px solid #ddd;font-size:1rem;padding:5px;width:100%;outline:0;color:#333}input[type=number]:focus,input[type=number]:hover,input[type=text]:focus,input[type=text]:hover{border:1px solid #bbb}