.style_status__Uf_kB {
    display: flex;
    align-items: center;
    justify-content: center;
}
.style_deleteWrap__CC8rV {
    position: relative;
}
.style_deletePonit__A0z4s {
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.style_point___KRC9 {
    width: 2px;
    height: 2px;
    border-radius: 50%;
    margin-right: 4px;
    background-color: var(--TextColor1);
}
.style_point___KRC9:last-child {
    margin-right: 0;
}
.style_delete__wkfcr {
    position: absolute;
    right: 0;
    cursor: pointer;
    top: 32px;
    color: var(--TextColor1);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 88px;
    height: 40px;
    border: 1px solid var(--BorderColor1);
    background-color: var(--FillColor6);
    border-radius: 12px;
    z-index: 999;
}

.style_deleteIcon__Muqkv {
    margin-right: 6px;
}
.style_loadingWrap__9gzAH {
    position: relative;
    width: 32px;
    height: 32px;
    font-size: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.style_cube__cbnB_ {
    width: 6.8px;
    height: 6.8px;
    background-color: var(--PrimaryColor6);
    border-radius: 1px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}
.style_suspend__J0fUB:hover {
    border-radius: 50%;
    background-color: var(--FillColor3);
}
.style_dot__9bHcb {
    background-color: #63b674;
    width: 10px;
    height: 10px;
    border-radius: 5px;
    top: 6px;
    left: 54px;
    position: absolute;
}

.style_searchInput__WpLnR {
    width: 100%;
    border-radius: 10px;
    background-color: var(--FillColor17);
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.08);
    display: flex;
    align-items: center;
    position: relative;
}
.style_searchInput__WpLnR .ant-input {
    border: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
    font-weight: var(--WeightT) !important;
    font-size: 14px !important;
    line-height: 20px !important;
    color: var(--TextColor12) !important;
}
.style_searchIcon__rb1iK {
    margin: 14px 6px 14px 14px;
}
.style_cancel__4c0B0 {
    width: 48px;
    margin-left: 10px;
    color: var(--TextColor13);
    cursor: pointer;
}
.style_cancel__4c0B0:hover {
    color: var(--TextColor12);
}

.style_nameOptions__FUOSQ {
    display: flex;
    flex-direction: column;
    position: absolute;
    bottom: 46px;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
    background-color: var(--TextColor14);
    border-radius: 10px;
    width: 100%;
    padding: 7px 4px;
}
.style_nameOption__Yfg1K {
    color: var(--TextColor12);
    padding: 5px 8px;
    cursor: pointer;
    border-radius: 4px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.style_addTaskWrap__jDERn {
    display: flex;
    align-items: center;
    height: 38px;
    min-height: 38px;
    margin: 155px 20px 10px 20px;
}
.style_addTask__aZnoW {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    color: var(--FillColor17);
    background-color: var(--PrimaryColor11);
    cursor: pointer;
    flex: 1 1;
}

.style_addIcon__GW0tT {
    margin-right: 10px;
}
.style_title__aKZuU {
    margin-bottom: 12px;
    padding-left: 16px;
}
.style_taskList__kYIIN {
    flex-grow: 1;
    color: var(--TextColor1);
    overflow-y: scroll;
    padding: 10px 20px 0 20px;
    margin-bottom: 75px;
}
.style_operation__w03zk {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 13px 9px 13px 10px;
    -webkit-user-select: none; /* Safari */
    -moz-user-select: none; /* Firefox */ /* Internet Explorer */
    user-select: none;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    background-color: var(--FillColor17);
}

.style_search__J_8po {
    padding: 14px 14px 10px 14px;
    border-radius: 10px;
    background-color: var(--FillColor17);
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.08);
    cursor: pointer;
}
.style_buttonGroup__GqSBN {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--FillColor17);
    padding: 0 16px;
    border-radius: 10px;
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.08);
    gap: 8px;
}

.style_buttonItem__zBOGq {
    padding: 12px 0;
    text-align: center;
    cursor: pointer;
}

.style_separator__S3EJ6 {
    width: 1px;
    height: 12px;
    background-color: var(--BorderColor11);
}

.style_buttonText__LnP1F {
    color: var(--TextColor13);
}

.style_buttonItem__zBOGq:hover .style_buttonText__LnP1F {
    color: var(--TextColor12);
}

.style_item__qsE14 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px;
    width: 100%;
    height: 70px;
    margin-bottom: 4px;
    cursor: pointer;
    position: relative;
}
.style_active__PrEad {
    background-color: var(--FillColor15);
    border-radius: 8px;
}
.style_origin__LTdi7 {
    display: flex;
    align-items: center;
}

.style_image__kHYp9 {
    border-radius: 8px;
    margin-right: 12px;
    object-fit: cover;
}
.style_statusText__ypj_H {
    color: var(--TextColor13);
}
.style_empty__agWkI {
    position: fixed;
    width: calc(100vw - 400px);
    height: 100vh;
    z-index: 1;
    left: 400px;
    top: 64px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.style_emptyImage__oXYv8 {
    border-radius: 12px;
}
.style_taskInfos__iVblx {
    display: flex;
    flex-direction: column;
    justify-content: left;
}
.style_taskName___clD9 {
    margin-bottom: 1px;
    max-width: 140px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-wrap: nowrap;
}
.style_shopifyModalContent__jvBSs {
    margin-top: 24px;
}
.style_shopifyModalBtn__T2YuG {
    display: flex;
    justify-content: center;
    margin-top: 16px;
    height: 48px;
    width: 100%;
}
.style_tourStep__MJ7ac {
    width: 180px !important;
}
.style_tourStep__MJ7ac:lang(en-US) {
    width: 220px !important;
}
.style_tourStep__MJ7ac .ant-tour-header {
    width: 100% !important;
}
.style_tourStep__MJ7ac .ant-tour-title {
    text-align: center;
}
.style_tourStep__MJ7ac .ant-tour-buttons {
    height: 32px;
    width: 100%;
    display: flex;
    justify-content: center;
}
.style_tourStep__MJ7ac .ant-tour-next-btn {
    display: flex;
    margin-left: 0 !important;
    max-width: 150px !important;
    height: 100%;
    width: 100%;
    background-color: var(--FillColor15);
    border-radius: 6px;
    align-items: center;
    justify-content: center;
    color: var(--PrimaryColor11);
    font-size: 12px;
    font-weight: 500;
}
.style_tourStep__MJ7ac .ant-tour-next-btn:hover {
    background-color: var(--FillColor15) !important;
    color: var(--PrimaryColor11) !important;
}
.style_tourStep__MJ7ac .ant-tour-prev-btn {
    display: none;
}
.style_tourStep__MJ7ac .ant-tour-footer {
    padding: 2px 16px 14px 12px !important;
}
.style_tourStep__MJ7ac .ant-tour-close {
    font-size: 10px;
    width: 100% !important;
    left: 0 !important;
    right: 0 !important;
    top: 110px !important;
    text-align: center;
    color: var(--TextColor13);
    background-color: transparent;
    pointer-events: none;
}
.style_tourStep__MJ7ac .ant-tour-close:hover {
    color: var(--TextColor13) !important;
    background-color: transparent !important;
}
.style_tourStep__MJ7ac .ant-tour-close {
    display: none !important;
}
.style_video__lapsG {
    margin: 0 -20px;
}

.style_select___9ksH {
    width: 100%;
}
.style_list__sRvTR {
    width: 100%;
    display: flex;
    cursor: pointer;
    flex-wrap: wrap;
    gap: 12px;
}
.style_title__eIBYO {
    margin-bottom: 15px;
}
.style_topList__Ql6VG {
    margin-top: 10px;
}
.style_titleSmall__l5wD7 {
    margin-bottom: 8px;
}
.style_item__zDYzQ {
    padding: 4px 18px;
    border-radius: 100px;
    border: 1px solid var(--BorderColor11);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    color: var(--TextColor13);
    position: relative;
}
.style_active__We_Ps {
    border: 1px solid var(--PrimaryColor11);
    color: var(--PrimaryColor11);
}
.style_disable__eD0Bp {
    border: 1px solid var(--BorderColor2);
    color: var(--TextColor4);
    cursor: not-allowed;
}
.style_subTitle__PR1fo {
    color: var(--TextColor13);
    margin-left: 8px;
}

.style_templateItem__nERzA {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: 10px;
    margin-right: 10px;
    margin-top: 14px;
    position: relative;
    cursor: pointer;
    color: var(--TextColor13);
}
.style_customColor__UIj39 {
    border-radius: 10px;
    margin-bottom: 6px;
    width: 106px;
    height: 106px;
    position: relative;
}
.style_customColor__UIj39::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 10px;
    opacity: 0;
}
.style_customColor__UIj39.style_light__JFbBP::after {
    opacity: 1;
}
.style_editSvg__AxiR_ {
    margin-right: 2px;
}
.style_editText__Vs0QT {
    color: var(--TextColor13);
}
.style_edit__IJF4m {
    position: absolute;
    left: 23px;
    height: 24px;
    right: 23px;
    top: 72px;
    border-radius: 100px;
    background-color: var(--FillColor15);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 2;
    color: var(--TextColor11);
}
.style_edit__IJF4m:hover {
    background-color: var(--FillColor15);
}
.style_activeItem__4NZTY {
    outline: 2px solid var(--PrimaryColor7);
    border: 2px solid var(---FillColor17);
}
.style_colorEdit__9Spg1 {
    max-width: 106px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.style_color__u0_Cq {
    cursor: pointer;
    margin-left: 2px;
    color: var(--TextColor13);
    font-weight: 500;
    text-decoration: underline;
}
.style_btn__vkIET {
    display: flex;
    width: 100%;
    flex-direction: row-reverse;
    margin-top: 16px;
    gap: 8px;
}
.style_btnItem__i6f8k {
    border-radius: 8px;
    height: 36px;
    padding: 0 20px;
    font-weight: 400;
    width: auto;
}

.style_templateList__N2pFc {
    position: relative;
}
.style_templateListRg__YkJr9 {
    padding-top: 10px;
}
.style_title__Dz64T {
    color: var(--TextColor1);
    margin-bottom: 6px;
}
.style_scroll__xX1og {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
}
.style_templateItem___ZdUZ {
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: 10px;
    margin-right: 10px;
    margin-top: 14px;
    position: relative;
    cursor: pointer;
    max-width: 106px;
    text-wrap: nowrap;
    color: var(--TextColor13);
}
.style_itemName__ktXMJ {
    max-width: 106px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.style_image__O0cFe {
    border-radius: 10px;
    display: block;
    object-fit: cover;
    margin-bottom: 6px;
    outline: 2px solid transparent;
    border: 1px solid transparent;
}
.style_lightItem__rybza {
    outline: 2px solid transparent;
    border: 1px solid var(--BorderColor2);
}
.style_activeItem__eguQj {
    outline: 2px solid var(--PrimaryColor6);
    border: 1px solid var(--FillColor6);
}

.style_tag__6mUiU {
    position: absolute;
    top: 1px;
    left: 1px;
    display: flex;
    align-items: center;
    padding: 0 8px 0 6px;
    background: linear-gradient(
        270deg,
        rgba(151, 160, 180, 0) 0%,
        rgba(151, 160, 180, 0.2) 20%,
        #97a0b4 100%
    );
    color: var(--TextColor5);
    border-top-left-radius: 8px;
    line-height: 18px;
}

.style_play__fBxZp {
    margin-right: 4px;
}
.style_prepare__myZlA {
    width: 106px;
    height: 106px;
    background-color: var(--FillColor2);
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    pointer-events: none;
}

.style_loadingIcon__rJXiG {
    margin-bottom: 8px;
}
.style_prepareContent__O4rPl {
    width: 100%;
    height: 100%;
    position: absolute;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.7);
    border-radius: 10px;
    color: var(--TextColor5);
}

.style_new__Od2of {
    position: absolute;
    top: -5px;
    right: -5px;
}

.style_wrap__P39kA {
    width: 100%;
    height: 100%;
}
.style_wrap__P39kA .ant-upload-wrapper .ant-upload-drag {
    border: none !important;
}
.style_wrap__P39kA .ant-upload-wrapper .ant-upload-drag:hover {
    border: none !important;
}
.style_wrap__P39kA .ant-upload-wrapper .ant-upload-drag .ant-upload-btn {
    padding: 0;
}

.style_shopifyProduct__zu6VS {
    /* width: 800px; */
    height: 600px;
    width: 954px;
    background-color: #fff;
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 24px;
    overflow: auto;
    padding-bottom: 100px;
}

.style_shopifyProductTitle__Ued4g {
    color: var(--TextColor11);
    margin-bottom: 24px;
    /* position: absolute;
    width: 100%;
    background-color: #fff;
    text-align: center;
    top: 0;
    height: 40px;
    line-height: 40px; */
}

.style_list__9c_Ej {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    overflow-y: auto;
    width: 100%;
}

.style_listItem__DKEcd {
    border: 1px solid var(--BorderColor1);
    border-radius: 8px;
    gap: 8px;
    font-size: 0;
    cursor: pointer;
    position: relative;
}
.style_active__5B1Mt {
    border: 2px solid var(--PrimaryColor11);
}
.style_image__yGviL {
    object-fit: cover;
    border-radius: 8px;
}

.style_modelFooter__OOOgt {
    position: absolute;
    height: 80px;
    width: 100%;
    bottom: 0;
    left: 0;
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    padding: 0 30px;
    background: rgba(255, 255, 255, 0.7);
    -webkit-backdrop-filter: blur(10px);
            backdrop-filter: blur(10px);
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    gap: 18px;
    border-top: 1px solid var(--BorderColor11);
}
.style_button__hPYUx {
    height: 44px;
    width: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    cursor: pointer;
}
.style_button__hPYUx.style_ok__NfS6V {
    background-color: var(--PrimaryColor11);
    color: var(--TextColor14);
}
.style_button__hPYUx.style_cancel__Jkr_x {
    color: var(--TextColor11);
    background-color: var(--FillColor17);
    border: 1px solid var(--BorderColor11);
}

.style_selectedBox__jFq83 {
    width: 16px;
    height: 16px;
    border-radius: 6px;
    position: absolute;
    top: 4px;
    right: 4px;
}
.style_selectedBox__jFq83::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 4px;
    border: 1px solid var(--BorderColor11);
    background-color: var(--FillColor17);
}
.style_selectedBox__jFq83.style_checked__yDqkF::after {
    content: ' ';
    background-image: url('/checked.svg');
    background-size: 100% 100%;
    border: 1px solid var(--FillColor17);
}

