// .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;
    // overflow-y: hidden;
}

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