body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.canvas-container.noData{align-items:center;display:flex;justify-content:center}.pixel-editor{margin:0 auto;max-width:1200px}.canvas-container{background-image:conic-gradient(#eee 25%,#fff 0 25%,#fff 75%,#eee 0);background-size:20px 20px;border-radius:4px}.control-panel{background:#f5f5f5;border-radius:6px;margin-bottom:16px;padding:12px}.color-palette-item{transition:all .2s}.color-palette-item:hover{box-shadow:0 4px 6px #0000001a;transform:scale(1.1);z-index:10}@media screen and (max-width:768px){.copyright-badge{display:none!important}.pixel-editor .ant-card-body{padding:8px!important}.control-panel{margin-bottom:6px;padding:6px}.ant-card-head{min-height:40px;padding:0 12px}.ant-card-head-title{font-size:14px;padding:8px 0}.ant-btn{font-size:11px;height:26px;padding:0 6px}.ant-btn-sm{font-size:10px;height:22px;padding:0 6px}.ant-input-number{height:26px;width:70px!important}.ant-input-number-input{font-size:12px;height:24px}.ant-input-number-group-addon{font-size:10px;padding:0 4px}.ant-radio-group{display:flex;flex-wrap:nowrap}.ant-radio-button-wrapper{font-size:10px;height:22px;line-height:20px;padding:0 6px}.ant-slider{margin:4px 0;width:60px!important}.ant-divider-horizontal{margin:6px 0}.ant-divider-vertical{margin:0 4px}.ant-select{height:24px}.ant-select-selector{font-size:11px;height:24px!important}.canvas-container{flex:1 1!important;min-height:250px!important}.color-palette-area{margin-top:6px!important;max-height:80px!important;padding:0 4px!important}.color-palette-item{height:60px!important;width:36px!important}.color-palette-item>div:last-child{font-size:9px!important;height:38px!important}.color-palette-item>div:last-child>span{font-size:10px!important}}@media screen and (max-width:480px){.control-panel{gap:4px;padding:4px}.ant-space{gap:4px!important}.ant-btn{font-size:10px;height:24px;padding:0 4px}.ant-radio-button-wrapper{font-size:9px;height:20px;padding:0 4px}.ant-input-number{height:24px;width:60px!important}.canvas-container{min-height:200px!important}.color-palette-item{height:55px!important;width:32px!important}.color-palette-item>div:last-child{height:35px!important}.color-palette-area{max-height:80px!important}}
/*# sourceMappingURL=main.bb56fdbb.css.map*/