.style_disabled___hVyr {
    opacity: 0.5;
    cursor: not-allowed;
}
.style_uploadWrap__VMxL2 {
    width: 100%;
    height: 100%;
}
.style_upload__m_Q0b {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.style_wrap__K0H1L {
    width: 100%;
    height: 100%;
}
.style_upload__m_Q0b .ant-upload-wrapper .ant-upload-drag {
    border: none;
    background-color: transparent;
}
.style_upload__m_Q0b .ant-upload-wrapper .ant-upload-drag:hover {
    border: none;
}
.style_upload__m_Q0b .ant-upload-wrapper .ant-upload-drag .ant-upload-btn {
    padding: 0;
}
.style_hintWrap__zacmF {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    border: 1px dashed var(--PrimaryColor11);
    background-color: var(--FillColor15);
}
.style_uploadMessage__DkPuP {
    padding-top: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.style_uploadIcon__58SnB {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}
.style_uploadText__2O_1B {
    color: var(--PrimaryColor11);
    margin-top: 12px;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
}

.style_dragText__EgDqU {
    margin-top: 4px;
    color: var(--TextColor11);
    margin-bottom: 8px;
    display: flex;
    align-items: center;
}
.style_shopifyUpload__piCqx {
    margin-left: 4px;
}
.style_or__tbZcX {
    font-weight: 500;
    color: var(--TextColor11);
}

.style_shopifyText__GKGCD {
    font-weight: 500;
    color: var(--PrimaryColor11);
    text-decoration: underline;
}
.style_size__McMmy {
    color: var(--TextColor13);
    font-size: 11px;
    /* font-family: 'Nunito Sans'; */
    font-weight: 400;
    line-height: 20px;
    margin: 0 30px;
}
.style_currentImage__dcS_V {
    position: relative;
    width: 100%;
    height: 100%;
    background-color: var(--FillColor1);
    border-radius: 12px;
    border: 2px solid var(--BorderColor4);
    font-size: 0;
}
.style_image__yROGp {
    object-fit: contain;
    width: 100%;
}
.style_closeIcon__Wa6OA {
    position: absolute;
    right: 16px;
    top: 16px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background-color: var(--FillColor6);
    display: flex;
    align-items: center;
    justify-content: center;
}

.style_tourStep__RhPJI {
    width: 230px !important;
}
.style_tourStep__RhPJI:lang(en-US) {
    width: 260px !important;
}
.style_tourStep__RhPJI .ant-tour-header {
    width: 100% !important;
}
.style_tourStep__RhPJI .ant-tour-title {
    text-align: center;
}
.style_tourStep__RhPJI .ant-tour-buttons {
    height: 32px;
    width: 100%;
    display: flex;
    justify-content: center;
}
.style_tourStep__RhPJI .ant-tour-next-btn {
    display: flex;
    margin-left: 0 !important;
    max-width: 150px !important;
    height: 100%;
    width: 100%;
    background-color: var(--FillColor15);
    border-radius: 6px;
    align-items: center;
    justify-content: center;
    color: var(--PrimaryColor11);
    font-size: 12px !important;
    font-weight: 500 !important;
}
.style_tourStep__RhPJI .ant-tour-next-btn:hover {
    background-color: var(--FillColor15) !important;
    color: var(--PrimaryColor11) !important;
}
.style_tourStep__RhPJI .ant-tour-prev-btn {
    display: none;
}
.style_tourStep__RhPJI .ant-tour-footer {
    padding: 2px 16px 14px 12px !important;
}
.style_tourStep__RhPJI .ant-tour-close {
    font-size: 10px;
    width: 100% !important;
    left: 0 !important;
    right: 0 !important;
    top: 110px !important;
    text-align: center;
    color: var(--TextColor13);
    background-color: transparent;
    pointer-events: none;
}
.style_tourStep__RhPJI .ant-tour-close:hover {
    color: var(--TextColor13) !important;
    background-color: transparent !important;
}
.style_tourStep__RhPJI .ant-tour-close {
    display: none !important;
}

.style_maskBg__jjcLp {
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background-color: var(--FillColor15);
    height: 100%;
    width: 100%;
}
.style_originImag__hTFrk {
    object-fit: contain;
    opacity: 0.5;
    border-radius: 10px;
    display: block;
    width: 100% !important;
}
.style_maskImg__VasUp {
    object-fit: contain;
    position: absolute;
    left: 0;
    top: 0;
    width: 100% !important;
    border-radius: 10px;
}
.style_uploadMaskBtn__q30M9 {
    position: absolute;
    right: 5px;
    top: 5px;
}
.style_uploadMask__35Q3D {
    display: flex;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    height: 30px;
    padding: 0 7px;
    border-radius: 6px;
    opacity: 0.85;
    color: var(--TextColor13);
    background: var(--FillColor17);
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.04);
}

.style_point__ykffX{
    background: rgba(255, 255, 255, 0.5);
    border-radius: 10000px;
    pointer-events: none;
    transform: translate3d(-50%, -50%, 0px);
    box-sizing: border-box;
    border: 2px solid rgba(255, 255, 255, 0.8);
}
.style_canvas__tMRrU .ant-modal-content {
    border-radius: 0 !important;
    padding: 0 !important;
    height: 100vh;
    overflow-y: scroll;
    background-color: var(--FillColor2) !important;
    -webkit-user-select: none; /* Safari */ /* Internet Explorer/Edge */
    -moz-user-select: none; /* Firefox */
    user-select: none;
}
.style_canvasOption__BdsDq {
    position: fixed;
    top: 0;
    z-index: 1;
    width: 100%;
    padding: 0 16px;
    height: 48px;
    background-color: var(--FillColor6);
    display: flex;
    justify-content: space-between;
}
.style_canvasOptionLeft__ulNHt {
    align-self: center;
}
.style_canvasOptionCenter___fdBl {
    display: flex;
    align-items: center;
    align-self: center;
}
.style_canvasOptionRight__M4DCe {
    align-self: center;
}
.style_canvasOptionDetail__IfCWn {
    display: flex;
    align-items: center;
    cursor: pointer;
    padding: 0 8px;
    height: 48px;
}
.style_canvasOptionDetail__IfCWn:hover {
    background-color: var(--FillColor1);
}
.style_canvasOptionText__AcuQy {
    margin-left: 8px;
    color: var(--TextColor1);
}
.style_optionMarginRight__oXSWL {
    margin-right: 16px;
}
.style_canvasOptionTextRight__2UhJ0 {
    margin-left: 8px;
}
.style_optionBorderRight__1y8wi {
    margin: 0 8px;
    border-right: 1px solid var(--FillColor3);
    height: 20px;
}
.style_optionDefaultColor__D7gdp {
    color: var(--TextColor1);
}
.style_optionActiveColor__BPCht {
    color: var(--PrimaryColor6);
}
.style_optionScaleText__E8OgY {
    text-align: center;
    width: 42px;
    margin: 0 8px;
    color: var(--TextColor2);
}
.style_sliderContent__FwmHT {
    width: 48px;
    height: 222px;
    position: fixed;
    background-color: var(--FillColor6);
    top: 429px;
    right: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 16px;
    z-index: 1;
}
.style_solidBigDot__ZzsyW {
    margin-bottom: 7px;
}
.style_solidSmallDot__UhY7P {
    margin-top: 7px;
}

.style_sliderContent__FwmHT .ant-slider .ant-slider-track {
    background-color: var(--PrimaryColor6) !important;
}
.style_sliderBrush__bdVuG .ant-slider .ant-slider-handle::after {
    box-shadow: 0 0 0 2px var(--PrimaryColor6) !important;
    background-color: var(--PrimaryColor6) !important;
}
.style_sliderEraser__VdDDd .ant-slider .ant-slider-handle::after {
    box-shadow: 0 0 0 2px var(--PrimaryColor6) !important;
    background-color: var(--FillColor6) !important;
}

.style_canvasTip__q9agJ {
    width: 100%;
    text-align: center;
    margin-top: 68px;
    margin-bottom: 20px;
}
.style_manualMask__tm4FW {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: center;
    overflow: hidden;
    margin-bottom: 200px;
    min-height: calc(100vh - 116px);
}
.style_canvasMask__2nCCM {
    position: absolute;
    /* pointer-events: none; */
}
.style_userSelect___s8wb {
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
}
.style_showImage__NXecn {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 12px;
    top: 0;
    left: 0;
}
.style_canvas__tMRrU {
    position: absolute;
    border: none;
    border-radius: 12px;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.style_canvasOpacity__gEFrk {
    opacity: 0.5;
}
.style_newMask__otpCW {
    position: fixed;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    z-index: 9999;
    background: rgba(20, 20, 20, 0.9);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.style_modalMask__UdofR .ant-modal-content {
    border-radius: 0 !important;
    padding: 0 !important;
    height: 100vh;
    overflow-y: scroll;
    -webkit-user-select: none; /* Safari */
    -ms-user-select: none; /* Internet Explorer/Edge */
    -moz-user-select: none; /* Firefox */
    background: rgba(20, 20, 20, 0) !important;
    display: flex;
    align-items: center;
}
.style_message__tXb4E {
    color: var(--TextColor5);
    text-align: center;
    margin: 20px auto;
    width: 100%;
}
.style_closeModalIcon__TU6jy {
    cursor: pointer;
    position: fixed;
    right: 20px;
    top: 20px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    /* background-color: var(--FillColor6); */
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1002;
}

.style_content__J8B9w {
    width: 100vw;
    max-height: calc(100vh - 132px);
    overflow: auto;
    position: relative;
    margin-bottom: 20px;
}
.style_wrap__CX6Eu {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    cursor: pointer;
}
.style_image__V62ch {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: contain;
    border-radius: 12px;
}
.style_maskImag__5jJPB {
    z-index: 1;
}
.style_selectImage__TEuBw {
    z-index: 2;
}

.style_back__yuHvy {
    width: 100px;
    height: 100px;
    background-color: var(--TextColor1);
    position: absolute;
    z-index: 999;
    color: var(--TextColor5);
    top: 700px;
}
.style_opreate__ukH9I {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    /*max-width: 630px;*/
}
.style_btn__SkEmO {
    cursor: pointer;
    height: 48px;
    color: var(--TextColor5);
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #000000;
    padding-right: 18px;
    border: none;
    border-right: 1px solid transparent;
    border-image: linear-gradient(
            to bottom,
            transparent 25%,
            var(--FillColor5) 35%,
            var(--FillColor5) 65%,
            transparent 75%
        )
        1 100%;
}
.style_btn__SkEmO:last-child {
    border-right: none;
    border-top-right-radius: 24px;
    border-bottom-right-radius: 24px;
    padding-right: 30px;
}
.style_btn__SkEmO:first-child {
    border-top-left-radius: 24px;
    border-bottom-left-radius: 24px;
    padding-left: 12px;
}
.style_startBtnSvg__4uBT8 {
    margin-left: 18px;
    margin-right: 4px;
}
.style_btnSvg__hxPpz {
    margin-left: 18px;
    margin-right: 4px;
}
.style_modalMask__UdofR .ant-spin-container::after {
    background: rgba(0, 0, 0, 0) !important;
}
.style_modalMask__UdofR .ant-spin-blur {
    opacity: 1 !important;
}

.style_select__nbBxq {
    width: 100%;
    position: relative;
}
.style_list__qOoae {
    display: flex;
    flex-wrap: nowrap; 
    overflow-x: auto;   
    white-space: nowrap;
    display: flex;
    cursor: pointer;
    margin: 5px;
    padding-right: 10px;
   
}
.style_title__emcs_ {
    margin-bottom: 15px;
}

.style_item__Pcfro {
   flex: 0 0 auto; 
   padding: 0 8px;
   height: 30px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    color: var(--TextColor13);
    background-color: var(--TextColor14);
    margin-right: 10px;
}
.style_active__aWWgH {
    border: 1px solid var(--PrimaryColor11);
    color: var(--PrimaryColor11);
}
.style_arrow__cCwJA{
    top: 0;
    position: absolute;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background-color: var(--TextColor14);
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0px 0px 7px 0px rgba(151, 160, 180, 0.2);
    cursor: pointer;
}
.style_arrow__cCwJA:hover{
    box-shadow: 0px 0px 7px 0px rgba(151, 160, 180, 0.4);	
}
.style_left__pIRT6{
    left: 6px;
}
.style_right__lM6sw{
    right: 6px;
}
.style_rightIcon__AVC_g{
    rotate: 180deg;
}

.style_maskContainer__3eTo9 {
    position: relative;
    display: flex;
    justify-content: center;
    border-radius: 10px;
}
.style_maskContainer__3eTo9::before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    border: 1px solid var(--FillColor15);
    border-radius: 10px;
    z-index: 0;
}
.style_maskToolsContainer__a0BL7 {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 6px;
}
.style_maskCustom__DWigo {
    width: 108px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background-color: var(--PrimaryColor11);
    cursor: pointer;
    color: var(--TextColor14);
    white-space: nowrap;
    gap: 4px;
}
.style_maskToolTab__DYCB_ {
    width: calc(100% - 114px);
    background-color: var(--FillColor15);
    border-radius: 10px;
}
.style_maskToolsContainer__a0BL7.style_loading__MxWJB {
    opacity: 0.4;
    cursor: not-allowed;
}
.style_maskTool__4hxj0.style_selected__JOnom {
    color: var(--PrimaryColor11);
    border: 1px solid var(--PrimaryColor11);
}
.style_maskToolText__TRXM2 {
    text-align: center;
}
.style_maskToolText__TRXM2:lang(en-US) {
    font-size: 11px;
    line-height: 14px;
}
.style_disableButton__RYg98 {
    position: absolute;
    top: 12px;
    right: 12px;
    cursor: pointer;
}
.style_maskToolsContainer__a0BL7 .ant-tabs-nav {
    margin: 5px 0px !important;
}
.style_maskToolsContainer__a0BL7 .ant-tabs-nav-list {
    align-items: center;
}
.style_maskToolsContainer__a0BL7 .ant-tabs-tab {
    min-width: 74px;
    height: 30px !important;
    margin: 0 5px !important;
    padding: 0px 8px !important;
    border-radius: 6px !important;
    background: var(--FillColor17) !important;
    border: 1px solid var(--FillColor15) !important;
    display: flex;
    justify-content: center;
    align-items: center;
}
.style_maskToolsContainer__a0BL7 .ant-tabs-tab-active {
    border: 1px solid var(--PrimaryColor11) !important;
}
.style_maskToolsContainer__a0BL7 .ant-tabs-tab-btn {
    font-size: 12px !important;
    font-weight: 500 !important;
    color: var(--TextColor13) !important;
}
.style_maskToolsContainer__a0BL7 .ant-tabs-tab-active .ant-tabs-tab-btn {
    color: var(--PrimaryColor11) !important;
    text-shadow: none !important;
}
.style_maskToolsContainer__a0BL7 .ant-tabs-nav-more {
    padding: 0px 16px !important;
}
.style_toolsPopover__PSb01 {
}
.style_toolsPopover__PSb01 .ant-tabs-dropdown-menu-item {
    font-size: 12px !important;
    font-weight: 500 !important;
    color: var(--TextColor13) !important;
    min-height: 30px;
}

.style_maskWrap___AGGo {
    display: flex;
    flex-direction: column;
    width: 100%;
    color: var(--TextColor11);
    margin-bottom: 10px;
    gap: 8px;
}
.style_maskItem__BeI2q {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    border-radius: 10px;
}
.style_maskTop__zfH8q {
    position: relative;
    width: 100%;
    height: 370px;
}
.style_originImage__Sm4oh {
    background-color: var(--FillColor15);
    object-fit: contain;
    border-radius: 10px;
    margin-bottom: 8px;
}
.style_label__2a_xs {
    color: var(--TextColor13);
    line-height: 22px;
}
.style_maskNeed__DrsWH {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: var(--FillColor15);
    border-radius: 10px;
}
.style_maskNeedText__GS3Dx {
    margin-top: 8px;
    color: var(--PrimaryColor11);
}
.style_loadingTip__3dtg0 {
    color: var(--TextColor13);
}
.style_maskWrap___AGGo .ant-spin-spinning {
    max-height: 370px !important;
}
.style_maximizeTag__DxVsA {
    margin-top: 30px;
}
.style_maximizeWay__znv87 {
    margin-top: 30px;
}
.style_fullImage__91hhS {
    margin-top: 30px;
    width: 690px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}
.style_originWrap__0Q08_ {
    width: 100%;
    position: relative;
    z-index: 1;
    left: -50%;
    overflow: hidden;
}
.style_originContent__xvoQK {
    left: 50%;
    position: relative;
}
.style_image__E0pnm {
    object-fit: cover;
    border-radius: 10px;
    pointer-events: none;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
}
.style_afterWrap__wIo_u {
    position: absolute;
    overflow: hidden;
}
.style_cursor__kQ7rM {
    position: absolute;
    z-index: 11;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.style_cursor__kQ7rM::before {
    content: '';
    width: 2px;
    height: 376px;
    background-color: var(--FillColor6);
    position: absolute;
    top: 0;
    z-index: -1;
}
.style_cursor__kQ7rM::after {
    content: '';
    width: 2px;
    height: 376px;
    background-color: var(--FillColor6);
    position: absolute;
    bottom: 0;
    z-index: -1;
}
.style_cursorImage__vGR0a {
    pointer-events: none;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
}
.style_info__ZFw0O {
    display: block;
    margin-top: 4px;
    color: var(--TextColor13);
}

.style_relightBgSelect__CWzsD {
    margin-top: 30px;
}
.style_title__4ts1j {
    color: var(--TextColor1);
    margin-bottom: 20px;
    margin-top: 30px;
}

.style_wslider__sjq2T {
    width: 100%;
    display: flex;
    flex-direction: column;
}
.style_wsliderInline__tSCN2 {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
}
.style_input__kRNNO {
    width: 100%;
}

.style_label__riWlq {
    color: var(--TextColor1);
    margin-bottom: 4px;
}

.style_labelInline__M1ff4 {
    color: var(--TextColor1);
    margin-right: 12px;
}

.style_sliderContainer__7rIzM {
    display: flex;
    align-items: center;
    flex: 1 1;
}

.style_slider__RZF0H {
    flex: 1 1;
    padding-right: 12px;
}

.style_slider__RZF0H .ant-slider {
    margin: 11px 0;
}

.style_slider__RZF0H .ant-slider-rail {
    background-color: var(--FillColor3) !important;
}

.style_slider__RZF0H .ant-slider-track {
    background-color: var(--PrimaryColor6) !important;
}

.style_slider__RZF0H .ant-slider-handle::after {
    background-color: var(--PrimaryColor6) !important;
    box-shadow: 0 0 0 3px var(--PrimaryColor6) !important;
}

.style_slider__RZF0H .ant-slider-handle::before {
    width: 12px !important;
    height: 12px !important;
}

.style_valueDisplay__qdEfz {
    background-color: var(--FillColor17);
    color: var(--TextColor1);
    text-align: center;
    border: none;
    line-height: 24px;
    padding-top: 2px;
    padding-bottom: 2px;
    width: 48px;
    border-radius: 8px;
    border: 1px solid var(--BorderColor11);
}

.style_body__eEEiG {
    flex: 1 1;
    overflow-y: scroll;
    gap: 24px;
    display: flex;
    flex-direction: column;
}
.style_title__3lv3d {
    display: flex;
}
.style_label__TPXcZ {
    margin-bottom: 16px;
    margin-right: 4px;
}
.style_modelItem__tuika {
    width: 100%;
}
.style_free__Pd5RB {
    position: absolute;
    right: -12px;
    top: -14px;
    background-color: #ff4d4f;
    color: #fff;
    padding: 0 6px;
    border-radius: 100px;
    font-size: 10px;
    font-weight: bold;
    line-height: 20px;
}
.style_beta__MhFvA {
    position: absolute;
    right: -12px;
    top: -14px;
    background: linear-gradient(270deg, #7530fe 0%, #000000 100%);
    color: #fff;
    padding: 0 6px;
    border-radius: 100px;
    font-size: 10px;
    font-weight: bold;
    line-height: 20px;
}
.style_proIcon__Xx2Pp {
    position: absolute;
    right: -12px;
    top: -14px;
}
.style_free__Pd5RB:lang(en-US) {
    right: -24px;
}

.style_setting__4hB8X {
    margin-top: 30px;
}

.react-resizable {
  position: relative;
}
.react-resizable-handle {
  position: absolute;
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-origin: content-box;
  box-sizing: border-box;
  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2IDYiIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2cHgiIGhlaWdodD0iNnB4Ij48ZyBvcGFjaXR5PSIwLjMwMiI+PHBhdGggZD0iTSA2IDYgTCAwIDYgTCAwIDQuMiBMIDQgNC4yIEwgNC4yIDQuMiBMIDQuMiAwIEwgNiAwIEwgNiA2IEwgNiA2IFoiIGZpbGw9IiMwMDAwMDAiLz48L2c+PC9zdmc+');
  background-position: bottom right;
  padding: 0 3px 3px 0;
}
.react-resizable-handle-sw {
  bottom: 0;
  left: 0;
  cursor: sw-resize;
  transform: rotate(90deg);
}
.react-resizable-handle-se {
  bottom: 0;
  right: 0;
  cursor: se-resize;
}
.react-resizable-handle-nw {
  top: 0;
  left: 0;
  cursor: nw-resize;
  transform: rotate(180deg);
}
.react-resizable-handle-ne {
  top: 0;
  right: 0;
  cursor: ne-resize;
  transform: rotate(270deg);
}
.react-resizable-handle-w,
.react-resizable-handle-e {
  top: 50%;
  margin-top: -10px;
  cursor: ew-resize;
}
.react-resizable-handle-w {
  left: 0;
  transform: rotate(135deg);
}
.react-resizable-handle-e {
  right: 0;
  transform: rotate(315deg);
}
.react-resizable-handle-n,
.react-resizable-handle-s {
  left: 50%;
  margin-left: -10px;
  cursor: ns-resize;
}
.react-resizable-handle-n {
  top: 0;
  transform: rotate(225deg);
}
.react-resizable-handle-s {
  bottom: 0;
  transform: rotate(45deg);
}
.style_crop__5e32Q{
   margin-top: 16px;
    display: flex;
    justify-content: center;
    margin-bottom: 40px;
}
.style_content__a08sc{
    display: flex;
    position: relative;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAMElEQVQ4T2P8+vXrfwY84OPHL/ikGRhHDRgWYfDs2Uu86YCfnwd/Ohg1gIFx6IcBAPTPVKHaYv7lAAAAAElFTkSuQmCC');
    background-repeat: repeat;
    background-position: center;
    overflow: hidden;
}

.style_content__a08sc .react-resizable-handle {
    width: 10px;
    height: 10px;
    background-color: var(--PrimaryColor6);
    position: absolute;
    z-index: 1;
    background-image: none;
}

.style_imageBox__JOO54 .react-resizable-handle {
    background-color: var(--FillColor6);
    border: 1px solid var(--PrimaryColor6);

}
.style_content__a08sc .react-resizable-handle-nw{
    top: -5px;
    left: -5px;
}
.style_content__a08sc .react-resizable-handle-ne{
    right: -5px;
    top: -5px;
}
.style_content__a08sc .react-resizable-handle-sw{
    left: -5px;
    bottom: -5px;
}
.style_content__a08sc .react-resizable-handle-se{
    bottom: -5px;
    right: -5px;
}
.style_content__a08sc .react-resizable-handle-s{
    width: 4px;
    height: 20px;
    transform: rotate(90deg);
    bottom: -10px;
}
.style_content__a08sc .react-resizable-handle-n{
    width: 4px;
    height: 20px;
    transform: rotate(90deg);
    top: -10px;
}
.style_content__a08sc .react-resizable-handle-w{
    width: 4px;
    height: 20px;
    transform: rotate(180deg);
    left: -2.5px;
}
.style_content__a08sc .react-resizable-handle-e{
    width: 4px;
    height: 20px;
    transform: rotate(180deg);
    right: -2.5px;
}
.style_wrap__SSYKp{
    overflow: auto;
    height: 100%;
}
.style_box__GB0eX {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    box-sizing: border-box;
    position: relative;
    cursor: move;
}
.style_imageBox__JOO54{
    border: none;
    position: absolute !important;
}

.style_mainImage__ZrZcs{
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: -1;
    top: 0;
}
.style_originImage__G8Qaa{
    border: 1px solid var(--PrimaryColor6);
    pointer-events: none;
    width: 100%;
    height: 100%;
}
.style_originCanvas__tR28m{
    width: 100%;
    height: 100%;
}
.style_originCanvas__tR28m{
    top: 0;
}

.style_customSize__XcS7_ {
    margin-top: 20px;
    display: flex;
    align-items: center;
}

.style_customLock__CQT_p {
    margin: 0 8px;
    border-radius: 10px;
    background-color: var(--FillColor15);
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.style_customUnlock__Dbl3D {
    background-color: transparent;
}

.style_customUnlock__Dbl3D:hover {
    background-color: var(--FillColor1);
}

.style_customInput__TIwob {
    border: 1px solid var(--FillColor15);
    height: 36px;
    width: 130px;
    border-radius: 10px;
    background-color: var(--FillColor15);
    text-align: center;
    margin-left: 6px;
}

.style_hint__Vrx6U {
    margin-left: 12px;
    color: var(--TextColor3);
}

.style_aspectRatioBox__IEShD {
    position: relative;
    width: 16px;
    height: 16px;
}
.style_innerBox__wWpYv {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    border-radius: 2px;
    border: 1px solid var(--TextColor13);
    overflow: hidden;
    opacity: 0.7;
}
.style_innerBox__wWpYv.style_selected__Q6x5T {
    border: 1px solid var(--PrimaryColor11);
}
.style_landscape__ji6Ng {
    width: 100%;
    height: auto;
}
.style_portrait__OZi0E {
    width: auto;
    height: 100%;
}

.style_title__TVJbH {
    color: var(--TextColor1);
    margin-bottom: 12px;
}
.style_tagList__5X79F {
    margin-top: 30px;
}

.style_container__r9419 {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 280px;
    padding: 28px 0;
    max-height: calc(50vh - 24px);
    overflow-y: scroll;
}
.style_close___kkaR {
    position: absolute;
    cursor: pointer;
    top: 10px;
    right: 10px;
}
.style_list__HfeRx {
    height: 100%;
    display: flex;
    flex-direction: column;
    overflow: scroll;
}
.style_list__HfeRx > :first-child {
    border-top: none;
}
.style_list__HfeRx > :last-child {
    border-radius: 0 0 8px 8px;
}
.style_item__c7X8E {
    padding: 16px;
    cursor: pointer;
}
.style_divider__NyuRA {
    height: 1px;
    margin: 0 16px;
    background-color: var(--BorderColor11);
}
.style_item__c7X8E:hover {
    background-color: var(--FillColor2);
}
.style_itemText__PAEk7 {
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.style_textarea__ZnZVt {
    width: 100%;
    background-color: var(--FillColor15);
    border-radius: 10px;
    color: var(--TextColor11);
    padding: 12px;
    border: none;
    resize: none;
}
.style_textarea__ZnZVt::placeholder {
    color: var(--TextColor13);
}
.style_textarea__ZnZVt:focus {
    border: none;
}
.style_popoverRecommendList__S0Sug {
    max-height: 256px;
    overflow: auto;
    padding: 0px 4px 0px 8px;
}
.style_popoverRecommendList__S0Sug::-webkit-scrollbar {
    width: 3px;
    display: block;
}
.style_popoverRecommendList__S0Sug::-webkit-scrollbar-thumb {
    background-color: var(--TextColor13);
    border-radius: 10px;
}
.style_popoverRecommendItem__UYFDp {
    height: 40px;
    display: flex;
    align-items: center;
    padding: 0px 12px;
    border-radius: 4px;
    cursor: pointer;
    position: relative;
}
.style_popoverRecommendItem__UYFDp:hover {
    background-color: rgba(0, 0, 0, 0.04);
}
.style_popoverRecommendItemIndexed__4RSYO {
    background-color: rgba(0, 0, 0, 0.04);
}
.style_popoverRecommendBorder__62Npx {
    position: absolute;
    background-color: var(--PrimaryColor6);
    width: 4px;
    height: 38px;
    border-radius: 0px 4px 4px 0px;
    left: -7px;
}
.style_popoverRecommendWrapper__0xWXN {
    width: 240px;
}
.style_popoverRecommendWrapper__0xWXN .ant-popover-inner {
    padding: 8px 2px 8px 0px !important;
}

.style_container__4bcFt {
    display: flex;
    flex-direction: column;
    position: relative;
}
.style_functions__OWQ6A {
    display: flex;
    align-items: center;
    gap: 8px;
}
.style_hint___UfiQ {
    color: var(--TextColor13);
    flex: 1 1;
}
.style_function__TDw6O {
    height: 32px;
    min-width: 88px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 12px;
    gap: 2px;
    cursor: pointer;
    background-color: var(--FillColor15);
    border-radius: 10px;
}
.style_inputArea__6LkbA {
    display: flex;
    flex-direction: column;
    border: 10px;
    margin-top: 16px;
    gap: 2px;
}
.style_textarea__NrMf7 {
    width: 100%;
    color: var(--TextColor11);
}
.style_textareaPos__TBSnr {
    border-radius: 10px 10px 0 0;
    background: var(--FillColor15);
}
.style_textareaNeg__C9Z9c {
    border-radius: 0 0 10px 10px;
    background: var(--FillColor15);
}
.style_textareLoading__7cJiR {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    cursor: not-allowed;
    height: 125px;
}
.style_textareLoadingHint__HufFi {
    color: var(--TextColor2);
    margin-top: 8px;
}

.style_name__l2Ldz {
    width: 100%;
    margin-top: 6px;
    max-width: 100%;
    text-align: center;
    color: var(--TextColor13);
    display: flex;
    justify-content: center;
    gap: 4px;
}
.style_nameTxt__eg2LE {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.style_inputValue__f4s2L {
    width: 100%;
    max-width: 100px;
    text-align: center;
    border: none;
    color: var(--TextColor13);
}
.style_inputValue__f4s2L::placeholder {
    color: var(--TextColor13);
    opacity: 0.5;
}

.style_prepare__lvzh6 {
    color: var(--TextColor13);
    background-color: var(--FillColor15);
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    pointer-events: none;
}
.style_loadingIcon__A7Nn3 {
    margin-bottom: 8px;
}
.style_prepareContent___d5ZF {
    width: 100%;
    height: 100%;
    position: absolute;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    color: var(--TextColor5);
    padding-top: 20px;
}
.style_image__cFkza {
    border-radius: 10px;
    display: block;
    object-fit: cover;
    outline: 2px solid transparent;
    border: 1px solid transparent;
}

.style_prepare__lPJeq {
    color: var(--TextColor13);
    background-color: var(--FillColor15);
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    pointer-events: none;
}
.style_loadingIcon__59P7B {
    margin-bottom: 8px;
}
.style_prepareContent__IIu8b {
    width: 100%;
    height: 100%;
    position: absolute;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.7);
    border-radius: 10px;
    color: var(--TextColor5);
}
.style_image__DW834 {
    border-radius: 10px;
    display: block;
    object-fit: cover;
    outline: 2px solid transparent;
    border: 1px solid transparent;
}
.style_maskContainer__7XHhy{
    display: flex;
    align-items: center;
    flex-direction: column;
    width: 660px;
    background-color: var(--FillColor17);
    padding-top: 40px;
    padding-bottom: 18px;
    border-radius: 20px;
}
.style_imageWrap__Hr_4_{
    position: relative;
    display: flex;
    justify-content: center;
}
.style_mask__DoBnG{
    position: absolute;
    top: 0;
    z-index: 1;  
    object-fit: contain;
}
.style_originalImage__LpsYL{
    object-fit: contain;
    border-radius: 20px;
}
.style_title__WqvI_{
    color: var(--TextColor11);
    margin-bottom: 8px;
    font-size: 30px;
}
.style_subTitle__Pt3LE{
    color: var(--TextColor13);
    margin-bottom: 20px;
    text-align: center;
}
.style_eidtMask__O1PPz{
    position: absolute;
    bottom: 40px;
    width: 124px;
    height: 36px;
    background-color: rgba(0, 0, 0, 0.3);
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
    color: var(--TextColor14);
    cursor: pointer;
}

.style_line__Vdv8A{
    margin-top: 20px;
    margin-bottom: 18px;
    width: 100%;
    height: 1px;
    background-color: var(--BorderColor11);
}

.style_btnItem__QESzh{
    width:  246px;
    height: 54px;
}
.style_spinLoading__Il969{
    width: 660px !important;
    height: 662px !important;
    border-radius: 20px;
    max-height: 662px !important;
}
.style_btnWrap__us3GZ{
    display: flex;

}
.style_root__RoQs3 {
    width: 130px;
}
.style_templateItem__ElKtP {
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: 10px;
    position: relative;
    cursor: pointer;
    color: var(--TextColor2);
}
.style_button__LeRDO {
    color: var(--TextColor14);
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    gap: 4px;
    background-color: var(--FillColor15);
}
.style_buttonTitle__GrhAk {
    margin-top: 2px;
    color: var(--PrimaryColor11);
    text-align: center;
}
.style_buttonSubtitle__rgC_6 {
    color: var(--TextColor13);
    text-align: center;
}
.style_buttonTooltip__VOrp1 {
    position: absolute;
    top: 2px;
    right: 2px;
    cursor: pointer;
}
.style_buttonTips__I18Wg {
    width: 100%;
    text-wrap: wrap;
    color: var(--TextColor13);
    width: 216px;
}
.style_name__K5rRV {
    color: var(--TextColor13);
    margin-top: 6px;
    max-width: 100%;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
}
.style_popover__dJ6XX .ant-popover-inner {
    padding: 10px 8px !important;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1) !important;
}

.style_templateItem__yqutQ {
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: 10px;
    position: relative;
    cursor: pointer;
    color: var(--TextColor2);
}
.style_button__1lzX2 {
    color: var(--TextColor14);
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    gap: 4px;
    background-color: var(--FillColor15);
}
.style_buttonTitle__URBhf {
    margin-top: 2px;
    color: var(--PrimaryColor11);
    text-align: center;
}
.style_buttonSubtitle__HTqCM {
    color: var(--TextColor13);
    text-align: center;
}
.style_buttonTooltip__FyG_x {
    position: absolute;
    top: 2px;
    right: 2px;
    cursor: pointer;
}
.style_buttonTips__sFfUv {
    width: 100%;
    text-wrap: wrap;
    color: var(--TextColor13);
    width: 216px;
}
.style_name__foLU5 {
    color: var(--TextColor13);
    margin-top: 6px;
    max-width: 100%;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
}
.style_popover__CmPu6 .ant-popover-inner {
    padding: 10px 8px !important;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1) !important;
}

.style_templateList__pXTgH {
    position: relative;
}
.style_title__IZUOj {
    color: var(--TextColor1);
    margin-bottom: 12px;
}
.style_list__JqbbI {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
}
.style_templateItem__VfEhY {
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: 10px;
    position: relative;
    cursor: pointer;
    color: var(--TextColor2);
}
.style_collect__WtWRn {
    position: absolute;
    bottom: 4px;
    right: 4px;
    z-index: 1;
}
.style_templateImg__D4sWj {
    position: relative;
}
.style_image___KIYp {
    border-radius: 10px;
    display: block;
    object-fit: cover;
    outline: 2px solid transparent;
    border: 1px solid transparent;
    background-color: var(--FillColor15);
}
.style_activeItem__Z_eji {
    outline: 2px solid var(--PrimaryColor6);
    border: 1px solid var(--FillColor6);
}
.style_tag__F4B7A {
    position: absolute;
    top: 1px;
    left: 1px;
    display: flex;
    align-items: center;
    padding: 0 8px 0 6px;
    background: linear-gradient(
        270deg,
        rgba(151, 160, 180, 0) 0%,
        rgba(151, 160, 180, 0.2) 20%,
        #97a0b4 100%
    );
    color: #ffffffcc;
    border-top-left-radius: 8px;
    line-height: 16px;
}
.style_tagFrequent__NxFel {
    position: absolute;
    bottom: 1px;
    left: 1px;
    display: flex;
    align-items: center;
    padding: 0 8px 0 6px;
    background-color: #97a0b4;
    color: #ffffff;
    border-bottom-left-radius: 8px;
    border-top-right-radius: 8px;
    line-height: 16px;
}
.style_tagSmart__Me4bu {
    position: absolute;
    bottom: 1px;
    left: 1px;
    display: flex;
    align-items: center;
    padding: 0 8px 0 6px;
    background: linear-gradient(270deg, rgba(117, 48, 254, 0.9) 0%, rgba(0, 0, 0, 0.9) 100%);
    color: #ffffff;
    border-bottom-left-radius: 8px;
    border-top-right-radius: 8px;
    line-height: 16px;
}
.style_preview__QX__k {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
}
.style_preview__QX__k:hover {
    opacity: 1;
    transition-delay: 0.7s;
}
.style_previewBtn__C8WW1 {
    border-radius: 200px;
    background: rgba(0, 0, 0, 0.5);
    -webkit-backdrop-filter: blur(10px);
            backdrop-filter: blur(10px);
    padding: 3px 9px;
    cursor: pointer;
    color: var(--TextColor14);
}
.style_preivewImage__VC_43 {
    border-radius: 20px;
    width: auto;
    height: calc(100vh - 80px);
    max-height: 1024px;
}
.style_play__tLhtc {
    margin-right: 4px;
    opacity: 0.8;
}
.style_name__wBAfP {
    color: var(--TextColor13);
    margin-top: 6px;
    max-width: 106px;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
}
.style_new__6oPp3 {
    position: absolute;
    top: -5px;
    right: -5px;
}
.style_button__2Ks7G {
    width: 130px;
    height: 170px;
    color: var(--TextColor14);
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    gap: 4px;
    background-color: var(--FillColor15);
}
.style_buttonHint__RLZFs {
    color: var(--TextColor14);
    opacity: 0.7;
    margin: 0 10px;
    text-align: center;
}
.style_skeleton__XNpY6 {
    position: relative;
    background-color: #ededed;
    border-radius: 10px;
    background-image: url('/bg_bgrecommend_skeleton.png');
    background-size: 100% 100%;
}
.style_skeleton__XNpY6::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: linear-gradient(
        90deg,
        #ffffff60 0%,
        #ffffff00 15%,
        #ffffff00 85%,
        #ffffff60 100%
    );
    background-size: 200% 100%;
    background-position: 50% 0;
    animation: style_skeleton-loading__BPHs2 2s ease-in-out infinite;
    border-radius: 10px;
}
@keyframes style_skeleton-loading__BPHs2 {
    0% {
        background-position: 50% 0;
    }
    100% {
        background-position: -150% 0;
    }
}
.style_noImageHint__6qkE2 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 100px;
    background: var(--FillColor17);
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
    padding: 10px 26px;
}
.style_noImageHintTxt__49lQW {
    background: linear-gradient(270deg, #7530fe 0%, #000000 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}
.style_showImage__LPY_d {
    position: absolute;
    border-radius: 10px;
    opacity: 0.8;
}
.style_tagList__Kc_j7 {
    display: flex;
    flex-wrap: wrap;
    gap: 12px 6px;
    margin-top: 20px;
}
.style_tag__JVPgE {
    height: 28px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 14px;
    color: var(--TextColor13);
    border: 1px solid var(--BorderColor11);
    border-radius: 14px;
    cursor: pointer;
}
.style_tag__JVPgE.style_active__J8vj_ {
    color: var(--PrimaryColor11);
    border: 1px solid var(--PrimaryColor11);
}

.style_container__D0be_ {
    display: flex;
    width: 68%;
}
.style_popover__M5lHI {
    width: 100%;
}
.style_search__1M2XT {
    height: 34px;
    border-radius: 6px;
    background-color: var(--FillColor15);
    display: flex;
    align-items: center;
    padding: 0 10px;
    width: 100%;
}
.style_searchInputWrap__dypBk {
    flex: 1 1;
}
.style_searchInput__akiTl {
    width: 100%;
    border: none;
    background: none;
    color: var(--TextColor12);
}
.style_searchInput__akiTl::placeholder {
    color: var(--TextColor13);
}
.style_searchPanel__WVhW6 {
    width: calc(100% - 20px);
    max-height: 50vh;
    overflow: auto;
}
.style_searchItem__mSk4g {
    min-height: 30px;
    display: flex;
    align-items: center;
    cursor: pointer;
    border-radius: 5px;
    padding: 6px 10px;
    color: var(--TextColor11);
}
.style_searchItem__mSk4g.style_active__8At2B {
    color: var(--PrimaryColor11);
}
.style_searchItem__mSk4g:hover {
    background-color: var(--FillColor16);
}

.style_searchIcon__qMltQ {
    cursor: pointer;
}

.style_empty__V3uW4{
    height: 300px;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.style_emptyText__AogIc{
    color: var(--TextColor13);
    margin-bottom: 27px;
}
.style_emptyBtn__k1W26{
    display: flex;
    align-items: center;
    background-color: var(--FillColor17);
    padding: 8px 20px;
    border: 1px solid var(--PrimaryColor11);
    border-radius: 6px;
    color: var(--PrimaryColor11);
}

.style_btnText__Hpii_{
    margin-right: 2px;
}
.style_filterArea__DpTUJ {
    width: 100%;
    display: flex;
    flex-direction: column;
}
.style_filterArea2__AQD3_ {
    display: flex;
    gap: 24px;
    margin-top: 10px;
}
.style_filterLabel__8anBP {
    color: var(--TextColor12);
    text-wrap: nowrap;
}
.style_filters__6NzZj {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 24px;
}
.style_filterItem__A5qol {
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--TextColor13);
}
.style_checkbox__HFiDW {
    width: 16px;
    height: 16px;
    border-radius: 6px;
    position: relative;
    cursor: pointer;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    border: none;
    outline: none;
}
.style_checkbox__HFiDW::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 4px;
    border: 1px solid var(--BorderColor11);
    background-color: var(--FillColor17);
}
.style_checkbox__HFiDW:checked::after {
    content: ' ';
    background-image: url('/checked.svg');
    border: none;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list
{
    background: #fff url(/_next/static/media/ajax-loader.0b80f665.gif) center center no-repeat;
}

/* Icons */
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url(/_next/static/media/slick.25572f22.eot);
    src: url(/_next/static/media/slick.25572f22.eot?#iefix) format('embedded-opentype'), url(/_next/static/media/slick.653a4cbb.woff) format('woff'), url(/_next/static/media/slick.6aa1ee46.ttf) format('truetype'), url(/_next/static/media/slick.f895cfdf.svg#slick) format('svg');
}
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -25px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    content: '←';
}
[dir='rtl'] .slick-prev:before
{
    content: '→';
}

.slick-next
{
    right: -25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    content: '→';
}
[dir='rtl'] .slick-next:before
{
    content: '←';
}

/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}

.style_root__ZPpBF {
    height: 100%;
    background-color: var(--FillColor15);
    border-radius: 10px;
    padding-bottom: 80px;
    display: flex;
    overflow: auto;
    flex-direction: column;
}
.style_exampleContainer__03_UO {
    position: relative;
    width: 100%;
}
.style_cover__1v_1m {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    object-fit: cover;
    display: block;
    overflow: hidden;
    background-size: cover !important;
    background-position: top center !important;
}
.style_best__hC1Ye {
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(270deg, #7530fe 0%, #000000 100%);
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;
    height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    padding: 0 8px;
    color: var(--TextColor14);
}
.style_indicatorContainer__n2DAX {
    display: flex;
    position: absolute;
    bottom: 14px;
    left: 50%;
    transform: translateX(-50%);
    gap: 4px;
}
.style_indicator__ndsSo {
    width: 6px;
    height: 6px;
    border-radius: 3px;
    cursor: pointer;
    background: rgba(255, 255, 255, 0.6);
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
}
.style_indicatorActive___3bud {
    width: 12px;
    height: 6px;
    border-radius: 3px;
    background: rgba(255, 255, 255, 1);
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
}
.style_title__9VEYw {
    margin: 12px;
}
.style_avatar___cipX {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    object-fit: cover;
}

.style_modalRoot__pRK93 {
    display: flex;
    align-items: center;
    flex-direction: column;
    position: relative;
    height: calc(100vh - 80px);
    max-height: 1024px;
    background-color: var(--FillColor17);
    padding: 30px 0 0 30px;
    border-radius: 20px;
    width: 90vw;
}
.style_title__MgyKU {
    width: calc(100% - 20px);
    text-align: center;
    position: relative;
}
.style_filter__DuxWK {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin-top: 10px;
}

.style_templateItemWrap__Ze1_n {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}
.style_imageWrap__IAs1P {
    position: relative;
    cursor: pointer;
}
.style_image__YqjvG {
    border-radius: 10px;
    object-fit: cover;
    outline: 2px solid transparent;
    border: 1px solid transparent;
    display: block;
    background-color: var(--FillColor15);
}
.style_activeItem__FQ7lI {
    outline: 2px solid var(--PrimaryColor6);
    border: 1px solid var(--FillColor6);
}
.style_tag__rUDRC {
    position: absolute;
    top: 1px;
    left: 1px;
    display: flex;
    align-items: center;
    padding: 0 8px 0 6px;
    background: linear-gradient(
        270deg,
        rgba(151, 160, 180, 0) 0%,
        rgba(151, 160, 180, 0.2) 20%,
        #97a0b4 100%
    );
    color: #ffffffcc;
    border-top-left-radius: 8px;
    line-height: 16px;
}
.style_play__t0kGx {
    margin-right: 4px;
    opacity: 0.8;
}

.style_modalHead__MJuZQ {
    position: relative;
    margin-top: 12px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding-right: 30px;
    gap: 20px;
    border-bottom: 1px solid var(--BorderColor11);
}

.style_category__20R_G {
    height: 38px;
    padding: 0 8px;
    border-radius: 10px;
    background: var(--FillColor15);
    color: var(--TextColor11);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}
.style_category__20R_G.style_active__QRdRA {
    background: var(--PrimaryColor11);
    color: var(--TextColor14);
}
.style_modalHead__MJuZQ .ant-tabs {
    max-width: 70%;
}
.style_modalHead__MJuZQ .ant-tabs-nav {
    margin: 0 !important;
}
.style_modalHead__MJuZQ .ant-tabs-nav::before {
    border: none !important;
}
.style_modalHead__MJuZQ .ant-tabs-tab-btn {
    font-size: 16px;
    font-weight: 500;
}

.style_red__ng8oR {
    position: absolute;
    top: 8px;
    left: 145px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #f53f3f;
}
.style_modalContent__t23ur {
    margin-top: 17px;
    flex: 1 1;
    width: 100%;
    overflow: auto;
    padding-right: 10px;
    display: flex;
    gap: 10px;
    position: relative;
}
.style_detail__FlRYB {
    padding-top: 3px;
    height: 100%;
}
.style_list__zr2GV {
    height: calc(100% - 10px);
    flex: 1 1;
    overflow: scroll;
}
.style_list__zr2GV::-webkit-scrollbar {
    display: block !important;
    width: var(--ScrollbarThumbWidth) !important;
}
.style_list__zr2GV::-webkit-scrollbar-thumb {
    border-radius: 100px !important;
    background: var(--ScrollbarThumbColor) !important;
}
.style_list__zr2GV::-webkit-scrollbar-track {
    margin-bottom: 94px;
}
.style_list__zr2GV::-webkit-scrollbar-thumb:hover {
    background-color: var(-BorderColor4) !important;
}
.style_list__zr2GV::-webkit-scrollbar-thumb:active {
    background-color: var(--BorderColor5) !important;
}
.style_modalList__dt2_S {
    display: flex;
    flex-wrap: wrap;
    max-width: 100%;
    gap: 14px 10px;
    padding: 2px 2px 94px 2px;
}
.style_modalItem__ZIAaS {
    float: left;
    border-radius: 10px;
    color: var(--TextColor2);
}
.style_operates__KDBNq {
    display: flex;
    gap: 4px;
    height: 24px;
    position: absolute;
    bottom: 4px;
    right: 4px;
}
.style_modalPrepare__SvQ6E {
    width: 106px;
    height: 106px;
    background-color: var(--FillColor2);
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    pointer-events: none;
    margin-bottom: 4px;
}
.style_prepareContent__XxP7l {
    width: 100%;
    height: 100%;
    position: absolute;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.7);
    border-radius: 8px;
    color: var(--TextColor5);
}
.style_loadingIcon__4sZai {
    margin-bottom: 8px;
}
.style_empty__zhFew {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
    color: var(--TextColor13);
    gap: 10px;
}
.style_modelFooter__Ouk5w {
    position: absolute;
    height: 80px;
    width: 100%;
    bottom: 0;
    left: 0;
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    padding: 0 30px;
    background: rgba(255, 255, 255, 0.7);
    -webkit-backdrop-filter: blur(10px);
            backdrop-filter: blur(10px);
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    gap: 18px;
    border-top: 1px solid var(--BorderColor11);
}
.style_button__CFW16 {
    height: 44px;
    width: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    cursor: pointer;
}
.style_button__CFW16.style_ok___3g_5 {
    background-color: var(--PrimaryColor11);
    color: var(--TextColor14);
}
.style_button__CFW16.style_cancel__5CoFj {
    color: var(--TextColor11);
    background-color: var(--FillColor17);
    border: 1px solid var(--BorderColor11);
}
.style_createWrap__59UhZ {
    width: 170px;
}
.style_create__tnIly {
    width: 170px;
    background: linear-gradient(270deg, #7530fe 0%, #000000 100%);
    color: var(--TextColor14);
    gap: 4px;
}
.style_new__H6MzS {
    position: absolute;
    top: -5px;
    right: -5px;
}
.style_modalRoot__pRK93 .ant-upload-wrapper {
    display: flex;
    align-items: center;
}
.style_unselectedItem__JD2rR {
    outline: 2px solid var(--TextColor14);
    border: 1px solid var(--FillColor6);
}
.style_selectedItem__e48Po {
    outline: 2px solid red;
    border: 1px solid red;
}
.style_batchActions___FQ_m {
    display: flex;
    gap: 26px;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: center;
    margin-left: 6px;
}
.style_smallButton__a10y1 {
    cursor: pointer;
    color: var(--TextColor11);
}
.style_smallButton__a10y1.style_ok___3g_5 {
    color: var(--PrimaryColor11);
}
.style_batchRemove__YNz1B {
    display: flex;
    align-items: center;
    gap: 4px;
}
.style_selectedBox__YL2TE {
    width: 16px;
    height: 16px;
    border-radius: 6px;
    position: absolute;
    top: 4px;
    right: 4px;
}
.style_selectedBox__YL2TE::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 4px;
    border: 1px solid var(--BorderColor11);
    background-color: var(--FillColor17);
}
.style_selectedBox__YL2TE.style_checked__k1FTx::after {
    content: ' ';
    background-image: url('/checked.svg');
    background-size: 100% 100%;
    border: 1px solid var(--FillColor17);
}
.style_selectAll__kw5pA {
    display: flex;
    align-items: center;
    gap: 6px;
    cursor: pointer;
    color: var(--TextColor11);
}
.style_selectAllBox__FD5X9 {
    width: 16px;
    height: 16px;
    border-radius: 6px;
    position: relative;
}
.style_selectAllBox__FD5X9::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 4px;
    border: 1px solid var(--BorderColor11);
    background-color: var(--FillColor17);
}
.style_selectAllBox__FD5X9.style_checked__k1FTx::after {
    background-image: url('/checked.svg');
    background-size: 100% 100%;
    border: none;
}

.style_locationSearch__wo9pV {
    width: 290px;
    max-width: 30%;
}

.style_buttonModel__qSWvE {
    position: relative;
    width: 310px;
    height: 90px;
    border: 1px dashed var(--PrimaryColor6);
    margin-top: 14px;
    color: var(--TextColor11);
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    background-image: url('/bg_location_create.png');
    background-size: cover;
    background-position: center;
    padding: 16px 20px;
}
.style_buttonModelTitle__Xkve3 {
    font-size: 14px;
    z-index: 1;
}
.style_buttonModelSubTitle__jnfVh {
    margin-top: 2px;
    color: var(--TextColor13);
}
.style_buttonModelBottom__ip8VY {
    display: flex;
    flex-direction: row;
    height: 30px;
    width: 100px;
    background-color: var(--PrimaryColor11);
    border-radius: 6px;
    align-items: center;
    justify-content: center;
    z-index: 1;
    cursor: pointer;
    color: var(--TextColor14);
}
.style_buttonModelTooltip__bZ4GK {
    position: absolute;
    top: 3px;
    right: 3px;
}
.style_modelTips__xMXVP {
    width: 216px;
    text-wrap: wrap;
    color: var(--TextColor13);
}
/* .popover {
    width: 300px;
} */
.style_popover__NRDAy .ant-popover-inner {
    padding: 10px 8px !important;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1) !important;
}
.style_content__LkgQ2 {
    display: flex;
    flex-direction: column;
}
.style_locations__zbn1o {
    display: flex;
    gap: 10px;
    margin-top: 20px;
}
.style_locationList__s_9IX {
    position: relative;
    flex: 1 1;
}
.style_header__G_4GT {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.style_labelWrap__ivsRw {
    display: flex;
    align-items: baseline;
}
.style_label__yLVqW {
    margin-right: 8px;
}
.style_hint__Iyvsj {
    color: var(--TextColor13);
}
.style_opreate___Rz_X {
    display: flex;
    flex-direction: row;
    align-items: center;
    cursor: pointer;
}
.style_opreateBut__LKVTp {
    display: flex;
    align-items: center;
    padding: 6px 12px;
    border-radius: 6px;
    justify-content: center;
    background-color: var(--PrimaryColor6);
    color: var(--TextColor5);
    cursor: pointer;
    gap: 4px;
}
.style_vLine__7LtB_ {
    width: 1px;
    height: 10px;
    background-color: #d8d8d8;
    margin: 0 6px;
}
.style_search__rsjNF {
    width: 320px;
    display: flex;
    gap: 8px;
}
.style_loadingPlace__S4GAv {
    width: 100%;
    height: 300px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.style_rect__x_Fou {
    position: absolute;
    border: 1px solid #7530fe;
    cursor: move;
    z-index: 1;
}

.style_square__ld1PW {
    position: absolute;
    width: 8px;
    height: 8px;
    background: white;
    background-color: #fff;
    border: 1px solid #dbd6fa;
    border-radius: 100%;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.25);
}

.style_resizableHandler__FvHX5 {
    position: absolute;
    width: 14px;
    height: 14px;
    cursor: pointer;
    z-index: 1;
}

.style_tl__yTZhr,
.style_t__46xU3,
.style_tr__fFYGJ {
    top: -7px;
}

.style_tl__yTZhr,
.style_l__eCS3x,
.style_bl__m9fLH {
    left: -7px;
}

.style_bl__m9fLH,
.style_b__DtL6L,
.style_br___kF2f {
    bottom: -7px;
}

.style_br___kF2f,
.style_r__UlSJb,
.style_tr__fFYGJ {
    right: -7px;
}

.style_l__eCS3x,
.style_r__UlSJb {
    margin-top: -7px;
}

.style_t__46xU3,
.style_b__DtL6L {
    margin-left: -7px;
}

.style_rotate__6lCjT {
    position: absolute;
    left: 50%;
    top: -29px;
    width: 24px;
    height: 24px;
    background-color: #fff;
    border-radius: 12px;
    margin-left: -12px;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.25);
    cursor: ew-resize;
}

