// .color-picker {
//     display: flex;
//     justify-content: center;
//     padding: 20rpx;
// }

// .color-circle {
//     width: 80rpx;
//     height: 80rpx;
//     border-radius: 50%;
//     margin: 0 40rpx;
//     border: 4rpx solid #333;
// }

// .action-btn {
//     width: 60%;
//     background: #4CAF50;
//     color: white;
//     margin: 40rpx auto;
// }

.container {
    height: 100vh;
    background-color: transparent;
    background-color: transparent;
    display: flex;
    align-items: center;
    flex-direction: column;
}

.canvas-container {
    margin-top: 20rpx;
    // margin: 20rpx;
    // width: calc(100% - 40rpx);
    // // width: 100%;
    // height: 580px;
    // height: calc(100% - 80rpx);
    border: 2rpx solid #333;
    background-color: #fff;
    box-sizing: border-box;
}