.pixel-toolbar[data-v-e701710f]{width:100%;height:100%;display:flex;flex-direction:column}.pixel-toolbar[data-v-e701710f] .item-area[data-v-e701710f]{width:200px;padding:12px 0}.pixel-toolbar[data-v-e701710f] .item-form-area[data-v-e701710f]{margin-bottom:8px}.pixel-toolbar[data-v-e701710f] .item-form-area[data-v-e701710f] .color-picker[data-v-e701710f]{display:inline-block;width:28px;height:28px;margin:0 8px 8px 0;border:2px solid transparent;cursor:pointer}.pixel-toolbar[data-v-e701710f] .item-form-area[data-v-e701710f] .color-picker[data-v-e701710f].active[data-v-e701710f]{border-color:#fff}.toolbar-item[data-v-e701710f]{display:inline-flex;background-color:#3a3a3a;margin:1px;width:46px;height:46px;cursor:pointer;border:2px solid #666;justify-content:center}.toolbar-item[data-v-e701710f][data-v-e701710f]:hover{background-color:#444;border-color:#999}.toolbar-item[data-v-e701710f].active[data-v-e701710f]{border-color:#fffb8f}.toolbar-item[data-v-e701710f] img[data-v-e701710f]{width:auto;height:100%}body,html{width:100%;height:100%;overflow:hidden;margin:0;padding:0}#app{width:100%;font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100vh;display:flex;flex-direction:column}#app .top-toolbar{height:200px;background-color:#333;flex-shrink:0}#app .top-toolbar a{font-size:14px;color:#91caff;font-weight:700}#app .palette-wrapper{flex:1}