.style_t__46xU3,
.style_tl__yTZhr,
.style_tr__fFYGJ {
    top: -3px;
}

.style_b__DtL6L,
.style_bl__m9fLH,
.style_br___kF2f {
    bottom: -3px;
}

.style_r__UlSJb,
.style_tr__fFYGJ,
.style_br___kF2f {
    right: -3px;
}

.style_tl__yTZhr,
.style_l__eCS3x,
.style_bl__m9fLH {
    left: -3px;
}

.style_l__eCS3x,
.style_r__UlSJb {
    top: 50%;
    margin-top: -3px;
}

.style_t__46xU3,
.style_b__DtL6L {
    left: 50%;
    margin-left: -3px;
}

.style_crop__EMsle{
     display: flex;
     justify-content: center;
 }
 .style_content__ghAJE{
     display: flex;
     position: relative;
     flex-wrap: wrap;
     justify-content: center;
     align-items: center;
     background-color: var(--FillColor15);
     overflow: hidden;
 }
 
 .style_content__ghAJE .react-resizable-handle {
     width: 10px;
     height: 10px;
     background-color: var(--PrimaryColor6);
     position: absolute;
     z-index: 1;
     background-image: none;
 }
 
 .style_imageBox__hNSo0 .react-resizable-handle {
     background-color: var(--FillColor6);
     border: 1px solid var(--PrimaryColor6);
     border-radius: 50%;
 }
 .style_content__ghAJE .react-resizable-handle-nw{
     top: -3px;
     left: -3px;
 }
 .style_content__ghAJE .react-resizable-handle-ne{
     right: -3px;
     top: -3px;
 }
 .style_content__ghAJE .react-resizable-handle-sw{
     left: -3px;
     bottom: -3px;
 }
 .style_content__ghAJE .react-resizable-handle-se{
     bottom: -3px;
     right: -3px;
 }
 .style_content__ghAJE .react-resizable-handle-s{
     width: 4px;
     height: 20px;
     transform: rotate(90deg);
     bottom: -10px;
 }
 .style_content__ghAJE .react-resizable-handle-n{
     width: 4px;
     height: 20px;
     transform: rotate(90deg);
     top: -10px;
 }
 .style_content__ghAJE .react-resizable-handle-w{
     width: 4px;
     height: 20px;
     transform: rotate(180deg);
     left: -2.5px;
 }
 .style_content__ghAJE .react-resizable-handle-e{
     width: 4px;
     height: 20px;
     transform: rotate(180deg);
     right: -2.5px;
 }
 .style_wrap__JI0Bk{
     overflow: auto;
     height: 100%;
 }
 .style_box__GZkQm {
     display: flex;
     justify-content: center;
     align-items: center;
     flex-direction: column;
     box-sizing: border-box;
     position: relative;
     cursor: move;
 }
 .style_imageBox__hNSo0{
     border: none;
     position: absolute !important;
     z-index: 1;
 }
 
 .style_mainImage__eqjCo{
     width: 100%;
     height: 100%;
     position: absolute;
     z-index: -1;
     top: 0;
 }
 .style_originImage__JNmMX{
     border: 1px solid var(--PrimaryColor6);
     pointer-events: none;
     width: 100%;
     height: 100%;
 }
 .style_originCanvas__uwiKf{
     width: 100%;
     height: 100%;
 }
 .style_originCanvas__uwiKf{
     top: 0;
 }
 
 .style_locationMask__1iBf8{
    position: absolute;
    border: 1px solid var(--PrimaryColor6);
    z-index: 1;
 }
 .style_opacity__Ei0aE{
    opacity: 1 ;
 }
