html,body{margin:0;padding:0}body{min-height:100vh;margin:0}body>#app{padding-bottom:456px}body{background-color:#f0f0f0}div.panel{background:#fff;flex-direction:row;margin:0 auto;display:flex;position:fixed;bottom:8px;left:50%;transform:translate(-50%)}div.panel.hidden{display:none}div.panel>div.tileset{display:flex}div.panel>div.tileset>div{flex-wrap:wrap;margin:16px;display:flex}div.panel>div.tileset>div>div{border:1px solid #ccc}div.panel>div.tileset>div>div:hover{border-color:red}.map-box{max-width:100vw;padding:16px;display:block;overflow:auto hidden}.map{-webkit-user-select:none;user-select:none;flex-wrap:wrap;margin:0 auto;display:flex}.map>div{-webkit-user-select:none;user-select:none;background-color:#f0f0f0;background-repeat:no-repeat;border:1px solid #fff;width:32px;height:32px}.map>div:nth-child(10n+1){background-color:#e0f0f0}.map>div:hover{background-color:#def;border-color:#def}.map>div[style*=url\(]{background-color:#fff;border-color:#fff}.map>div.trigger{background-color:#c880ff}div.panel>div.op{-webkit-user-select:none;user-select:none;margin:16px;display:block}div.panel>div.op button,div.panel>div.op select{margin:0 0 16px;display:block}