.hao-dialog .content:has(.wallpaper-cropper){scrollbar-width:thin!important;scrollbar-color:var(--color-cale-text) #0000!important}.hao-dialog .content:has(.wallpaper-cropper)::-webkit-scrollbar{width:10px!important;height:10px!important}.hao-dialog .content:has(.wallpaper-cropper)::-webkit-scrollbar-track{box-shadow:inset 2px 2px 4px var(--col-bg-start),inset -2px -2px 4px var(--col-bg-end)!important;background:0 0!important;border-radius:999px!important}.hao-dialog .content:has(.wallpaper-cropper)::-webkit-scrollbar-thumb{background:var(--cropper-option-bg)!important;box-shadow:2px 2px 4px var(--col-bg-start),-2px -2px 4px var(--col-bg-end)!important;background-clip:padding-box!important;border:2px solid #0000!important;border-radius:999px!important}.wallpaper-cropper{-webkit-user-select:none;user-select:none;white-space:normal;width:100%;min-width:0;max-width:100%;height:100%;color:var(--color-text);justify-content:flex-start;align-items:flex-end;gap:.3rem;padding:.2rem;display:flex;overflow-x:clip}@media screen and (width<=800px){.wallpaper-cropper{flex-direction:column;justify-content:flex-start;align-items:stretch;gap:0;padding:.15rem;overflow:clip visible}.wallpaper-cropper textarea{width:1.3rem!important}.wallpaper-cropper .w-c-d-content-text{flex-wrap:wrap!important;justify-content:center!important}.wallpaper-cropper .h-buttom{margin-bottom:0}}@media screen and (width<=800px) and (width<=360px){.wallpaper-cropper .w-c-d-d .h-buttom{padding-left:4px;padding-right:4px}.wallpaper-cropper .w-c-d-d .h-buttom .ico{margin-left:5px!important}}@media screen and (width<=800px){.wallpaper-cropper .wac-col-1{flex:none;min-width:0;max-width:100%;min-height:520px;width:100%!important;height:62vh!important}.wallpaper-cropper .wac-col-1 .cropper{flex:none;min-height:330px;height:40vh!important}.wallpaper-cropper .wac-col-1 .preview-img-main{flex:none;min-height:170px;height:20vh!important}.wallpaper-cropper .wac-col-2{flex:none;min-width:0;max-width:100%;min-height:0;width:100%!important;height:auto!important;margin-left:0!important;overflow:clip visible!important}.wallpaper-cropper .wac-col-2 .w-c-d-d{z-index:20;background:var(--hao-bg-bag);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);flex-grow:0;position:sticky;top:0}.wallpaper-cropper .output-format-list{grid-template-columns:repeat(3,minmax(0,1fr))}}.wallpaper-cropper .wac-col-1{flex-direction:column;flex:65 1 0;justify-content:space-evenly;align-items:center;width:auto;min-width:0;max-width:100%;height:100%;display:flex}.wallpaper-cropper .wac-col-1 .cropper{border:2px solid var(--color-cale-text);border-radius:.6rem;width:100%;height:100%;position:relative}.wallpaper-cropper .wac-col-1 .cropper .cropper-prompt{color:#151515;z-index:100;font-size:140%;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.wallpaper-cropper .wac-col-1 .cropper .cropper-inline-error{z-index:110;max-width:85%;color:var(--cropper-error-text);background:var(--cropper-error-bg);text-align:center;white-space:normal;border-radius:12px;margin:0;padding:10px 14px;font-weight:600;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.wallpaper-cropper .wac-col-1 .preview-img-main{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.wallpaper-cropper .wac-col-1 .preview-img-main *{transition:width .3s,height .3s}.wallpaper-cropper .wac-col-1 .preview-img-main span{width:100%;height:10%;text-shadow:0 0 10px var(--color-text);justify-content:center;align-items:center;padding:5px 0;font-size:.3rem;font-weight:400;display:flex}.wallpaper-cropper .wac-col-1 .preview-img-main .preview-img{border-radius:.6rem;justify-content:center;align-items:center;width:100%;min-width:0;max-width:100%;height:90%;display:flex;overflow:hidden}.wallpaper-cropper .wac-col-1 .preview-img-main .preview-img div{border-radius:15px}.wallpaper-cropper .wac-col-1 .preview-img-main .preview-img>div{max-width:calc(100% - 10px)}.wallpaper-cropper .wac-col-2{border-radius:.6rem;flex-direction:column;flex:35 1 0;justify-content:flex-start;align-items:center;width:auto;min-width:0;max-width:100%;height:92%;margin-left:0;display:flex;overflow:auto;scrollbar-width:thin!important;scrollbar-color:var(--color-cale-text) #0000!important}.wallpaper-cropper .wac-col-2::-webkit-scrollbar{width:10px!important;height:10px!important}.wallpaper-cropper .wac-col-2::-webkit-scrollbar-track{box-shadow:inset 2px 2px 4px var(--col-bg-start),inset -2px -2px 4px var(--col-bg-end)!important;background:0 0!important;border-radius:999px!important}.wallpaper-cropper .wac-col-2::-webkit-scrollbar-thumb{background:var(--cropper-option-bg)!important;box-shadow:2px 2px 4px var(--col-bg-start),-2px -2px 4px var(--col-bg-end)!important;background-clip:padding-box!important;border:2px solid #0000!important;border-radius:999px!important}.wallpaper-cropper .wac-col-2 .w-c-d{flex-direction:column;justify-content:center;align-items:flex-start;width:100%;min-width:0;max-width:100%;font-weight:400;display:flex}.wallpaper-cropper .wac-col-2 .w-c-d .w-c-d-title{white-space:normal;text-shadow:0 0 30px #fff;border-top-right-radius:30px;border-bottom-right-radius:30px;margin-top:.18rem;padding:.1rem .3rem .1rem .2rem;font-size:.28rem}.wallpaper-cropper .wac-col-2 .w-c-d .w-c-d-content{flex-wrap:wrap;justify-content:space-evenly;align-items:center;width:100%;min-width:0;max-width:100%;padding:.25rem;display:flex}.wallpaper-cropper .wac-col-2 .w-c-d .w-c-d-content .ptn{margin-bottom:.15rem}.wallpaper-cropper .wac-col-2 .w-c-d .w-c-d-content .w-c-d-content-text{justify-content:flex-start;align-items:center;width:100%;margin-bottom:10px;font-size:.23rem;font-weight:400;display:flex}.wallpaper-cropper .wac-col-2 .w-c-d .w-c-d-content .w-c-d-content-text div{justify-content:center;align-items:center;display:flex}.wallpaper-cropper .wac-col-2 .w-c-d .w-c-d-content .w-c-d-content-text .fg{margin:0 5px;font-weight:700}.wallpaper-cropper .wac-col-2 .w-c-d .w-c-d-content .w-c-d-content-text textarea{width:45%;height:.5rem;color:var(--color-text);background-color:initial;text-align:center;resize:none;box-shadow:0 0 10px var(--color-cale-text);border:none;border-radius:30px;outline:none;padding:0;font-size:.23rem;font-weight:500;line-height:.5rem;overflow:hidden}.wallpaper-cropper .wac-col-2 .w-c-d .w-c-d-content--ops{padding:.14rem .25rem}.wallpaper-cropper .wac-col-2 .w-c-d .w-c-d-content--ops .ptn{background:var(--cropper-option-bg);border-radius:14px;gap:.1rem;margin-bottom:.1rem;padding:.12rem .18rem;font-weight:500;transition:transform .18s,box-shadow .18s,background .18s;border:1px solid var(--color-cale-text)!important;font-size:.2rem!important}.wallpaper-cropper .wac-col-2 .w-c-d .w-c-d-content--ops .ptn>span{padding:0;line-height:1.25}.wallpaper-cropper .wac-col-2 .w-c-d .w-c-d-content--ops .ptn .icon{box-shadow:none;color:var(--color-darkgray-text);flex:none;order:-1;font-size:.26rem;width:.34rem!important;height:.34rem!important}.wallpaper-cropper .wac-col-2 .w-c-d .w-c-d-content--ops .ptn .el-switch{padding-right:0;height:.34rem!important}.wallpaper-cropper .wac-col-2 .w-c-d .w-c-d-content--ops .ptn:active{transform:scale(.96)}.wallpaper-cropper .wac-col-2 .w-c-d .w-c-d-content--ops .ptn.ptn--on{box-shadow:0 0 12px var(--cropper-accent-shadow);background:var(--cropper-accent-bg);border-color:var(--cropper-accent)!important}.wallpaper-cropper .wac-col-2 .w-c-d .w-c-d-content--ratio{padding:.14rem .25rem}.wallpaper-cropper .wac-col-2 .w-c-d .w-c-d-content--ratio .ptn{margin-bottom:.1rem}.wallpaper-cropper .wac-col-2 .w-c-d .hao-divider--ratio.el-divider--horizontal{margin:12px 0}.wallpaper-cropper .wac-col-2 .w-c-d-d{width:100%;min-width:0;max-width:100%;padding:max(14px,env(safe-area-inset-top,0px)) max(8px,(100% - 6.2rem)/2) 8px;flex:none;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:clamp(8px,.16rem,12px);display:grid}.wallpaper-cropper .wac-col-2 .w-c-d-d .h-buttom.disabled{pointer-events:none}.wallpaper-cropper .wac-col-2 .w-c-d-d .h-buttom{white-space:nowrap;width:100%;min-width:0;max-width:none;min-height:44px;padding:8px clamp(6px,.12rem,10px);font-size:clamp(13px,.25rem,16px)}.wallpaper-cropper .wac-col-2 .w-c-d-d .h-buttom span{text-overflow:ellipsis;min-width:0;margin-right:0;overflow:hidden}.wallpaper-cropper .wac-col-2 .w-c-d-d .h-buttom .ico{flex:none;font-size:16px;margin-left:clamp(6px,.12rem,10px)!important}.wallpaper-cropper .wac-col-2 .w-c-d-d .source-state{text-align:center;white-space:normal;overflow-wrap:anywhere;border-radius:12px;grid-column:1/-1;width:auto;min-width:0;margin:0;padding:8px 12px;font-size:.2rem;line-height:1.45}.wallpaper-cropper .wac-col-2 .w-c-d-d .source-state--loading{color:var(--cropper-warning-text);background:var(--cropper-warning-bg)}.wallpaper-cropper .wac-col-2 .w-c-d-d .source-state--error{color:var(--cropper-error-text);background:var(--cropper-error-bg)}.wallpaper-cropper .output-setting .output-format-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(6px,.12rem,10px);width:100%;padding:.14rem clamp(8px,.15rem,12px);display:grid}.wallpaper-cropper .output-setting .output-format-button{border:1px solid var(--color-cale-text);min-width:0;color:var(--color-text);background:var(--cropper-option-bg);opacity:.72;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:10px 2px;transition:transform .18s,box-shadow .18s,opacity .18s;display:flex}.wallpaper-cropper .output-setting .output-format-button strong{font-size:.22rem}.wallpaper-cropper .output-setting .output-format-button small{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.16rem;overflow:hidden}.wallpaper-cropper .output-setting .output-format-button:active{transform:scale(.96)}.wallpaper-cropper .output-setting .output-format-button--active{opacity:1;border-color:var(--cropper-accent);box-shadow:0 0 12px var(--cropper-accent-shadow);background:var(--cropper-accent-bg)}.wallpaper-cropper .output-setting .output-format-hint{text-align:left;white-space:normal;overflow-wrap:anywhere;opacity:.8;width:100%;min-width:0;max-width:100%;margin:0 0 .08rem;padding:0 clamp(10px,.2rem,16px);font-size:.17rem;line-height:1.45}.wallpaper-cropper .target-size-inputs{flex:1;min-width:0}.wallpaper-cropper .target-size-actual{text-align:center;white-space:normal;opacity:.9;width:100%;margin:0 0 .08rem;font-size:.18rem;line-height:1.5}.wallpaper-cropper .target-size-actual b{font-weight:600}.wallpaper-cropper .target-size-hint{text-align:center;white-space:normal;opacity:.78;width:100%;margin:0;font-size:.17rem;line-height:1.5}.wallpaper-cropper .target-size-hint--warning{color:var(--cropper-warning-text);opacity:1;font-weight:600}