.style_wrap__Dq68z {
    position: relative;
    display: flex;
    justify-content: center;
}

.style_empty__qwd4H {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    background-color: var(--FillColor15);
}

.style_editEmpty__mxp_b {
    width: 250px;
    height: 370px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    border-radius: 10px;
    background-color: var(--FillColor15);
}
.style_editEmptySpin__SXfzF {
    width: 100%;
    max-height: 100%;
}

.style_loadingIcon__zBfLH {
    margin-right: 6px;
}
.style_maskContainer__F7tE9 {
    position: relative;
    display: flex;
    border-radius: 10px;
    justify-content: center;
    width: 100%;
    height: 100%;
    /* background-color: var(--FillColor15); */
}
.style_maskContainer__F7tE9::before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    border: 1px dashed var(--PrimaryColor14);
    border-radius: 10px;
    z-index: 0;
}
.style_delete__I20Ug {
    position: absolute;
    top: 12px;
    right: 12px;
    width: 32px;
    height: 32px;
    background-color: var(--FillColor6);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    cursor: pointer;
}

.style_loading__7qbfo {
    width: 132px;
    padding: 0;
    background-color: var(--PrimaryColor2);
}
.style_loadingIcon__zBfLH {
    margin-right: 6px;
}
.style_editIcon__MdyzT {
    margin-right: 6px;
}

.style_maskWrap__8dSLs {
    display: flex;
    justify-content: center;
    position: relative;
    background-color: var(--FillColor15);
}

.style_canvasWrap___Bk1v {
    width: 100%;
    height: 100%;
    background-color: var(--FillColor15);
}
.style_editMaskBth__BT4QB {
    position: absolute;
    z-index: 3;
    bottom: 14px;
    width: 90px;
    height: 24px;
    background-color: var(--FillColor17);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.04);
    border-radius: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.style_reloadMaskBth__i_VvX {
    position: absolute;
    bottom: 14px;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    z-index: 3;
    background-color: var(--FillColor17);
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.04);
    cursor: pointer;
}
.style_editText__Hm_GZ {
    font-weight: 500;
    color: var(--PrimaryColor11);
    margin-left: 4px;
}
.style_maskContainer__F7tE9 .ant-spin-spinning {
    max-height: 370px !important;
    width: 250px;
}

.style_uploadMask___avWe {
    display: flex;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    height: 30px;
    padding: 0 7px;
    color: var(--TextColor13);
}

.style_uploadMaskWrap__WFDuA {
    position: absolute;
    right: 5px;
    top: 5px;
    border-radius: 6px;
    opacity: 0.85;
    background: var(--FillColor17);
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.08);
}

.style_maskWrap__uU35O {
    width: 100%;
    color: var(--TextColor11);
    margin-bottom: 10px;
}
.style_maskItem__2Ln_7 {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    border-radius: 10px;
}
.style_maskTop__3mDn2 {
    position: relative;
    width: 100%;
    height: 370px;
}
.style_originImage___UKK2 {
    background-color: var(--FillColor15);
    object-fit: contain;
    border-radius: 10px;
    margin-bottom: 8px;
}
.style_label__wU_2d {
    color: var(--TextColor13);
    line-height: 22px;
}
.style_maskNeed__zN_y2 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: var(--FillColor15);
    border-radius: 10px;
}
.style_maskNeedText__rjaU7 {
    margin-top: 8px;
    color: var(--PrimaryColor11);
}

.style_maskWrap__uU35O .ant-spin-spinning {
    max-height: 370px !important;
}

.style_settingSize__It9Fd{
    margin-top: 10px;
}
.style_title__q5XrT{
    margin-bottom: 16px;
}
.style_wrap__hnDs6 {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.style_eliminateSetting__WB3GI {
    margin-top: 30px;
}
.style_videoDiv__m9Bo1 {
    position: relative;
}
.style_video__CYd92 {
    border-radius: 16px;
    width: 100%;
}
.style_close__YXMTX {
    position: absolute;
    top: 8px;
    right: 8px;
    cursor: pointer;
    z-index: 1;
}
.style_open__w1d6k {
    cursor: pointer;
    display: flex;
    align-items: center;
}

.style_wrap__pEgOU {
}
.style_wrap__pEgOU .ant-upload-wrapper .ant-upload-drag {
    border: none !important;
}
.style_wrap__pEgOU .ant-upload-wrapper .ant-upload-drag:hover {
    border: none !important;
}
.style_wrap__pEgOU .ant-upload-wrapper .ant-upload-drag .ant-upload-btn {
    padding: 0;
}
.style_uploaderWrapper__1oXnB {
    width: 500px;
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}
.style_itemWrapper__uynIb {
    width: 110px;
    border-radius: 10px;
    display: flex;
    gap: 4px;
    flex-direction: column;
    align-items: center;
    position: relative;
}
.style_itemWrapper__uynIb.style_uploading__1UmbX {
    height: 110px;
    display: flex;
    justify-content: center;
    background-color: var(--FillColor15);
}
.style_modelImage__uolVS {
    border-radius: 10px;
    object-fit: cover;
}
.style_hint__i42Fk {
    position: absolute;
    left: 50%;
    top: -28px;
    width: 130px;
    transform: translateX(-50%);
    display: flex;
    flex-direction: column;
    align-items: center;
}
.style_hintCard__MjCzo {
    display: flex;
    gap: 6px;
    color: var(--TextColor11);
    background: var(--FillColor17);
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
    padding: 4px;
    border-radius: 10px;
}
.style_hintIcon__19egy {
    margin-top: 2px;
}
.style_modelRemove__fV3m9 {
    position: absolute;
    top: 86px;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    width: 24px;
    height: 24px;
    border-top-left-radius: 10px;
    border-bottom-right-radius: 8px;
    background-color: rgba(0, 0, 0, 0.4);
}
.style_progress___ZWQy {
    position: absolute;
    top: 8px;
    right: 8px;
    height: 16px;
    width: 16px;
}
.style_addWrapper__bMXGt {
    height: 110px;
    width: 110px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--FillColor15);
    border: none;
    cursor: pointer;
}
.style_uploadMessage__F3V8U {
    width: 100%;
    height: 256px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    border-radius: 12px;
    background-color: var(--FillColor15);
    border: 1px dashed var(--PrimaryColor11);
}
.style_dragTitle__3lwQX {
    margin-top: 6px;
    color: var(--PrimaryColor11);
}
.style_dragText__LNCbu {
    margin-top: 6px;
    color: var(--TextColor11);
}
.style_uploadSizeLimit__3fU6_ {
    margin-top: 6px;
    color: var(--TextColor13);
    margin: 0 30px;
}

.sstyle_modelRoot__PhSJe {
    display: flex;
    flex-direction: column;
    justify-content: left;
    background-color: var(--FillColor17);
    border-radius: 20px;
    padding: 30px 0;
    max-height: calc(100vh - 80px);
}
.sstyle_title__L1Gtl {
    text-align: left;
    margin-bottom: 12px;
    padding: 0 30px;
}
.sstyle_content__Yd_9L {
    display: flex;
    flex-direction: column;
    flex: 1 1;
    overflow-y: scroll;
    gap: 20px;
    margin-top: 12px;
    padding: 0 30px 130px 30px;
}
.sstyle_close__zOXVh {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
}
.sstyle_exampleTitle__L_f1w {
    color: var(--TextColor11);
}
.sstyle_exampleHint__35_rR {
    color: var(--PrimaryColor11);
}
.sstyle_exampleHeader__rvhui {
    display: flex;
    gap: 10px;
    flex-direction: row;
    align-items: baseline;
    margin-bottom: 10px;
}
.sstyle_exampleContent__27Klh {
    flex: 1 1;
    background-color: var(--FillColor15);
    border-radius: 10px;
    display: flex;
    padding-top: 8px;
    padding-bottom: 10px;
    flex-direction: column;
    align-items: center;
}
.sstyle_checkboxDiv__C7VcI {
    display: flex;
    align-items: center;
}
.sstyle_agreementCheckbox__Iq67C {
    width: 16px;
    height: 16px;
    border-radius: 6px;
    position: relative;
    cursor: pointer;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    border: none;
    outline: none;
}
.sstyle_agreementCheckbox__Iq67C::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 4px;
    border: 1px solid var(--BorderColor11);
    background-color: var(--FillColor17);
}
.sstyle_agreementCheckbox__Iq67C:checked::after {
    content: ' ';
    background-image: url('/checked.svg');
    border: none;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.sstyle_agreementCheckboxText__idxpS {
    display: flex;
    justify-content: center;
    margin-left: 8px;
    color: var(--TextColor11);
}
.sstyle_underline__SO1Iw {
    text-decoration: underline;
    color: var(--TextColor11);
}
.sstyle_code__7oXLk {
    margin-bottom: 24px;
}
.sstyle_exampleList__DJpOr {
    display: flex;
    margin-top: 10px;
    gap: 10px;
}
.sstyle_exampleItem__2w8us {
    position: relative;
}
.sstyle_exampleImageContainer___seCg {
    display: flex;
    flex-direction: row;
    gap: 8px;
    padding: 0 8px;
}
.sstyle_exampleImageDiv__XqLsY {
    position: relative;
}
.sstyle_exampleIcon__Qfc7C {
    position: absolute;
    bottom: 3px;
    right: 3px;
}
.sstyle_exampleImage__zmY3d {
    border-radius: 10px;
    display: block;
}
.sstyle_exampleTag__7aJrI {
    position: absolute;
    top: 6px;
    right: 6px;
}
.sstyle_exampleImageTitle__OpjJ0 {
    color: var(--TextColor12);
    margin-top: 5px;
}
.sstyle_exampleImageHint__mDr5G {
    color: var(--TextColor13);
    margin-top: 1px;
    font-size: 11px;
}
.sstyle_tips__q9yYk {
    text-align: left;
    margin-top: 2px;
    color: var(--PrimaryColor11);
}
.sstyle_nameTitle__FVQv6 {
    text-align: left;
    margin-bottom: 10px;
}
.sstyle_nameInput__LlFDf {
    height: 48px;
    padding: 0 14px;
    width: 100%;
    border: 1px solid var(--BorderColor11);
    border-radius: 10px;
}
.sstyle_nameInput__LlFDf::placeholder {
    color: var(--TextColor13);
}
.sstyle_uploadHeader__AXIE4 {
    display: flex;
    gap: 6px;
    flex-direction: row;
    align-items: baseline;
    margin-bottom: 10px;
}
.sstyle_uploadTitle__F0AII {
    color: var(--TextColor11);
}
.sstyle_uploadHint__ZiZkp {
    color: var(--PrimaryColor11);
}
.sstyle_link__P_Ts4:lang(en-US) {
    margin: 0 4px;
}
.sstyle_faceType__PHXm6 {
    text-align: left;
}
.sstyle_modalFooter__3tRyc {
    position: absolute;
    height: 130px;
    width: 100%;
    bottom: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    padding: 20px 30px 30px 30px;
    background: rgba(255, 255, 255, 0.7);
    -webkit-backdrop-filter: blur(10px);
            backdrop-filter: blur(10px);
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    border-top: 1px solid var(--BorderColor11);
    gap: 18px;
}
.sstyle_powerTips__2I_yz {
    margin-top: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.sstyle_notice__A9vS_ {
    margin-top: 24px;
}
.sstyle_primaryColor__5pWad {
    color: var(--PrimaryColor6);
    padding-right: 4px;
}
.sstyle_cpuCharge__6eIPi {
    margin-left: 4px;
    margin-right: 2px;
}

.style_root__XPXn6 {
    height: 100%;
    background-color: var(--FillColor15);
    border-radius: 10px;
    display: flex;
    overflow: scroll;
    flex-direction: column;
    padding-bottom: 80px;
}
.style_avatar__sc_2N {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    object-fit: cover;
}
.style_title__fsSg2 {
    margin: 12px;
    display: flex;
    gap: 2px;
    flex-direction: column;
}
.style_exampleContainer__yPWJw {
    position: relative;
    width: 100%;
}
.style_cover__Y0_lY {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    object-fit: cover;
    display: block;
    overflow: hidden;
    background-size: cover !important;
    background-position: top center !important;
}
.style_best__2bsoT {
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(270deg, #7530fe 0%, #000000 100%);
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;
    height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    padding: 0 8px;
    color: var(--TextColor14);
}
.style_indicatorContainer__zNNg8 {
    display: flex;
    position: absolute;
    bottom: 14px;
    left: 50%;
    transform: translateX(-50%);
    gap: 4px;
}
.style_indicator__4M9D_ {
    width: 6px;
    height: 6px;
    border-radius: 3px;
    cursor: pointer;
    background: rgba(255, 255, 255, 0.6);
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
}
.style_indicatorActive__fCk0C {
    width: 12px;
    height: 6px;
    border-radius: 3px;
    background: rgba(255, 255, 255, 1);
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
}

.style_modalRoot__X4UAK {
    display: flex;
    align-items: center;
    flex-direction: column;
    position: relative;
    height: calc(100vh - 80px);
    background-color: var(--FillColor17);
    padding: 30px 0 0 30px;
    border-radius: 20px;
    width: 90vw;
}
.style_title__WpshH {
    width: calc(100% - 20px);
    text-align: center;
}
.style_templateItem__0hCx0 {
    float: left;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    color: var(--TextColor2);
    width: 168px;
    height: 168px;
}
.style_operates__GgQSk {
    display: flex;
    gap: 4px;
    height: 24px;
    position: absolute;
    bottom: 4px;
    right: 4px;
}
.style_templateItemWrap__X8EZ5 {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}
.style_imageWrap__TOTUz {
    position: relative;
    cursor: pointer;
}
.style_image__n3eNp {
    border-radius: 10px;
    object-fit: cover;
    outline: 2px solid transparent;
    border: 1px solid transparent;
    display: block;
}
.style_activeItem__Pz1D4 {
    outline: 2px solid var(--PrimaryColor6);
    border: 1px solid var(--FillColor6);
}
.style_unselectedItem__fhGn_ {
    outline: 2px solid var(--TextColor14);
    border: 1px solid var(--FillColor6);
}
.style_selectedItem__n4XgY {
    outline: 2px solid red;
    border: 1px solid red;
}
.style_tag__CpVSO {
    position: absolute;
    top: 1px;
    left: 1px;
    display: flex;
    align-items: center;
    padding: 0 8px 0 6px;
    background: linear-gradient(
        270deg,
        rgba(151, 160, 180, 0) 0%,
        rgba(151, 160, 180, 0.2) 20%,
        #97a0b4 100%
    );
    color: #ffffffcc;
    border-top-left-radius: 8px;
    line-height: 16px;
}
.style_play__vfsgx {
    margin-right: 4px;
    opacity: 0.8;
}
.style_delete__4dvcc {
    position: absolute;
    bottom: 4px;
    right: 4px;
}

.style_name___nIgo {
    width: 100%;
    margin-top: 6px;
    color: var(--TextColor13);
    max-width: 110px;
    display: flex;
    justify-content: center;
    gap: 4px;
}
.style_editName__0Gsr9 {
    width: 100%;
    margin-top: 6px;
    color: var(--TextColor13);
    text-align: center;
    max-width: 110px;
    border: none;
}
.style_editName__0Gsr9::placeholder {
    color: var(--TextColor14);
}
.style_modalHead__iLswn {
    position: relative;
    margin-top: 12px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding-right: 30px;
    border-bottom: 1px solid var(--BorderColor11) !important;
}
.style_modalHead__iLswn .ant-tabs {
    max-width: 70%;
}
.style_modalHead__iLswn .ant-tabs-nav {
    margin: 0 !important;
}
.style_modalHead__iLswn .ant-tabs-nav::before {
    border: none !important;
}
.style_modalHead__iLswn .ant-tabs-tab-btn {
    font-size: 16px;
    font-weight: 500;
}
.style_filters__MZJNa .ant-checkbox-wrapper {
    color: var(--TextColor13) !important;
}
.style_red__z_suV {
    position: absolute;
    top: 8px;
    left: 145px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #f53f3f;
}
.style_modelContent__qgoyd {
    margin-top: 20px;
    flex: 1 1;
    width: 100%;
    overflow: auto;
    padding-right: 10px;
    display: flex;
    gap: 10px;
    position: relative;
}
.style_detail__cE2RB {
    padding-top: 3px;
    height: 100%;
}
.style_list__TLfIK {
    height: calc(100% - 10px);
    overflow: scroll;
    flex: 1 1;
}
.style_list__TLfIK::-webkit-scrollbar {
    display: block !important;
    width: var(--ScrollbarThumbWidth) !important;
}
.style_list__TLfIK::-webkit-scrollbar-thumb {
    border-radius: 100px !important;
    background: var(--ScrollbarThumbColor) !important;
}
.style_list__TLfIK::-webkit-scrollbar-track {
    margin-bottom: 94px;
}
.style_list__TLfIK::-webkit-scrollbar-thumb:hover {
    background-color: var(-BorderColor4) !important;
}
.style_list__TLfIK::-webkit-scrollbar-thumb:active {
    background-color: var(--BorderColor5) !important;
}
.style_modelList__SeKLk {
    display: flex;
    flex-wrap: wrap;
    max-width: 100%;
    gap: 14px 10px;
    padding: 2px 2px 94px 2px;
}
.style_modelItem__yfFJd {
    float: left;
    border-radius: 10px;
    color: var(--TextColor2);
}
.style_modelPrepare__Zqmze {
    width: 106px;
    height: 106px;
    background-color: var(--FillColor2);
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    pointer-events: none;
    margin-bottom: 4px;
}
.style_modelFail__rOv65 {
    width: 106px;
    height: 106px;
    background-color: var(--FillColor2);
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    margin-bottom: 4px;
}
.style_prepareContent__rQ0NW {
    width: 100%;
    height: 100%;
    position: absolute;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.6);
    border-radius: 8px;
    color: var(--TextColor5);
}
.style_loadingIcon__uuX9a {
    margin-bottom: 8px;
}
.style_empty__Om1y2 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    gap: 10px;
    color: var(--TextColor13);
}
.style_modelFooter__KLcMM {
    position: absolute;
    height: 80px;
    width: 100%;
    bottom: 0;
    left: 0;
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    padding: 0 30px;
    background: rgba(255, 255, 255, 0.7);
    -webkit-backdrop-filter: blur(10px);
            backdrop-filter: blur(10px);
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    gap: 18px;
    border-top: 1px solid var(--BorderColor11);
}
.style_button__cpkcr {
    height: 44px;
    width: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    cursor: pointer;
}
.style_button__cpkcr.style_ok__ZptJD {
    background-color: var(--PrimaryColor11);
    color: var(--TextColor14);
}
.style_button__cpkcr.style_cancel__1suQ8 {
    color: var(--TextColor11);
    background-color: var(--FillColor17);
    border: 1px solid var(--BorderColor11);
}
.style_create__iyC0p {
    width: 170px;
    background: linear-gradient(270deg, #7530fe 0%, #000000 100%);
    color: var(--TextColor14);
    gap: 4px;
}
.style_new__oFHEZ {
    position: absolute;
    top: -5px;
    right: -5px;
}
.style_selectedBox__IT_sE {
    width: 16px;
    height: 16px;
    border-radius: 6px;
    position: absolute;
    top: 5px;
    right: 5px;
}
.style_selectedBox__IT_sE::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 4px;
    border: 1px solid var(--BorderColor11);
    background-color: var(--FillColor17);
}
.style_selectedBox__IT_sE.style_checked__F4_Yp::after {
    content: ' ';
    background-image: url('/checked.svg');
    background-size: 100% 100%;
    border: 1px solid var(--FillColor17);
}
.style_batchActions__N_Ttb {
    display: flex;
    gap: 26px;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: center;
    margin-left: 6px;
}
.style_smallButton__fkBSP {
    cursor: pointer;
    color: var(--TextColor11);
}
.style_smallButton__fkBSP.style_ok__ZptJD {
    color: var(--PrimaryColor11);
}
.style_batchRemove__L58Ln {
    display: flex;
    align-items: center;
    gap: 4px;
}
.style_selectAll__0O5sq {
    display: flex;
    align-items: center;
    gap: 6px;
    cursor: pointer;
    color: var(--TextColor11);
}
.style_selectAllBox__nM9MN {
    width: 16px;
    height: 16px;
    border-radius: 6px;
    position: relative;
    cursor: pointer;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    border: none;
    outline: none;
}
.style_selectAllBox__nM9MN::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 4px;
    border: 1px solid var(--BorderColor11);
    background-color: var(--FillColor17);
}
.style_selectAllBox__nM9MN.style_checked__F4_Yp::after {
    background-image: url('/checked.svg');
    border: none;
}

.style_modelSearch__q6A_P {
    width: 290px;
    max-width: 30%;
}

.style_templateList__79g1G {
    position: relative;
}
.style_title__Kp8hw {
    color: var(--TextColor1);
    margin-bottom: 12px;
}
.style_list__XlXIi {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
}
.style_templateItem__qPxvg {
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: 10px;
    position: relative;
    cursor: pointer;
    color: var(--TextColor2);
}
.style_collect__fGGch{
    position: absolute;
    bottom: 28px;
    right: 4px;
}
.style_image__VdqBz {
    border-radius: 10px;
    display: block;
    object-fit: cover;
    outline: 2px solid transparent;
    border: 1px solid transparent;
}
.style_activeItem__X5VQ7 {
    outline: 2px solid var(--PrimaryColor6);
    border: 1px solid var(--FillColor6);
}

.style_tag__OvyOI {
    position: absolute;
    top: 1px;
    left: 1px;
    display: flex;
    align-items: center;
    padding: 0 8px 0 6px;
    background: linear-gradient(
        270deg,
        rgba(151, 160, 180, 0) 0%,
        rgba(151, 160, 180, 0.2) 20%,
        #97a0b4 100%
    );
    color: #ffffffcc;
    border-top-left-radius: 8px;
    line-height: 16px;
}
.style_play__wVXY5 {
    margin-right: 4px;
    opacity: 0.8;
}

.style_button__XxIGV {
    width: 106px;
    height: 106px;
    color: var(--TextColor14);
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    gap: 4px;
    background-color: var(--FillColor15);
}
.style_buttonTitle__ED8Hj {
    margin-top: 2px;
    color: var(--PrimaryColor11);
    text-align: center;
}
.style_buttonSubtitle__CLXJF {
    color: var(--TextColor13);
    text-align: center;
}
.style_buttonTooltip__hsfkP {
    position: absolute;
    top: 2px;
    right: 2px;
    cursor: pointer;
}
.style_buttonTips__nS5iX {
    width: 100%;
    text-wrap: wrap;
    color: var(--TextColor13);
    width: 216px;
}
.style_name__FEzy4 {
    color: var(--TextColor13);
    margin-top: 6px;
    max-width: 106px;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
}
.style_new__Tmhr_ {
    position: absolute;
    top: -5px;
    right: -5px;
}
.style_showImage__pEyvq {
    position: absolute;
    border-radius: 10px;
    opacity: 0.8;
    object-fit: contain;
}

.style_preview__Kef6G {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
}
.style_preview__Kef6G:hover {
    opacity: 1;
    transition-delay: 0.7s;
}
.style_previewBtn__qZia6 {
    border-radius: 200px;
    background: rgba(0, 0, 0, 0.5);
    -webkit-backdrop-filter: blur(10px);
            backdrop-filter: blur(10px);
    padding: 3px 9px;
    cursor: pointer;
    color: var(--TextColor14);
}
.style_preivewImage__1gfpC {
    border-radius: 20px;
    width: auto;
    height: calc(100vh - 80px);
    max-height: 1024px;
}

.style_popover__NDaKs .ant-popover-inner {
    padding: 10px 8px !important;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1) !important;
}
.style_masks__0FZIm {
    display: flex;
    gap: 10px;
    margin-bottom: 10px;
    margin-top: 20px;
}
.style_modelList__Y268B {
    position: relative;
    flex: 1 1;
}
.style_more__CX9mf {
    width: 100%;
    height: 38px;
    border-radius: 10px;
    background-color: var(--FillColor15);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.style_text__aeYm0 {
    color: var(--TextColor2);
    margin-top: 4px;
}
.style_redPoint__ZwEBS {
    position: absolute;
    top: 36px;
    left: 69px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #f53f3f;
}
.style_header__fsaI0 {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.style_search__uK5cj {
    width: 320px;
    display: flex;
    gap: 8px;
}
.style_labelWrap__rxigV {
    display: flex;
    align-items: baseline;
}
.style_hint__WXPMC {
    color: var(--TextColor13);
}
.style_opreateModel__wxgS8 {
    width: auto !important;
}
.style_label__U9_8A {
    margin-right: 8px;
}
.style_opreateBut__acDC3 {
    display: flex;
    align-items: center;
    padding: 6px 12px;
    border-radius: 6px;
    justify-content: center;
    background-color: var(--PrimaryColor6);
    color: var(--TextColor5);
    cursor: pointer;
    gap: 4px;
}
.style_opreate__QCPGa {
    display: flex;
    flex-direction: row;
    align-items: center;
    cursor: pointer;
}
.style_vLine__l7txt {
    width: 1px;
    height: 10px;
    background-color: #d8d8d8;
    margin: 0 6px;
}
.style_loadingPlace__i7BFR {
    height: 300px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.style_title__qKpDL {
    display: flex;
    align-items: center;
    gap: 4px;
    margin-bottom: 16px;
}
.style_poseList__AeUv_ {
    width: 320px;
    margin-left: 8px;
}

.style_poseList__AeUv_ .ant-slider-mark {
    margin-left: 8px;
    margin-top: 10px;
}
/* 除非升到19.0 */
.style_poseList__AeUv_ .ant-slider-mark-text {
    pointer-events: none;
}
.style_poseList__AeUv_ .ant-slider-mark-text:nth-child(2) {
    margin-left: -4px;
}
.style_poseList__AeUv_ .ant-slider-mark-text:last-child {
    margin-left: -4px;
}
.style_tips___u9Tl {
    color: var(--TextColor13);
}
.style_poseList__AeUv_ .ant-tooltip {
    max-width: 300px !important;
}
.style_poseList__AeUv_ .ant-tooltip-arrow:before {
    background-color: var(--FillColor17) !important;
}
.style_poseList__AeUv_ .ant-tooltip-inner {
    background-color: var(--FillColor17) !important;
    border-radius: 10px !important;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1) !important;
    border: none !important;
    padding: 12px !important;
}

.style_wrap__Xi2Z2 {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 40px;
}
.style_uploadMessage__HB9JX {
    padding-top: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.style_uploadIcon__p1pa4 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}
.style_uploadText__sid03 {
    color: var(--PrimaryColor11);
    margin-top: 12px;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
}
.style_dragText__sawQh {
    margin-top: 4px;
    color: var(--TextColor11);
    margin-bottom: 8px;
    display: flex;
    align-items: center;
}
.style_shopifyUpload__4vmcB {
    margin-left: 4px ;
 }
 .style_or__KmyYx {
     font-weight: 500;
     color: var(--TextColor11);
 }
 
 .style_shopifyText__bUf5k {
     font-weight: 500;
     color: var(--PrimaryColor11);
     text-decoration: underline;
 }
.style_requirementContainer__ILWaK {
    display: flex;
    align-items: center;
    margin-top: 20px;
    flex-direction: column;
    gap: 12px;
    padding: 0 30px;
}
.style_requirement__t3Izj {
    display: flex;
    gap: 8px;
    color: var(--TextColor11);
}
.style_size__53WeU {
    color: var(--TextColor13);
    font-weight: 400;
}
.style_exampleList__11E18 {
    display: flex;
    gap: 12px;
}
.style_exampleImageDiv__9mYmP {
    position: relative;
}
.style_exampleIcon__s1b8t {
    position: absolute;
    top: 3px;
    right: 3px;
}
.style_exampleImage__mkTxT {
    border-radius: 10px;
    display: block;
    object-fit: cover;
}
.style_exampleIcon__s1b8t {
    position: absolute;
    top: 3px;
    right: 3px;
}
.style_exampleImage__mkTxT {
    border-radius: 10px;
    display: block;
    object-fit: cover;
    z-index: 1;
}
.style_exampleLeft__jGKb6 {
    position: absolute;
    right: 0;
    top: 0;
    border-radius: 10px;
    display: block;
    object-fit: cover;
    z-index: 1;
}
.style_exampleRight__LnIVJ {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    display: block;
    object-fit: cover;
    position: absolute;
    right: 0;
    top: 0;
}
.style_backgroundList__R6WjQ{
    margin-top: 30px;
}
.style_container__N1j0R {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 280px;
    padding: 28px 0;
    max-height: calc(50vh - 24px);
    overflow-y: scroll;
}
.style_close__Nmmam {
    position: absolute;
    cursor: pointer;
    top: 10px;
    right: 10px;
}
.style_list__V6D25 {
    height: 100%;
    display: flex;
    flex-direction: column;
    overflow: scroll;
}
.style_list__V6D25 > :first-child {
    border-top: none;
}
.style_list__V6D25 > :last-child {
    border-radius: 0 0 8px 8px;
}
.style_item___QUXV {
    padding: 16px;
    cursor: pointer;
}
.style_divider__ZE1bt {
    height: 1px;
    margin: 0 16px;
    background-color: var(--BorderColor11);
}
.style_item___QUXV:hover {
    background-color: var(--FillColor2);
}
.style_itemText___2GIH {
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.style_container__xpoS7 {
    display: flex;
    flex-direction: column;
    position: relative;
}
.style_functions__z8uI3 {
    display: flex;
    align-items: center;
    gap: 8px;
}
.style_hint__gM10I {
    color: var(--TextColor13);
    flex: 1 1;
}
.style_function__HbsZ_ {
    height: 32px;
    min-width: 88px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 12px;
    gap: 2px;
    cursor: pointer;
    background-color: var(--FillColor15);
    border-radius: 10px;
}
.style_inputArea__oDugx {
    display: flex;
    flex-direction: column;
    border: 10px;
    margin-top: 16px;
    gap: 2px;
}
.style_textarea__h_iLF {
    width: 100%;
    color: var(--TextColor11);
}
.style_textareaPos__FGZLt {
    border-radius: 10px 10px 0 0;
    background: var(--FillColor15);
}
.style_textareaNeg__tVoxS {
    border-radius: 0 0 10px 10px;
    background: var(--FillColor15);
}
.style_textareLoading__XYeqU {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    cursor: not-allowed;
    height: 125px;
}
.style_textareLoadingHint__coupC {
    color: var(--TextColor2);
    margin-top: 8px;
}

.style_wrap__qJ_n4 {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.style_maskBg__8h_dX {
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background-color: var(--FillColor15);
    height: 100%;
    width: 100%;
}
.style_originImag__8WYkc {
    object-fit: contain;
    opacity: 0.5;
    border-radius: 10px;
    display: block;
    width: 100% !important;
}
.style_maskImg__QQpC4 {
    object-fit: contain;
    position: absolute;
    left: 0;
    top: 0;
    width: 100% !important;
    border-radius: 10px;
}
.style_uploadMaskBtn__f_KEO {
    position: absolute;
    right: 5px;
    top: 5px;
}
.style_uploadMask__eq6nY {
    display: flex;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    height: 30px;
    padding: 0 7px;
    border-radius: 6px;
    opacity: 0.85;
    color: var(--TextColor13);
    background: var(--FillColor17);
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.04);
}

.style_maskToolsContainer__ZznUd {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 6px;
}
.style_maskToolsContainer__ZznUd.style_loading__3R6xV {
    opacity: 0.4;
    cursor: not-allowed;
}
.style_maskCustom__jTlqO {
    width: 108px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background-color: var(--PrimaryColor11);
    cursor: pointer;
    color: var(--TextColor14);
    white-space: nowrap;
    gap: 4px;
}

.style_maskWrap__D9QzH {
    display: flex;
    flex-direction: column;
    width: 100%;
    color: var(--TextColor11);
    margin-bottom: 10px;
    gap: 8px;
}
.style_maskItem__cr2jn {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    border-radius: 10px;
}
.style_maskTop__nIaCe {
    position: relative;
    width: 100%;
    height: 370px;
}
.style_originImage__bSygs {
    background-color: var(--FillColor15);
    object-fit: contain;
    border-radius: 10px;
    margin-bottom: 8px;
}
.style_label__bTyox {
    color: var(--TextColor13);
    line-height: 22px;
}
.style_maskNeed__z_K3R {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: var(--FillColor15);
    border-radius: 10px;
}
.style_maskNeedText__xi4WU {
    margin-top: 8px;
    color: var(--PrimaryColor11);
}
.style_loadingTip__4zkSW {
    color: var(--TextColor13);
}
.style_maskWrap__D9QzH .ant-spin-spinning {
    max-height: 370px !important;
}
.style_label__nk_DV {
    margin-bottom: 16px;
}
.style_label2__LwVdP {
    margin-top: 30px;
}
.style_setting__tG58a {
    margin-top: 30px;
}

.style_uploadMessage__yOeQY {
    padding-top: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.style_uploadIcon__uXmiv {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}
.style_uploadText___GIFA {
    color: var(--PrimaryColor11);
    margin-top: 12px;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
}
.style_dragText__5Fmdw {
    margin-top: 4px;
    color: var(--TextColor11);
    margin-bottom: 8px;
    display: flex;
    align-items: center;
}
.style_size__Wyd9q {
    color: var(--TextColor13);
    font-weight: 400;
}
.style_guideImage__zzHJZ {
    border-radius: 10px;
    margin-top: 20px;
}

.style_labels__cLgWL {
    margin-top: 30px;
    max-height: 300px;
    overflow: scroll;
}

.style_edit__NPrOy {
    width: 100%;
    height: 100%;
    background-color: var(--FillColor6);
    z-index: 1;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}
.style_editArea__kCXJw {
    /* height: 100%; */
    overflow-y: auto;
    max-height: calc(100vh - 68px);
    flex-grow: 1;
}
.style_title__t39BC {
    color: var(--TextColor1);
    display: flex;
    align-items: center;
}
.style_saveTime__VJIsv {
    color: var(--TextColor3);
    margin-left: 12px;
}
.style_opreate__6eWsh {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    width: 100%;
    min-height: 68px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    background-color: var(--FillColor17);
    padding: 0 30px;
    border-top: 1px solid var(--BorderColor11);
    z-index: 99;
    gap: 12px;
}
.style_generate___630j {
    position: relative;
    display: flex;
    align-items: center;
    width: 286px;
    height: 44px;
}
.style_generateNewUser__ctR6p {
    position: absolute;
    bottom: 43px;
    right: 12px;
    color: var(--TextColor14);
}
.style_generateNewUserHint__S7M2i {
    height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 11px;
    padding: 0 8px;
    background: linear-gradient(270deg, #fe30ac 0%, #9831ff 100%);
}
.style_generateNewUserArrow__PqTqo {
    position: absolute;
    top: 22px;
    right: 28px;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #d042bc;
}
.style_consumeHighlightTip__M8m0o {
    color: var(--PrimaryColor6);
    margin-right: 4px;
}
.style_consumeTip__YQ6sO {
    display: flex;
    align-items: center;
    color: var(--TextColor11);
}
.style_residueTip__BsRD2 {
    text-decoration: underline;
    color: var(--TextColor2);
}
.style_cpuCharge__6zQHZ {
    margin-left: 8px;
    margin-right: 8px;
}
.style_computerPowerWrap__jahuz {
    display: flex;
    align-items: center;
}
.style_free__GU_Ch {
    color: var(--TextColor2);
    margin-left: 2px;
}
.style_poseNotice__Rh93i {
    margin-top: 24px;
}

.style_tabsWrap__WslvD {
    display: flex;
    /* align-items: baseline; */
    width: 100%;
    z-index: 0;
}
.style_tabsItem__PCmLn {
    display: flex;
    justify-content: left;
    align-items: center;
    width: 100%;
    cursor: pointer;
    position: relative;
    margin: 0 12px 0 12px;
    border-radius: 8px;
    padding: 8px 0 8px 8px;
}
.style_border__9ULzM {
    width: 4px;
    height: 36px;
    background: transparent;
    border-radius: 0px 4px 4px 0px;
    margin-top: 6px;
}
.style_active__mCF3d {
    background: var(--FillColor6);
}
.style_tabIcon__2wuEM {
    margin-right: 10px;
}
.style_tabIconRadius__e71UT {
    border-radius: 50%;
}
.style_beta__3ohqc {
    position: absolute;
    top: 40px;
    padding: 0 4px;
    background-color: var(--PrimaryColor6);
    color: var(--TextColor5);
    font-size: 10px;
    border-radius: 100px;
    line-height: 15px;
}
.style_floatIcon__GJ9Y_ {
    position: absolute;
    top: 36px;
    right: 12px;
}
.style_dot___0kZi {
    background-color: #f53f3f;
    width: 6px;
    height: 6px;
    border-radius: 3px;
    top: 5px;
    right: 21px;
    position: absolute;
}
.style_newIcon__2UZXO {
    margin-left: 4px;
}
.style_newIconEn__EdTxJ {
    position: absolute;
    border-radius: 100px;
    background: linear-gradient(270deg, #7530fe 0%, #000000 100%);
    top: -4px;
    right: 0px;
    line-height: 20px;
    padding: 0 6px;
    color: var(--TextColor14);
}
.style_free__DCtHf {
    background-color: #ff4d4f;
    color: #fff;
    padding: 0 6px;
    border-radius: 100px;
    font-size: 10px;
    font-weight: bold;
    line-height: 20px;
    margin-left: 4px;
}
.style_free__DCtHf:lang(en-US) {
    position: absolute;
    top: -4px;
    right: 0px;
}

.style_sideEdgeContent__RofSB {
    position: relative;
    height: 100%;
    display: flex;
    flex-direction: column;
    color: var(--TextColor11);
}
.style_tabsContent__wm_lo {
    margin-top: 20px;
    margin-bottom: 20px;
    width: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
    overflow-y: auto;
}
.style_start__KJmD1 {
    display: flex;
    align-items: center;
    width: calc(100% - 32px);
    border-radius: 10px;
    padding: 8px;
    background-color: var(--FillColor17);
    margin: 4px 16px 4px 16px;
    cursor: pointer;
}
.style_agentTitle__goiDg {
    width: 100%;
    width: calc(100% - 48px);
    margin: 6px 20px 8px 20px;
    color: var(--TextColor13);
}
.style_startImg__k0SLl {
    margin-right: 12px;
}
.style_cnLogo__nvc_q {
    margin: 24px 26px 22px 20px;
}

.style_weshopLogo__N1zMq {
    margin: 18px 21px 18px 21px;
}

.style_tabsTop__7tVst {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
}

.style_bottomDivider__yCXZM {
    height: 1px;
    width: 154px;
    background-color: var(--BorderColor11);
    margin-bottom: 10px;
    margin-top: 10px;
}

.style_tabBottom__2DYNm {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
}

.style_pictureRequirements__IEFoh {
    padding: 30px;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
}
.style_close__vjcEZ {
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
}
.style_title__eijy7 {
    margin-bottom: 6px;
}
.style_fileSize__fwbqB {
    color: var(--TextColor13);
    margin-bottom: 10px;
}
.style_supportedTypes__0ElbR,
.style_avoidTypes__teZUZ {
    display: flex;
    align-items: center;
    margin-top: 10px;
    flex-direction: column;
    gap: 12px;
    width: 100%;
    padding: 14px 30px;
    background-color: var(--FillColor15);
    border-radius: 10px;
}
.style_exampleImages__L60I_ {
    display: flex;
    gap: 12px;
}
.style_exampleItem__4jMPf {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.style_tryButton__bO7AC {
    margin-top: 10px;
    background: var(--FillColor17);
    border-radius: 4px;
    padding: 4px 8px;
    color: var(--PrimaryColor11);
    border: 1px solid var(--PrimaryColor11);
    cursor: pointer;
}
.style_badExamples__XI8__ {
    display: flex;
    gap: 12px;
}
.style_badImageContainer__O5ocB {
    position: relative;
}
.style_xMark__cSJPr {
    position: absolute;
    bottom: 3px;
    right: 3px;
}
.style_badReason__LQPin {
    margin-top: 10px;
    color: var(--TextColor13);
    max-width: 102px;
    text-align: center;
}
.style_avoidTitle__fr0ek {
    color: var(--TextColor12);
    text-align: center;
}
.style_badImage__MVm03 {
    background-position: center;
    object-fit: cover;
    border-radius: 10px;
    border: 1px solid var(--BorderColor1);
    display: block;
}

.style_groupTips__X2JAI {
    position: absolute;
    width: 100%;
    padding: 20px;
}
.style_title__DccQL {
    color: var(--TextColor11);
    margin-bottom: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
}
.style_subTitle__7fr5_ {
    color: var(--TextColor13);
}
.style_pictureRequirements__MtE8S {
    position: absolute;
    right: -8px;
    color: var(--TextColor13);
    cursor: pointer;
    border: 1px solid rgba(151, 160, 180, 0.3);
    height: 24px;
    border-radius: 12px;
    padding: 0 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 2px;
}

.style_tagWrap__UZmdH {
    background-color: var(--FillColor15);
    border-radius: 6px;
    padding: 3px 10px;
    color: var(--TextColor11);
    max-width: 140px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.style_paddingLeft__vQfUf {
    padding-left: 19px !important;
}

.style_textPrompt__dseqq {
    display: flex;
    align-items: center;
    max-width: 450px;
    color: var(--TextColor11);
}
.style_text___8Wmh {
    max-width: 300px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.style_dividing__qwbbM {
    color: var(--TextColor2);
    margin: 0 2px;
}
.style_copyIcon__2K9_B {
    margin-left: 10px;
    cursor: pointer;
}
.style_copy__5QX1y {
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 6px;
}

.style_wrap__NUREq {
    overflow: hidden;
    position: relative;
}
/* .wrap::before {
    position: absolute;
    content: '';
    width: 32px;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    box-shadow: inset 10px 0 8px -8px rgba(0, 0, 0, 0.08);
}
.wrap::after {
    position: absolute;
    content: '';
    width: 32px;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 2;
    box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, 0.08);
} */
.style_wrapList__hMFeJ {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}
.style_tagWithImage__6oPgh {
    position: relative;
    display: flex;
}
.style_promptTxt__8pvIf {
    color: var(--TextColor1);
}
.style_icon__j3Gxx {
    z-index: 1;
    border-radius: 50%;
    display: inline-block;
    object-fit: cover;
    cursor: pointer;
}
.style_popover__kVUkR .ant-popover-inner {
    padding: 0 !important;
    border-radius: 10px !important;
    border: 2px solid var(--BorderColor1) !important;
    font-size: 0;
}
.style_showLargeImage__LtVj0 {
    border-radius: 8px;
    object-fit: cover;
}

.style_prompt__s3ad3 {
    width: 100%;
    padding-left: 8px;
    padding-right: 30px;
}
.style_waitingCnt__IkDUX {
    color: var(--TextColor13);
    margin-left: 2px;
    white-space: nowrap;
}
.style_promptList__HDXxf {
    display: flex;
    width: 100%;
    gap: 40px;
}
.style_promptDeatail__YrCaZ {
    display: flex;
    align-items: center;
    gap: 10px;
    flex: 1 1;
    overflow: hidden;
}
.style_time__hZ6WG {
    color: var(--TextColor3);
    margin-top: 6px;
    margin-bottom: 10px;
}
.style_executeSeq__3dtd2 {
    color: var(--TextColor13);
    margin-right: 10px;
}
.style_executeTime__rB8b6 {
    color: var(--TextColor13);
    margin-left: 10px;
}
.style_setting__Br6eE {
    margin-right: 3px;
}
.style_buttons__i_eny {
    display: flex;
    gap: 8px;
    margin-left: auto;
}
.style_reeditButton__CbL_k {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    color: var(--TextColor11);
    min-width: 104px;
    height: 36px;
    padding: 8px 12px;
    background-color: var(--FillColor15);
    cursor: pointer;
    position: relative;
}
.style_moreButton___ekHd {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 36px;
    width: 36px;
    border-radius: 10px;
    background-color: var(--FillColor15);
    cursor: pointer;
}
.style_moreItem___Sh13 {
    color: var(--TextColor11);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    cursor: pointer;
}
.style_checkPoints__09jWH {
    display: flex;
    align-items: center;
    margin-right: 4px;
}
.style_checkPointsItem__0t4in {
    background-color: var(--FillColor6);
    border-radius: 2px;
    padding: 1px 8px;
    color: var(--TextColor1);
    border: 1px solid var(--BorderColor2);
    max-width: 130px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-right: 4px;
}

.style_psdPro__3LJJj {
    margin-left: 4px;
}
.style_psd__xP8AS {
    margin-right: 4px;
}

.style_executeContainer___n_Cf {
    display: flex;
    width: 100%;
    justify-content: center;
    margin-bottom: 10px;
}
.style_executeSeq__Z_2dH {
    color: var(--TextColor13);
    cursor: pointer;
    text-decoration: underline;
}
.style_image__NRhNU {
    width: 252px;
    border-radius: 20px;
    margin: 10px 10px 10px 10px;
    position: relative;
}
.style_imageMask__B_weG {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.2);
    cursor: pointer;
    transition: opacity 0.3s;
    color: var(--TextColor14);
    z-index: 1;
    border-radius: 20px;
}
.style_maskTip__UIko3 {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.style_previewText__jKUV5 {
    margin-bottom: 6px;
}
.style_content__J9WNl {
    position: relative;
    width: 252px;
    background-color: var(--FillColor15);
    border-radius: 20px;
}
.style_content__J9WNl .ant-image-mask {
    border-radius: 12px;
}
.style_box__Ci4R1 {
    width: 252px;
    margin: 0 8px;
}
.style_place__I1IVQ {
    height: 335px;
    border-radius: 20px;
    width: 100%;
    position: relative;
}
.style_placeLogo__LLWqk {
    top: 120px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}
.style_placeTxt__i29y9 {
    position: absolute;
    top: 190px;
    width: 152px;
    text-align: center;
    left: 50%;
    transform: translateX(-50%);
}
.style_placeBottom__iznBB {
    position: absolute;
    bottom: 12px;
    text-align: center;
    color: var(--TextColor13);
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
}
.style_imageOne__62fz_ {
    border-radius: 20px;
    background-color: var(--FillColor15);
}
.style_proUser__tPQbE {
    margin-left: 4px;
}
.style_videoTag__oWwEL {
    position: absolute;
    right: 12px;
    top: 12px;
}
.style_videoError__UJ9v8 {
    position: absolute;
    display: flex;
    align-items: center;
    height: 30px;
    padding: 0 7px;
    gap: 4px;
    justify-content: center;
    right: 12px;
    top: 12px;
    color: var(--TextColor14);
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 15px;
}

.style_head__M3gyx {
    color: var(--TextColor14);
    position: absolute;
    top: 16px;
    height: 44px;
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
}
.style_closeModalIcon__Ms3aE {
    position: fixed;
    top: 16px;
    right: 16px;
    cursor: pointer;
    width: 44px;
    height: 44px;
    display: flex;
    z-index: 1;
    align-items: center;
    justify-content: center;
}
.style_detailModal__PUCaw {
    height: calc(100vh - 12px);
    width: 100%;
    display: flex;
    justify-content: center;
}
.style_showDetail__v933j {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 64px 0 64px;
}
.style_showDetailSafari__ybp__ {
}
.style_showDetailSafari__ybp__ .ant-image-img {
    width: auto !important;
}
.style_waterMask__mAjyp {
    height: auto;
    position: absolute;
    pointer-events: none;
}
.style_changeBtn__uHJCZ {
    min-width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    margin: 0 20px;
}
.style_changeBtnDisable__bjHJC {
    opacity: 0.2;
    cursor: not-allowed;
}
.style_preIcon__5D8P_ {
    rotate: 180deg;
}
.style_opreate__FbN8o {
    position: absolute;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    justify-content: center;
}
.style_opreateContainer__Xwi8z {
    position: absolute;
    bottom: -24px;
    display: flex;
    justify-content: center;
    transform: translateY(100%);
    gap: 24px;
    max-width: calc(100vw - 60px);
}

.style_imageWrap__2esd5 {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    position: relative;
}

.style_taskTitle__Tv0_A {
    position: -webkit-sticky;
    position: sticky;
    min-height: 90px;
    width: 100%;
    display: flex;
    align-items: center;
    background-color: var(--FillColor17);
    padding: 18px 30px;
    top: 0;
    border-bottom: 1px solid var(--BorderColor11);
}
.style_taskTitleImage__dzgZS {
    border-radius: 8px;
    object-fit: cover;
    margin-right: 18px;
}
.style_taskInfos__4VsGm {
    display: flex;
    justify-content: left;
    flex-direction: column;
}
.style_taskTitleZ__4eCub {
    z-index: 50;
}

.style_taskName__qQ37J {
    display: flex;
    align-items: center;
    color: var(--TextColor11);
    font-weight: 500;
}

.style_taskId__9oYWi {
    color: var(--TextColor13);
    margin-top: 2px;
}

.style_taskShareButton__CZgvR {
    display: flex;
    align-items: center;
    height: 32px;
    padding: 0 24px;
    cursor: pointer;
}

.style_taskShare__AbClY {
    margin-left: 6px;
    color: var(--TextColor2);
}

.style_inputValue__AfCJk {
    border: none;
    color: var(--TextColor11);
}

.style_inputValue__AfCJk::placeholder {
    color: var(--TextColor13);
}

.style_icon__jButi {
    cursor: pointer;
    margin-left: 10px;
}

.style_pagination__gPBFg {
    position: absolute;
    right: 40px;
    display: flex;
    align-items: center;
}

.style_num1__ytfX5 {
    color: var(--TextColor2);
    cursor: pointer;
    padding: 0 12px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.style_num1__ytfX5:hover {
    border-radius: 8px;
    background-color: var(--FillColor3);
}

.style_pre__5kIwl {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.style_pre__5kIwl:hover {
    background-color: var(--FillColor3);
}

.style_next__AZKsG {
    transform: scaleX(-1);
    cursor: pointer;
    margin-left: 8px;
}

.style_page1__wXbAL,
.style_lastPage__qxmkn {
    background-color: transparent;
}

.style_lastPage__qxmkn:hover {
    background-color: transparent;
}

.style_page1__wXbAL:hover {
    background-color: transparent;
}

.style_progress__EWalC{
    padding-left: 8px;
    color: var(--TextColor2);
    padding-bottom: 40px;
    display: flex;
    align-items: center;
}
.style_line__u20VV{
    flex: 1 1;
    height: 1px;
    background-color: var(--BorderColor3);
}
.style_line__u20VV:first-child{
    margin-right: 24px;
}
.style_line__u20VV:last-child{
    margin-left: 24px;
}

.style_starContainer__cIfZg {
    background: linear-gradient(180deg, var(--FillColor17) 0%, var(--FillColor15) 100%);
    padding: 20px 0 10px 20px;
}

.style_starTitle__Pt_5j {
    display: flex;
    align-items: center;
    margin-bottom: 8px;
}
.style_starlist__wsmmI {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.style_imageList__UAzoD {
    width: 100%;
    height: 100%;
    overflow: scroll;
    min-width: 584px;
}
.style_removalNotice__NYkcJ {
    text-decoration: underline;
    padding: 10px 20px 10px 20px;
    background-color: var(--PrimaryColor14);
    width: 100%;
}
.style_inferResult__ruq0G {
    width: 100%;
    padding-bottom: 180px;
    padding-top: 10px;
}
.style_imageResult__jHL33 {
    padding-top: 30px;
    padding-left: 20px;
}

.style_container__7UBGQ {
    display: flex;
    gap: 8px;
    align-items: center;
}
.style_smallButton__YUzWd {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    min-width: 100px;
    height: 36px;
    padding: 8px 12px;
    border: 1px solid var(--BorderColor11);
    color: var(--TextColor13);
    cursor: pointer;
    gap: 3px;
}
.style_smallButton__YUzWd.style_ok__1GOZO {
    border: 1px solid var(--PrimaryColor11);
    color: var(--PrimaryColor11);
}
.style_batchRemove__XZWjW {
    display: flex;
    align-items: center;
    gap: 4px;
}
.style_selectAll__UgPtV {
    display: flex;
    align-items: center;
    gap: 6px;
    cursor: pointer;
    color: var(--TextColor11);
    margin-right: 10px;
}
.style_selectAllBox__g4e3t {
    width: 16px;
    height: 16px;
    border-radius: 6px;
    position: relative;
}
.style_selectAllBox__g4e3t::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 4px;
    border: 1px solid var(--BorderColor11);
    background-color: var(--FillColor17);
}
.style_selectAllBox__g4e3t.style_checked___85Zs::after {
    background-image: url('/checked.svg');
    background-size: 100% 100%;
    border: none;
}
.style_batchButton__jcV_W {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    color: var(--TextColor11);
    min-width: 104px;
    height: 36px;
    padding: 8px 12px;
    background-color: var(--FillColor15);
    cursor: pointer;
    position: relative;
    gap: 3px;
}

.style_videoContainer__qA5TW {
    position: relative;
    line-height: 0;
}
.style_video__Q2BJh {
    width: 100%;
    height: auto;
}
.style_playButton__1gTpV {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer;
}

.style_guide__avP3g {
    padding: 30px;
    width: 100%;
}
.style_subTitle__FAW2F {
    margin-top: 10px;
    color: var(--TextColor13);
    width: 100%;
}
.style_image__mkOnd {
    height: auto;
}
.style_guideItem__73MtN {
    margin-top: 20px;
    display: flex;
    align-items: center;
    gap: 36px;
    background-color: var(--FillColor15);
    border-radius: 20px;
    padding: 20px;
    position: relative;
}
.style_info__sYIRh {
    flex: 1 1;
}
.style_exampleSlogon__n9G2z {
    color: var(--TextColor13);
    margin-top: 12px;
}
.style_link__7HBOv {
    height: 38px;
    margin-right: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    color: var(--FillColor17);
    background-color: var(--PrimaryColor11);
    cursor: pointer;
    padding: 0 24px;
}

.style_showCase__IG5NO {
    width: 100%;
    height: 100%;
    overflow: scroll;
}
.style_header__GEHMn {
    position: -webkit-sticky;
    position: sticky;
    display: flex;
    width: 100%;
    background-color: var(--FillColor6);
    z-index: 50;
    top: 0;
}
.style_tabs__BzCDu {
    flex: 1 1;
}
.style_removalNotice__Poy0_ {
    text-decoration: underline;
    padding: 10px 20px 10px 20px;
    background-color: var(--PrimaryColor14);
    width: 100%;
}
.style_tabs__BzCDu .ant-tabs-nav {
    margin: 0 !important;
}
.style_tab__AObcn {
    position: relative;
}
.style_tips__h8nnn {
    position: absolute;
    width: 6px;
    height: 6px;
    background-color: rgba(245, 63, 63, 1);
    border-radius: 50%;
    top: 0;
    right: -4px;
    transform: translateX(100%);
}
.style_batchAction__CoBFU {
    display: flex;
    align-items: center;
    min-height: 68px;
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    padding: 0 30px;
    border-top: 1px solid var(--BorderColor11);
    background-color: var(--FillColor17);
    z-index: 99;
}
.style_content__FisCE {
    width: 100%;
    padding: 30px 20px 0 20px;
    background-color: var(--FillColor6);
}
.style_showCase__IG5NO .ant-tabs-nav {
    width: 100% !important;
    padding-left: 50px;
}
.style_showCase__IG5NO .ant-tabs-nav-wrap {
    width: 100% !important;
}
.style_showCase__IG5NO .ant-tabs-tab {
    width: 50% !important;
    justify-content: center;
    /* margin-right: 50px; */
    padding: 20px 0 !important;
}
.style_showCase__IG5NO .ant-tabs-tab:lang(en-US) {
    width: 100% !important;
}

.style_showCase__IG5NO .ant-tabs .ant-tabs-tab-btn {
    color: var(--TextColor13) !important;
    font-weight: 500 !important;
    font-size: 18px !important;
    line-height: 26px !important;
}
.style_showCase__IG5NO .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {
    color: var(--TextColor11) !important;
    font-weight: 500 !important;
    font-size: 18px !important;
    line-height: 26px !important;
    text-shadow: none !important;
}
.style_showCase__IG5NO .ant-tabs-ink-bar {
    background-color: var(--PrimaryColor11) !important;
    height: 6px !important;
}
.style_showCase__IG5NO .ant-tabs .ant-tabs-tab:hover {
    color: var(--TextColor11) !important;
}
.style_showCase__IG5NO .ant-tabs {
    color: var(--TextColor13) !important;
    width: 100%;
}

.style_showCase__IG5NO .ant-tabs-nav-list {
    min-width: 200px !important;
}

.styles_header__ctBXF {
    position: relative;
    height: 300px;
    width: 100vw;
    display: flex;
    align-items: center;
    flex-direction: column;
    margin-bottom: 60px;
    padding: 0 var(--PagePadding);
}
.styles_header__ctBXF::before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 1) 100%);
}
.styles_title__90TGA {
    margin-top: 148px;
    font-variation-settings: 'opsz' auto;
    background: linear-gradient(270deg, #7530fe 0%, #000000 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    z-index: 2;
}
.styles_subtitle__MqnEF {
    margin-top: 16px;
    color: var(--TextColor13);
    margin-bottom: 30px;
    z-index: 2;
}
@media (max-width: 600px) {
    .styles_header__ctBXF {
        background: none !important;
        height: auto;
        margin-bottom: 0;
    }
    .styles_title__90TGA {
        margin-top: 25px;
    }
    .styles_subtitle__MqnEF {
        margin-top: 6px;
    }
}

.styles_header__2ZWim {
    display: flex;
    align-items: center;
}
.styles_avatar__saBea {
    border-radius: 12px;
}
.styles_timeTxt__mfEwo {
    color: var(--TextColor13);
    margin-left: 4px;
}
.styles_autherTxt__o0Epo {
    margin-left: 8px;
}
.styles_content__XycOZ {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    gap: 15px 30px;
    padding: 30px 0;
    cursor: pointer;
}
.styles_left__NU0A6 {
    display: flex;
    flex-direction: column;
    flex: 1 1;
}
.styles_title__gQ0fO {
    margin-top: 10px;
    line-height: normal;
}
.styles_summary__GUJZ_ {
    display: flex;
    flex-direction: column;
    margin-top: 6px;
    color: var(--TextColor13);
}
.styles_summary__GUJZ_ > p {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.styles_keywords__plTd3 {
    display: flex;
    gap: 8px;
    margin-top: 10px;
    flex-wrap: wrap;
}
.styles_keyword__3m_BJ {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 10px;
    border-radius: 6px;
    height: 26px;
    background-color: var(--FillColor15);
    cursor: pointer;
}
.styles_right__LypxN {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}
.styles_button__lnsi_ {
    border-radius: 10px;
    color: var(--PrimaryColor11);
    padding: 0 14px;
    height: 36px;
    margin-top: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid var(--PrimaryColor11);
}
.styles_images__YvQyn {
    gap: 20px;
    flex-wrap: wrap;
    display: flex;
    align-items: center;
}
.styles_image__GkmX_ {
    object-fit: cover;
    border-radius: 20px;
}
@media (max-width: 600px) {
    .styles_image__GkmX_ {
        border-radius: 10px;
    }
}

.styles_root___LDgG {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 var(--PagePadding);
}
.styles_root___LDgG.styles_noHeader__UTXSB {
    padding: 0;
}
.styles_content__z0azH {
    display: flex;
    gap: 40px;
    align-items: flex-start;
    margin-bottom: 170px;
    width: 100%;
    max-width: 1020px;
}
.styles_content__z0azH.styles_noHeader__UTXSB {
    max-width: none;
}
.styles_blogs___uori {
    display: flex;
    flex: 1 1;
    flex-direction: column;
}
.styles_blogItem__0Voli {
    display: flex;
    flex-direction: column;
}
.styles_line__bTP12 {
    position: -webkit-sticky;
    position: sticky;
    top: 50px;
    width: 1px;
    height: 100vh;
    background-color: rgba(151, 160, 180, 0.14);
}
.styles_Hline__WB5G8 {
    height: 1px;
    margin-top: 20px;
    background-color: rgba(151, 160, 180, 0.14);
}
.styles_Wline__u3EKu {
    height: 1px;
    background-color: rgba(151, 160, 180, 0.14);
}
.styles_extra__JicSl {
    position: -webkit-sticky;
    position: sticky;
    top: 0px;
    display: flex;
    flex-direction: column;
    width: 300px;
    gap: 20px;
    height: calc(100vh - 68px);
    padding-top: 30px;
    padding-bottom: 90px;
    overflow: auto;
}
.styles_extraTitle__HfgbI {
    margin-bottom: 12px;
}
.styles_featuredList__FAdBn {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.styles_header__RfFQo {
    display: flex;
    align-items: center;
    margin-bottom: 8px;
}
.styles_avatar__0kNR5 {
    border-radius: 10px;
}
.styles_autherTxt__1_9f_ {
    color: var(--TextColor13);
    margin-left: 6px;
}
.styles_tagList__7bx72 {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
.styles_socialMediaList__RZyH6 {
    display: flex;
    flex-direction: column;
}
.styles_socialMedia___MDYm {
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 40px;
    border-radius: 24px;
    border: 1px solid var(--BorderColor11);
    cursor: pointer;
}
.styles_keyword__DTmfG {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 10px;
    border-radius: 6px;
    height: 26px;
    background-color: var(--FillColor15);
    cursor: pointer;
}
.styles_loadingArea__9kK_8 {
    width: 100%;
    height: 50px;
}

.styles_search__4plur {
    min-height: 34px;
    border-radius: 6px;
    background-color: var(--FillColor15);
    display: flex;
    align-items: center;
    padding: 0 10px;
    width: 100%;
}
.styles_searchInputWrap__Y24D0 {
    flex: 1 1;
}
.styles_searchInput__EC_xp {
    width: 100%;
    border: none;
    background: none;
    color: var(--TextColor12);
}
.styles_searchInput__EC_xp::placeholder {
    color: var(--TextColor13);
}
.styles_searchPanel__3inhv {
    width: calc(100% - 20px);
    max-height: 50vh;
    overflow: auto;
}
.styles_searchItem__bkS8o {
    min-height: 30px;
    display: flex;
    align-items: center;
    cursor: pointer;
    border-radius: 5px;
    padding: 6px 10px;
    color: var(--TextColor11);
}
.styles_searchItem__bkS8o.styles_active__lz4N_ {
    color: var(--PrimaryColor11);
}
.styles_searchItem__bkS8o:hover {
    background-color: var(--FillColor16);
}
.styles_searchIcon__MPqnS {
    cursor: pointer;
}
@media (max-width: 916px) {
    .styles_line__bTP12 {
        display: none;
    }
    .styles_extra__JicSl {
        display: none;
    }
}

.style_root__N1R3H {
    display: flex;
    gap: 16px;
    width: 100%;
    margin-bottom: 20px;
    padding: 0 30px;
}
.style_newContent__toVl8 {
    flex-direction: column;
    align-items: center;
    position: relative;
    display: flex;
    background: var(--FillColor15);
    border-radius: 10px;
    height: 100%;
    padding: 28px 40px;
}
.style_header__1ld_D {
    display: flex;
    align-items: center;
    width: 100%;
    margin-bottom: 26px;
    max-width: 700px;
}
.style_headerLeft__nUR_c {
    flex: 1 1;
    display: flex;
    flex-direction: column;
    align-items: baseline;
    gap: 4px;
}
.style_limit__iIOc6 {
    height: 21px;
    padding: 0 7px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
    background: linear-gradient(270deg, #7530fe 0%, #000000 100%);
    color: var(--TextColor14);
    margin-left: 2px;
    vertical-align: top;
}
.style_title__JYll8 {
    position: relative;
    background: linear-gradient(270deg, #7530fe 0%, #000000 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}
.style_desc__PVU9h {
    color: var(--TextColor13);
}
.style_btn__zVEyB {
    height: 36px;
    border-radius: 18px;
    display: flex;
    align-items: center;
    padding: 0 28px;
    cursor: pointer;
    border: 1px solid var(--PrimaryColor11);
    color: var(--PrimaryColor11);
}
.style_startSmall__3katt .style_btn__zVEyB {
    height: 32px;
    border-radius: 16px;
    padding: 0 22px;
}
.style_iconWrap__tkNKo {
    width: 100%;
    max-width: 700px;
}
.style_icon__hSksB {
    position: relative;
    width: 100%;
    padding-bottom: 20%;
}
.style_iconFeature__Cqd46 {
    background: url('/bg_start_feature.webp');
    background-size: 100% 100%;
    background-position: center;
    position: absolute;
    width: 114%;
    height: 171%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.style_iconGif__XHqaW {
    position: absolute;
    width: 17.4%;
    height: 57.2%;
    right: 6.2%;
    top: 21%;
}
.style_gif__fcNxf {
    width: 100%;
    height: 100%;
    border-radius: 12%;
}
.style_label__gzct1 {
    position: absolute;
    left: 0;
    bottom: 0;
    height: auto;
    width: 100%;
}
.style_iconFeature__Cqd46:lang(en-US) {
    background: url('/bg_start_feature_va.webp');
    background-size: 100% 100%;
    background-position: center;
}
.style_iconFeature2__RnznO {
    background: url('/bg_start_feature2.webp');
    background-size: 100% 100%;
    background-position: center;
    position: absolute;
    width: 102%;
    height: 171%;
    left: 50%;
    top: 50%;
    transform: translate(-56%, -50%);
}
.style_iconFeature2__RnznO:lang(en-US) {
    background: url('/bg_start_feature2_va.webp');
    background-size: 100% 100%;
    background-position: center;
}
.style_iconActivity__xjYIx {
    background: url('/bg_start_activity.webp');
    background-size: 100% 100%;
    background-position: center;
    position: absolute;
    width: 100%;
    height: 100%;
}
.style_activity__QXKrz {
    align-items: center;
    position: relative;
    display: flex;
    padding: 28px 40px;
    flex-direction: column;
    background: var(--FillColor15);
    border-radius: 10px;
    height: 100%;
}

@media (max-width: 916px) {
    .style_root__N1R3H {
        flex-direction: column;
    }
}
@media (max-width: 1750px) {
    .style_header__1ld_D {
        margin-bottom: 12px;
    }
    .style_newContent__toVl8 {
        padding: 20px 25px;
    }
    .style_activity__QXKrz {
        padding: 20px 25px;
    }
}

.style_root__U6aIC {
    position: relative;
    background-image: url('/bg_register_guide.webp');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    padding: 55px 50px 0 50px;
    width: 970px;
}
.style_title__xysjH {
    width: 40%;
    font-variation-settings: 'opsz' auto;
    background: linear-gradient(270deg, #7530fe 0%, #000000 100%);
    background-clip: text;
    text-fill-color: transparent;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.style_desc__hGGBi {
    display: flex;
    width: 72%;
    margin-top: 10px;
    margin-bottom: 10px;
}
.style_activity__ltB9M {
    margin-top: 20px;
    cursor: pointer;
}
.style_guideItem__J_Znv {
    display: flex;
    align-items: center;
    margin-top: 10px;
    gap: 30px;
    padding: 25px;
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.89);
    -webkit-backdrop-filter: blur(30px);
            backdrop-filter: blur(30px);
    box-shadow: 0px 0px 20px 0px rgba(141, 85, 252, 0.15);
}
.style_guideItemContent__vPk5b {
    height: 110px;
    display: flex;
    flex-direction: column;
    flex: 1 1;
}
.style_guideItemTitle__Dzbim {
    color: var(--TextColor11);
    margin-bottom: 4px;
}
.style_guideItemDesc__QucZS {
    flex: 1 1;
    color: var(--TextColor11);
}
.style_guideItemPost__I_8jd {
    color: var(--TextColor13);
}
.style_guideItemPostLink__ucb0P {
    display: inline;
    color: var(--TextColor13);
    text-decoration: underline;
    margin-left: 8px;
}
.style_tryBtn__sJ3QE {
    border-radius: 24px;
    background: linear-gradient(259deg, #9967ff 0%, #7530fe 100%);
    box-shadow: 0px 10px 30px 0px rgba(117, 48, 254, 0.3);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    color: var(--TextColor14);
    height: 48px;
    width: 152px;
    cursor: pointer;
}
.style_footerLogo__trSFr {
    margin: 20px auto;
    width: 100%;
}
.style_close__lo9yE {
    position: absolute;
    top: 35px;
    right: 10px;
    cursor: pointer;
}

.style_start__A4gZc {
    background-color: var(--FillColor17);
    width: 100%;
    height: 100%;
    flex: 1 1;
    display: flex;
    flex-direction: column;
    overflow: auto;
}
.style_startSmall__rPvq7 {
}
.style_header__Mkc_g {
    z-index: 98;
    margin: 18px 30px 0 30px;
    align-items: baseline;
    gap: 8px;
    display: flex;
    border-bottom: 1px solid rgba(151, 160, 180, 0.14);
    color: var(--TextColor13);
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    background-color: var(--FillColor17);
    padding: 15px 30px 10px 0;
}
.style_header__Mkc_g.style_noline__SuiWV {
    border-bottom: none;
}
.style_title__GrW25 {
    color: var(--TextColor11);
}
.style_content__TKPRo {
    padding: 0 30px 30px 30px;
}
.style_notice__YbLGu {
    padding: 30px 30px 0 30px;
    width: 100%;
}
.style_noitceLink__eFQCQ {
    text-decoration: underline;
    cursor: pointer;
}
.style_noticeRoot__a0x4o {
    position: relative;
    border-radius: 10px;
    background: var(--FillColor16);
    display: flex;
    align-items: center;
    justify-content: center;
}
.style_message__3loZx {
    position: relative;
    display: flex;
    height: 50px;
    width: 100%;
    gap: 4px;
    padding: 0 20px;
    align-items: center;
    justify-content: center;
    color: var(--PrimaryColor11);
}
.style_message__3loZx::before {
    content: '';
    position: absolute;
    background: url('/ic_notice_left.webp');
    left: 0;
    top: 0;
    bottom: 0;
    width: 435px;
}
.style_noticeRoot__a0x4o::before {
    content: ' ';
    position: absolute;
    background: url('/ic_notice_right.webp');
    right: 0;
    top: 0;
    bottom: 0;
    width: 435px;
}
.style_new__PC5Fo {
    margin-left: 4px;
    margin-right: 4px;
}
.style_navsCon__x2D7G {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 16px;
    margin: 30px 30px 0 30px;
}
.style_navItem__kEusd {
    display: flex;
    background-color: var(--FillColor15);
    border-radius: 10px;
    padding: 15px 20px 15px 30px;
    width: 400px;
    gap: 8px;
    align-items: center;
    cursor: pointer;
}
.style_navIcon__WCyfZ {
    border-radius: 12px;
    transition: 0.5s;
}
.style_navItem__kEusd:hover .style_navIcon__WCyfZ {
    transform: scale(1.05);
}
.style_navInfos__XHPMc {
    display: flex;
    flex-direction: column;
    flex: 1 1;
}
.style_navTitle__KJTup {
    color: var(--TextColor11);
    margin-bottom: 10px;
}
.style_navSubTitle__7SrlT {
    color: var(--TextColor13);
}

.style_nav__SlQvq {
    height: 100%;
    width: 100%;
    display: flex;
    position: absolute;
    left: 0;
    background-color: var(--FillColor15);
}
.style_task__v7eUn {
    position: relative;
    height: 100%;
    background-color: var(--FillColor6);
    border-right: 1px solid var(--BorderColor11);
    display: flex;
    flex-direction: column;
    background-repeat: no-repeat;
    background-size: 100% auto;
}
.style_content___7yKP {
    flex: 1 1;
    background-color: var(--FillColor17);
    position: relative;
}
.style_output__Zh9j2 {
    width: 100%;
    height: 100%;
}
.style_openEdit__PZ9pP {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    display: flex;
    align-items: center;
    transition: all 0.3s;
    pointer-events: none;
}
.style_openEdit__PZ9pP.style_fullwidth__qI0o5 {
    width: 100%;
}
.style_mask__1vnFj {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(245, 247, 253, 0.9);
    pointer-events: visible;
}
.style_plane__0qjBY {
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    pointer-events: none;
}
.style_edit__y6qo0 {
    height: 100%;
    pointer-events: visible;
}
.style_openIcon__ioWUu {
    cursor: pointer;
    pointer-events: visible;
}

.style_broadcast__S1u_2 {
    position: fixed;
    right: 20px;
    bottom: 85px;
    width: 274px;
    padding: 16px;
    background-color: var(--FillColor17);
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
    border-radius: 20px;
    z-index: 9;
}
.style_broadcastTitle__BLG99 {
    display: flex;
    justify-content: left;
}
.style_broadcastTitleText___0h_Q {
    color: var(--TextColor1);
    margin-left: 2px;
    margin-bottom: 12px;
}
.style_broadcastContent___0k3t {
    display: flex;
    justify-content: left;
    flex-direction: column;
    margin-bottom: 12px;
    max-height: 400px;
    overflow-y: scroll;
}
.style_broadcastContent___0k3t:lang(zh-CN) {
    word-break: break-all;
}
.style_broadcastContent___0k3t p {
    margin-bottom: 12px;
}
.style_broadcastContent___0k3t a {
    color: var(--PrimaryColor6);
    text-decoration: underline;
}
.style_broadcastButs__MDTix {
    width: 100%;
    display: flex;
    justify-content: right;
}

.style_root__IRV54 {
    width: 412px;
    height: 320px;
}
.style_header__rVIaY {
    height: 65px;
    display: flex;
    padding-left: 15px;
    border-bottom: 1px solid var(--BorderColor11);
}
.style_tab__25_O2 {
    width: 128px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--TextColor13);
    border-bottom: 3px solid transparent;
    cursor: pointer;
}
.style_tab__25_O2.style_active__pe94e {
    color: var(--TextColor11);
    border-bottom: 3px solid var(--PrimaryColor11);
}
.style_content__2ACif {
    padding: 30px 22px;
    display: flex;
}
.style_appItem__JeOba {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    flex: 1 1;
}
.style_title__h2Ema {
    margin-top: 10px;
    color: var(--TextColor11);
    padding-bottom: 18px;
}
.style_subTitle__et4j8 {
    position: absolute;
    color: var(--TextColor13);
    min-height: 16px;
    bottom: 0;
    left: -30px;
    right: -30px;
    text-align: center;
}
.style_contentEn__gmo6q {
    padding: 0 22px;
}
.style_floatButton___pdXX {
    background-color: #333333;
    border-radius: 30px;
    height: 60px;
    width: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: width 0.2s ease;
    box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.16);
}
.style_floatIcon__gjYVs {
    cursor: pointer;
}
.style_popover__Kwhgs .ant-popover-inner {
    border-radius: 20px !important;
    padding: 0 !important;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1) !important;
}

.style_floatButton__zEagD {
    background-color: #333333;
    border-radius: 30px;
    height: 60px;
    width: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: width 0.2s ease;
    box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.16);
}
.style_floatIcon__xh2bl {
    cursor: pointer;
}
.Studio_homeContent__u3yLX {
    display: flex;
    justify-content: space-between;
    position: fixed;
    width: 100vw;
    height: calc(100vh - var(--HomeHeaderHeight));
    overflow: hidden;
}
.Studio_workspaceContent__uOsIR {
    display: flex;
    justify-content: space-between;
    position: fixed;
    width: 100vw;
    height: calc(100vh - 60px);
    overflow: hidden;
}
.Studio_output__Bvwwh {
    position: absolute;
    width: calc(100vw - 462px);
    height: 100vh;
    background-color: var(--FillColor17);
    left: 462px;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
}
.Studio_buttonFloat__zZfLN {
    position: fixed;
    bottom: 20px;
    right: 20px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.Studio_international__w83ji {
    padding-left: 16px;
    margin-top: 16px;
}
.Studio_primaryColor__VsaiZ {
    color: var(--PrimaryColor6);
}