body.editor-body{--editor-ui-primary:#1677ff;--editor-ui-primary-hover:#4096ff;--editor-ui-primary-pressed:#0958d9;--editor-ui-primary-soft:#edf5ff;--editor-ui-primary-border:#91caff;--editor-ui-surface:#fff;--editor-ui-surface-muted:#f8fafc;--editor-ui-surface-hover:#f1f5f9;--editor-ui-surface-pressed:#e8eef6;--editor-ui-canvas-background:#f4f6fa;--editor-ui-text:#344054;--editor-ui-text-strong:#1d2939;--editor-ui-text-secondary:#667085;--editor-ui-text-on-primary:#fff;--editor-ui-border:#dfe5ee;--editor-ui-border-hover:#b8c6d9;--editor-ui-divider:#edf0f4;--editor-ui-disabled-background:#f5f7fa;--editor-ui-disabled-text:#98a2b3;--editor-ui-disabled-border:#e4e7ec;--editor-ui-danger:#d92d20;--editor-ui-danger-soft:#fff1f0;--editor-ui-success:#067647;--editor-ui-success-soft:#ecfdf3;--editor-ui-space-1:4px;--editor-ui-space-2:8px;--editor-ui-space-3:12px;--editor-ui-space-4:16px;--editor-ui-space-5:20px;--editor-ui-space-6:24px;--editor-ui-radius-control:8px;--editor-ui-radius-card:10px;--editor-ui-radius-panel:14px;--editor-ui-radius-pill:999px;--editor-ui-shadow-panel:0 8px 24px #1d293914, 0 2px 6px #1d293908;--editor-ui-shadow-dialog:0 16px 48px #182b491f, 0 3px 10px #182b490a;--editor-ui-focus-ring:0 0 0 3px #1677ff26;--editor-ui-focus-outline:2px solid #1677ff;--editor-ui-focus-offset:2px;--editor-ui-weight-regular:400;--editor-ui-weight-medium:500;--editor-ui-weight-heading:600;--editor-ui-line-height:1.5;--editor-ui-line-height-compact:1.25;--editor-ui-number-variant:tabular-nums;--editor-ui-duration-feedback:.16s;--editor-ui-duration-popover:.22s;--editor-ui-duration-layout:.24s;--editor-ui-duration-enter:.24s;--editor-ui-duration-leave:.18s;--editor-ui-duration-content:.18s;--editor-ui-ease-enter:cubic-bezier(.16, 1, .3, 1);--editor-ui-ease-leave:cubic-bezier(.4, 0, 1, 1);--editor-ui-ease-feedback:ease;--editor-ui-ease-layout:cubic-bezier(.2, .7, .2, 1)}@media (width>800px){body.editor-body{--editor-ui-font-caption:12px;--editor-ui-font-label:12px;--editor-ui-font-control:13px;--editor-ui-font-input:13px;--editor-ui-font-title:16px;--editor-ui-control-height:36px;--editor-ui-icon-button-size:36px;--editor-ui-icon-size:18px;--editor-ui-field-gap:8px;--editor-ui-section-gap:16px;--editor-ui-panel-padding:16px;--editor-ui-dialog-padding:24px}}@media (width<=800px){body.editor-body{--editor-ui-font-caption:10px;--editor-ui-duration-enter:.28s;--editor-ui-font-label:12px;--editor-ui-font-control:13px;--editor-ui-font-input:16px;--editor-ui-font-title:16px;--editor-ui-control-height:44px;--editor-ui-icon-button-size:44px;--editor-ui-icon-size:20px;--editor-ui-field-gap:8px;--editor-ui-section-gap:12px;--editor-ui-panel-padding:12px;--editor-ui-dialog-padding:16px}}@media (prefers-reduced-motion:reduce){body.editor-body{--editor-ui-duration-feedback:0s;--editor-ui-duration-popover:0s;--editor-ui-duration-layout:0s;--editor-ui-duration-enter:0s;--editor-ui-duration-leave:0s;--editor-ui-duration-content:0s}}body.editor-body .editor-text-transform-popper.el-fade-in-linear-enter-active{transition-duration:.12s}body.editor-body .editor-text-transform-popper.el-fade-in-linear-leave-active{transition-duration:.1s}@media (prefers-reduced-motion:reduce){body.editor-body .editor-text-transform-popper:is(.el-fade-in-linear-enter-active,.el-fade-in-linear-leave-active){transition-duration:0s}}body.editor-body .photo-editor :is(.editor-content-forward-enter-active,.editor-content-back-enter-active,.editor-content-forward-leave-active,.editor-content-back-leave-active){transition:opacity var(--editor-ui-duration-content) var(--editor-ui-ease-layout),transform var(--editor-ui-duration-content) var(--editor-ui-ease-layout)}body.editor-body .photo-editor :is(.editor-content-forward-leave-active,.editor-content-back-leave-active){pointer-events:none;position:absolute;inset:0}body.editor-body .photo-editor :is(.editor-content-forward-enter-from,.editor-content-back-leave-to){opacity:0;transform:translate(10px)}body.editor-body .photo-editor :is(.editor-content-back-enter-from,.editor-content-forward-leave-to){opacity:0;transform:translate(-10px)}body.editor-body .photo-editor .mobile-color-panel{position:relative}body.editor-body .photo-editor :is(.layer-panel-enter-active,.properties-panel-enter-active){transition:opacity var(--editor-ui-duration-enter) var(--editor-ui-ease-enter),transform var(--editor-ui-duration-enter) var(--editor-ui-ease-enter)}body.editor-body .photo-editor :is(.layer-panel-leave-active,.properties-panel-leave-active){transition:opacity var(--editor-ui-duration-leave) var(--editor-ui-ease-leave),transform var(--editor-ui-duration-leave) var(--editor-ui-ease-leave);pointer-events:none}@media (width>800px){body.editor-body .photo-editor .image-strip-shell{transition:width var(--editor-ui-duration-layout) var(--editor-ui-ease-layout),min-width var(--editor-ui-duration-layout) var(--editor-ui-ease-layout)}body.editor-body .photo-editor .image-strip{transition:width var(--editor-ui-duration-layout) var(--editor-ui-ease-layout),opacity var(--editor-ui-duration-layout) var(--editor-ui-ease-layout),transform var(--editor-ui-duration-layout) var(--editor-ui-ease-layout)}body.editor-body .photo-editor .image-strip-toggle{transition:left var(--editor-ui-duration-layout) var(--editor-ui-ease-layout),color var(--editor-ui-duration-feedback)}body.editor-body .photo-editor .floating-properties.inspector{transition:right var(--editor-ui-duration-layout) var(--editor-ui-ease-layout),opacity var(--editor-ui-duration-enter) var(--editor-ui-ease-enter),transform var(--editor-ui-duration-enter) var(--editor-ui-ease-enter)}body.editor-body .photo-editor :is(.floating-ai-panel,.ai-cutout-panel,.ai-image-editor-panel){transition:left var(--editor-ui-duration-layout) var(--editor-ui-ease-layout),width var(--editor-ui-duration-layout) var(--editor-ui-ease-layout),max-width var(--editor-ui-duration-layout) var(--editor-ui-ease-layout),opacity var(--editor-ui-duration-enter) var(--editor-ui-ease-enter),transform var(--editor-ui-duration-enter) var(--editor-ui-ease-enter)}body.editor-body .photo-editor .editor-ai-panel-enter-active{transition:opacity var(--editor-ui-duration-enter) var(--editor-ui-ease-enter),transform var(--editor-ui-duration-enter) var(--editor-ui-ease-enter);will-change:opacity,transform}body.editor-body .photo-editor .editor-ai-panel-leave-active{transition:opacity var(--editor-ui-duration-leave) var(--editor-ui-ease-leave),transform var(--editor-ui-duration-leave) var(--editor-ui-ease-leave);pointer-events:none;will-change:opacity,transform}body.editor-body .photo-editor :is(.editor-ai-panel-enter-from,.editor-ai-panel-leave-to){opacity:0;transform:var(--editor-ai-panel-anchor,translateX(-50%)) var(--editor-ai-panel-enter-offset,translateY(12px)) scale(.98)}}@media (width>800px) and (prefers-reduced-motion:reduce){body.editor-body .photo-editor :is(.floating-ai-panel,.ai-cutout-panel,.ai-image-editor-panel){transition:none}body.editor-body .photo-editor :is(.editor-ai-panel-enter-from,.editor-ai-panel-leave-to){transform:var(--editor-ai-panel-anchor,translateX(-50%))}}@media (width<=800px){body.editor-body .photo-editor :is(.floating-tool-panel,.floating-layer-panel,.floating-properties,.mobile-ai-surface,.mobile-ai-image-panel){transition:bottom var(--editor-ui-duration-layout) var(--editor-ui-ease-layout),height var(--editor-ui-duration-layout) var(--editor-ui-ease-layout),opacity var(--editor-ui-duration-enter) var(--editor-ui-ease-enter),transform var(--editor-ui-duration-enter) var(--editor-ui-ease-enter)}body.editor-body .photo-editor :is(.canvas-area,.canvas-state-toolbar){transition-duration:var(--editor-ui-duration-layout);transition-timing-function:var(--editor-ui-ease-layout)}body.editor-body .photo-editor .editor-main[data-editor-sheet-moving] :is(.canvas-area,.canvas-state-toolbar){transition:none!important}body.editor-body :is(.editor-image-strip-enter-active,.editor-image-strip-leave-active){transition:transform var(--editor-ui-duration-layout) var(--editor-ui-ease-layout),opacity var(--editor-ui-duration-layout) var(--editor-ui-ease-layout)}body.editor-body .editor-image-strip-leave-active{pointer-events:none}body.editor-body :is(.editor-image-strip-enter-from,.editor-image-strip-leave-to){opacity:0;transform:translateY(82px)}body.editor-body .photo-editor :is(.layer-panel-enter-from,.layer-panel-leave-to,.properties-panel-enter-from,.properties-panel-leave-to){opacity:0;transform:translateY(12px)!important}}body.editor-body .editor-dialog-enter-active{transition:opacity var(--editor-ui-duration-enter) var(--editor-ui-ease-enter)}body.editor-body .editor-dialog-leave-active{transition:opacity var(--editor-ui-duration-leave) var(--editor-ui-ease-leave);pointer-events:none}body.editor-body .editor-dialog-enter-active .el-dialog{transition:transform var(--editor-ui-duration-enter) var(--editor-ui-ease-enter);will-change:transform}body.editor-body .editor-dialog-leave-active .el-dialog{transition:transform var(--editor-ui-duration-leave) var(--editor-ui-ease-leave);will-change:transform}body.editor-body :is(.editor-dialog-enter-from,.editor-dialog-leave-to){opacity:0}body.editor-body :is(.editor-dialog-enter-from,.editor-dialog-leave-to) .el-dialog{transform:translateY(8px)scale(.985)}body.editor-body .photo-editor .editor-tool-panel-enter-active{transition:transform var(--editor-ui-duration-enter) var(--editor-ui-ease-enter)!important}body.editor-body .photo-editor .editor-tool-panel-leave-active{pointer-events:none;transition:transform var(--editor-ui-duration-leave) var(--editor-ui-ease-leave)!important}body.editor-body .photo-editor :is(.editor-tool-panel-enter-from,.editor-tool-panel-leave-to){transform:translate(-12px)!important}@media (width>=801px){body.editor-body .photo-editor :is(.editor-tool-panel-enter-active,.editor-tool-panel-leave-active){will-change:width;transition:width var(--editor-ui-duration-layout) var(--editor-ui-ease-layout)!important}body.editor-body .photo-editor :is(.editor-tool-panel-enter-from,.editor-tool-panel-leave-to){width:0!important;min-width:0!important;transform:none!important}}@media (width<=800px){body.editor-body :is(.editor-dialog-enter-from,.editor-dialog-leave-to) .el-dialog{transform:translateY(20px)}body.editor-body .photo-editor :is(.editor-tool-panel-enter-from,.editor-tool-panel-leave-to){transform:translateY(16px)!important}}@media (prefers-reduced-motion:reduce){body.editor-body .photo-editor :is(.editor-tool-panel-enter-from,.editor-tool-panel-leave-to),body.editor-body :is(.editor-dialog-enter-from,.editor-dialog-leave-to) .el-dialog{transform:none!important}}@media (width<=800px){body.editor-body .brush-panel-shell .mobile-brush-detail-toolbar>button{color:var(--editor-ui-text)}body.editor-body .brush-panel-shell .mobile-brush-detail-toolbar>button>:is(.el-icon,.mobile-draw-mode-current,.mobile-draw-control-glyph,.mobile-magnifier-current),body.editor-body .brush-panel-shell .mobile-line-shape-trigger>span{border-radius:var(--editor-ui-radius-card);background:var(--editor-ui-surface-hover);box-shadow:inset 0 0 0 1px var(--editor-ui-border);transition:background-color var(--editor-ui-duration-feedback),color var(--editor-ui-duration-feedback),box-shadow var(--editor-ui-duration-feedback)}body.editor-body .brush-panel-shell .mobile-brush-detail-toolbar>button[aria-expanded=true]>:is(.el-icon,.mobile-draw-mode-current,.mobile-draw-control-glyph,span:first-child){background:var(--editor-ui-primary-soft);color:var(--editor-ui-primary);box-shadow:inset 0 0 0 1px var(--editor-ui-primary-border)}body.editor-body .brush-panel-shell .mobile-brush-detail-toolbar>button>:is(.mobile-draw-control-label,small),body.editor-body .brush-panel-shell .mobile-draw-color-control>.mobile-draw-control-label{color:var(--editor-ui-text);font-weight:var(--editor-ui-weight-medium)}body.editor-body .brush-panel-shell .mobile-brush-detail-toolbar>button[aria-expanded=true]>:is(.mobile-draw-control-label,small){color:var(--editor-ui-primary)}body.editor-body .brush-panel-shell .mobile-brush-detail-toolbar>button:focus-visible{outline-offset:-2px;outline:var(--editor-ui-focus-outline)!important}body.editor-body .el-popper.mobile-brush-popover:has(:is(.mobile-brush-slider-popover,.marker-slider,.ruler-slider)){box-sizing:border-box;border:1px solid var(--editor-ui-border);border-radius:var(--editor-ui-radius-panel);background:var(--editor-ui-surface);max-width:calc(100vw - 24px);box-shadow:var(--editor-ui-shadow-panel);padding:10px}body.editor-body .mobile-brush-popover :is(.mobile-brush-slider-popover,.marker-slider,.ruler-slider){min-height:var(--editor-ui-control-height);gap:12px;padding:0 6px}body.editor-body .mobile-brush-popover :is(.mobile-brush-slider-popover,.marker-slider,.ruler-slider) output{box-sizing:border-box;border:1px solid var(--editor-ui-divider);border-radius:var(--editor-ui-radius-control);background:var(--editor-ui-surface-muted);min-width:48px;color:var(--editor-ui-text);font-size:var(--editor-ui-font-control);font-weight:var(--editor-ui-weight-medium);font-variant-numeric:var(--editor-ui-number-variant);text-align:center;white-space:nowrap;flex:none;padding:5px 7px}body.editor-body .mobile-brush-popover .el-slider{--el-slider-main-bg-color:var(--editor-ui-primary);--el-slider-runway-bg-color:var(--editor-ui-border);--el-slider-height:4px;--el-slider-button-size:16px}body.editor-body .mobile-brush-popover .el-slider__button{box-shadow:0 2px 5px #1d293918}}body.editor-body .editor-mask-dialog .mask-inspect-field,body.editor-body .editor-mask-dialog .mask-options label{color:var(--editor-ui-text);font-weight:var(--editor-ui-weight-medium)}body.editor-body .editor-mask-dialog .mask-options output{box-sizing:border-box;border:1px solid var(--editor-ui-divider);background:var(--editor-ui-surface-muted);min-width:46px;color:var(--editor-ui-text);font-variant-numeric:var(--editor-ui-number-variant);text-align:center;white-space:nowrap;border-radius:6px;padding:2px 7px}body.editor-body .editor-mask-dialog .mask-options input[type=range]{appearance:none;cursor:pointer;min-width:0;accent-color:var(--editor-ui-primary);background:0 0;margin:0;padding:0}body.editor-body .editor-mask-dialog .mask-options input[type=range]::-webkit-slider-runnable-track{border-radius:var(--editor-ui-radius-pill);background:linear-gradient(to right,var(--editor-ui-primary) var(--mask-range-progress),var(--editor-ui-border) var(--mask-range-progress));height:4px}body.editor-body .editor-mask-dialog .mask-options input[type=range]::-moz-range-track{border-radius:var(--editor-ui-radius-pill);background:var(--editor-ui-border);height:4px}body.editor-body .editor-mask-dialog .mask-options input[type=range]::-moz-range-progress{border-radius:var(--editor-ui-radius-pill);background:var(--editor-ui-primary);height:4px}body.editor-body .editor-mask-dialog .mask-options input[type=range]::-webkit-slider-thumb{appearance:none;border:2px solid var(--editor-ui-primary);background:var(--editor-ui-surface);border-radius:50%;width:16px;height:16px;margin-top:-6px;box-shadow:0 2px 5px #1d293918}body.editor-body .editor-mask-dialog .mask-options input[type=range]::-moz-range-thumb{box-sizing:border-box;border:2px solid var(--editor-ui-primary);background:var(--editor-ui-surface);border-radius:50%;width:16px;height:16px;box-shadow:0 2px 5px #1d293918}body.editor-body .editor-mask-dialog .mask-options input[type=range]:focus-visible{outline:var(--editor-ui-focus-outline);outline-offset:var(--editor-ui-focus-offset);border-radius:var(--editor-ui-radius-control)}body.editor-body .editor-mask-dialog .mask-options input[type=range]:disabled{opacity:.45;cursor:not-allowed}body.editor-body .editor-mask-dialog .mask-toggle button{border-radius:var(--editor-ui-radius-control);color:var(--editor-ui-text);transition:background-color var(--editor-ui-duration-feedback),border-color var(--editor-ui-duration-feedback),color var(--editor-ui-duration-feedback)}body.editor-body .editor-mask-dialog .mask-toggle button[aria-pressed=true]{color:var(--editor-ui-primary);background:var(--editor-ui-primary-soft);border-color:var(--editor-ui-primary-border)}@media (width>800px){body.editor-body .editor-mask-dialog.el-dialog{flex-direction:column;max-width:calc(100vw - 32px);max-height:calc(85dvh - 24px);display:flex;overflow:hidden}body.editor-body .editor-mask-dialog :is(.el-dialog__header,.el-dialog__footer){flex:none}body.editor-body .editor-mask-dialog .el-dialog__body{min-height:0;overflow-y:auto}body.editor-body .editor-mask-dialog .mask-options input[type=range]{height:24px}body.editor-body .editor-mask-dialog .mask-toggle button{min-height:36px}}@media (width<=800px){body.editor-body .editor-mask-dialog .mask-options input[type=range]{height:32px}body.editor-body .editor-mask-dialog .mask-toggle button{min-height:44px}}body.editor-body :is(.watermark-settings,.color-panel) .editor-parameter-range{appearance:none;cursor:pointer;background:0 0;min-width:0;margin:0;padding:0}body.editor-body :is(.watermark-settings,.color-panel) .editor-parameter-range::-webkit-slider-runnable-track{border-radius:var(--editor-ui-radius-pill);background:linear-gradient(var(--editor-range-direction,to right),var(--editor-ui-primary) var(--editor-range-progress),var(--editor-ui-border) var(--editor-range-progress));height:4px}body.editor-body :is(.watermark-settings,.color-panel):is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .editor-parameter-range{--editor-range-direction:to left}body.editor-body :is(.watermark-settings,.color-panel) .editor-parameter-range::-moz-range-track{border-radius:var(--editor-ui-radius-pill);background:var(--editor-ui-border);height:4px}body.editor-body :is(.watermark-settings,.color-panel) .editor-parameter-range::-moz-range-progress{border-radius:var(--editor-ui-radius-pill);background:var(--editor-ui-primary);height:4px}body.editor-body :is(.watermark-settings,.color-panel) .editor-parameter-range::-webkit-slider-thumb{appearance:none;box-sizing:border-box;border:2px solid var(--editor-ui-primary);background:var(--editor-ui-surface);border-radius:50%;width:16px;height:16px;margin-top:-6px;box-shadow:0 2px 5px #1d293918}body.editor-body :is(.watermark-settings,.color-panel) .editor-parameter-range::-moz-range-thumb{box-sizing:border-box;border:2px solid var(--editor-ui-primary);background:var(--editor-ui-surface);border-radius:50%;width:16px;height:16px;box-shadow:0 2px 5px #1d293918}body.editor-body .watermark-settings :is(.watermark-text-field,select,.setting-pair input){box-sizing:border-box;border-color:var(--editor-ui-border);border-radius:var(--editor-ui-radius-control);background-color:var(--editor-ui-surface-muted);color:var(--editor-ui-text);transition:border-color var(--editor-ui-duration-feedback),box-shadow var(--editor-ui-duration-feedback),background-color var(--editor-ui-duration-feedback)}body.editor-body .watermark-settings :is(.watermark-text-field:focus-within,select:focus-visible,.setting-pair input:focus-visible){border-color:var(--editor-ui-primary);background-color:var(--editor-ui-surface);box-shadow:var(--editor-ui-focus-ring);outline:none}body.editor-body .watermark-settings select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='m4 6 4 4 4-4' fill='none' stroke='%23667085' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;padding-inline:12px 34px}body.editor-body .watermark-settings select:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){background-position:10px}body.editor-body .watermark-settings select option{background:var(--editor-ui-surface);color:var(--editor-ui-text)}body.editor-body .color-panel .mobile-color-slider-row output,body.editor-body .watermark-settings :is(.range-setting,.mobile-range-slider) output{box-sizing:border-box;border:1px solid var(--editor-ui-divider);background:var(--editor-ui-surface-muted);min-width:46px;color:var(--editor-ui-text);font-size:var(--editor-ui-font-control);font-weight:var(--editor-ui-weight-medium);font-variant-numeric:var(--editor-ui-number-variant);text-align:center;white-space:nowrap;border-radius:6px;padding:3px 7px}body.editor-body .watermark-settings .setting-pair input{font-variant-numeric:var(--editor-ui-number-variant)}body.editor-body .color-panel .mobile-color-detail button:focus-visible,body.editor-body .watermark-settings :is(.mobile-section-tabs,.mobile-range-tabs) button:focus-visible,body.editor-body :is(.watermark-settings,.color-panel) .editor-parameter-range:focus-visible{outline:var(--editor-ui-focus-outline);outline-offset:-2px;border-radius:var(--editor-ui-radius-control)}body.editor-body .watermark-settings :is(input,select):disabled{cursor:not-allowed}@media (hover:hover){body.editor-body .watermark-settings :is(.watermark-text-field:not(:has(input:disabled)),select:enabled,.setting-pair input:enabled):hover:not(:focus-within){border-color:var(--editor-ui-border-hover)}}@media (width>800px){body.editor-body .watermark-settings h3{color:var(--editor-ui-text-secondary);font-weight:var(--editor-ui-weight-heading)}body.editor-body .watermark-settings :is(select,.setting-pair input){min-height:var(--editor-ui-control-height);font-size:var(--editor-ui-font-input)}body.editor-body .watermark-settings .editor-parameter-range{height:24px}body.editor-body .watermark-settings .setting-pair label{white-space:nowrap}body.editor-body .color-panel .color-slider-header{color:var(--editor-ui-text);font-weight:var(--editor-ui-weight-medium)}body.editor-body .color-panel .color-slider-header .el-input-number{width:62px}body.editor-body .color-panel .color-slider-header .el-input__wrapper{border-radius:var(--editor-ui-radius-control);background:var(--editor-ui-surface-muted);min-height:28px;box-shadow:inset 0 0 0 1px var(--editor-ui-border);transition:box-shadow var(--editor-ui-duration-feedback),background-color var(--editor-ui-duration-feedback)}body.editor-body .color-panel .color-slider-header .el-input__wrapper.is-focus{background:var(--editor-ui-surface);box-shadow:inset 0 0 0 1px var(--editor-ui-primary),var(--editor-ui-focus-ring)}body.editor-body .color-panel .color-slider-header input{color:var(--editor-ui-text);font-variant-numeric:var(--editor-ui-number-variant)}body.editor-body .color-panel .color-slider-field .el-slider{--el-slider-main-bg-color:var(--editor-ui-primary);--el-slider-runway-bg-color:var(--editor-ui-border);--el-slider-height:4px}body.editor-body .color-panel .color-slider-field .el-slider__button{box-sizing:border-box;width:16px;height:16px;box-shadow:0 2px 5px #1d293918}}@media (width<=800px){body.editor-body .watermark-settings :is(select,.watermark-text-field){min-height:44px}body.editor-body :is(.watermark-settings,.color-panel) .editor-parameter-range{height:32px}body.editor-body .watermark-settings .mobile-section-tabs button{border-radius:var(--editor-ui-radius-control);transition:color var(--editor-ui-duration-feedback),background-color var(--editor-ui-duration-feedback)}body.editor-body .watermark-settings .mobile-section-tabs button[aria-selected=true]{background:var(--editor-ui-primary-soft);color:var(--editor-ui-primary)}body.editor-body .watermark-settings .mobile-range-tabs button{border-radius:var(--editor-ui-radius-control);background:var(--editor-ui-surface-muted);box-shadow:inset 0 0 0 1px var(--editor-ui-divider);cursor:pointer;transition:color var(--editor-ui-duration-feedback),background-color var(--editor-ui-duration-feedback),box-shadow var(--editor-ui-duration-feedback)}body.editor-body .watermark-settings .mobile-range-tabs button.active{color:var(--editor-ui-primary)}body.editor-body .color-panel .mobile-color-control-button.active,body.editor-body .watermark-settings .mobile-range-tabs button.active{background:var(--editor-ui-primary-soft);box-shadow:inset 0 0 0 1px var(--editor-ui-primary-border)}body.editor-body .color-panel .mobile-color-control-button{transition:background-color var(--editor-ui-duration-feedback),box-shadow var(--editor-ui-duration-feedback)}}body.editor-body :is(.editor-project-dialog,.raster-dialog).el-dialog{border:1px solid var(--editor-ui-divider);border-radius:var(--editor-ui-radius-panel);background:var(--editor-ui-surface);box-shadow:var(--editor-ui-shadow-dialog)}body.editor-body :is(.editor-project-dialog,.raster-dialog) .el-dialog__title{color:var(--editor-ui-text-strong);font-size:var(--editor-ui-font-title);font-weight:var(--editor-ui-weight-heading)}body.editor-body :is(.editor-project-dialog,.raster-dialog) .el-button{border-radius:var(--editor-ui-radius-control);min-height:var(--editor-ui-control-height)}body.editor-body .editor-project-dialog p{color:var(--editor-ui-text-secondary);overflow-wrap:anywhere}body.editor-body .editor-project-dialog .project-actions{gap:var(--editor-ui-space-4);padding-top:4px}body.editor-body .editor-project-dialog .project-actions>label{padding:var(--editor-ui-panel-padding);border:1px dashed var(--editor-ui-border-hover);border-radius:var(--editor-ui-radius-card);background:var(--editor-ui-surface-muted);color:var(--editor-ui-text);font-size:var(--editor-ui-font-control);font-weight:var(--editor-ui-weight-medium)}body.editor-body .editor-project-dialog input[type=file]{width:100%;min-width:0;color:var(--editor-ui-text-secondary);font-size:var(--editor-ui-font-input)}body.editor-body .editor-project-dialog input::file-selector-button{min-height:var(--editor-ui-control-height);border:1px solid var(--editor-ui-primary-border);border-radius:var(--editor-ui-radius-control);background:var(--editor-ui-primary-soft);color:var(--editor-ui-primary);font:inherit;cursor:pointer;margin-inline-end:10px;padding:0 12px}body.editor-body .editor-project-dialog input:disabled::file-selector-button{background:var(--editor-ui-disabled-background);border-color:var(--editor-ui-disabled-border);color:var(--editor-ui-disabled-text);cursor:not-allowed}body.editor-body .editor-project-dialog [role=status]{border-radius:var(--editor-ui-radius-control);background:var(--editor-ui-surface-muted);padding:10px 12px}body.editor-body .raster-dialog .el-dialog__body>p{margin-bottom:14px}body.editor-body .raster-dialog :is(.raster-preview,.raster-output-wrap){border-radius:var(--editor-ui-radius-card)}body.editor-body .raster-dialog .raster-preview{box-shadow:inset 0 0 0 1px var(--editor-ui-border)}body.editor-body .raster-dialog .raster-options{margin:0}body.editor-body .raster-dialog .raster-size-row label{color:var(--editor-ui-text);font-weight:var(--editor-ui-weight-medium)}body.editor-body .raster-dialog .el-input-number{width:100%;min-width:0}body.editor-body .raster-dialog .el-input__wrapper{min-height:var(--editor-ui-control-height);box-sizing:border-box;border-radius:var(--editor-ui-radius-control);background:var(--editor-ui-surface-muted);box-shadow:inset 0 0 0 1px var(--editor-ui-border)}body.editor-body .raster-dialog .el-input__wrapper.is-focus{background:var(--editor-ui-surface);box-shadow:inset 0 0 0 1px var(--editor-ui-primary),var(--editor-ui-focus-ring)}body.editor-body .raster-dialog .el-input__inner{font-variant-numeric:var(--editor-ui-number-variant)}body.editor-body .raster-dialog .raster-corners button{box-shadow:0 2px 6px #1d293933}body.editor-body .raster-dialog .raster-corners button:active{cursor:grabbing}body.editor-body :is(.material-panel-content,.add-panel-watermarks) :is(.material-image-preview,.material-element-grid>button){border-color:var(--editor-ui-divider);background:var(--editor-ui-surface-muted);transition:border-color var(--editor-ui-duration-feedback),background-color var(--editor-ui-duration-feedback),box-shadow var(--editor-ui-duration-feedback),transform var(--editor-ui-duration-feedback)}body.editor-body :is(.material-panel-content,.add-panel-watermarks) :is(.material-image-preview,.material-element-grid>button):enabled:hover{border-color:var(--editor-ui-primary-border);background:var(--editor-ui-primary-soft)}body.editor-body .material-panel-content :is(.material-element-grid>button.active,.my-material-card.selected>.material-image-preview){border-color:var(--editor-ui-primary);background:var(--editor-ui-primary-soft);box-shadow:inset 0 0 0 1px var(--editor-ui-primary)}body.editor-body .material-panel-content .material-search .el-input__wrapper{background:var(--editor-ui-surface-muted);box-shadow:inset 0 0 0 1px var(--editor-ui-border);border-radius:var(--editor-ui-radius-control)}body.editor-body .material-panel-content .material-search .el-input__wrapper.is-focus{background:var(--editor-ui-surface);box-shadow:inset 0 0 0 1px var(--editor-ui-primary),var(--editor-ui-focus-ring)}body.editor-body .material-panel-content :is(.material-status,.material-scroll-loading,.material-list-finished){color:var(--editor-ui-text-secondary)}body.editor-body .material-panel-content .material-status-error button{border-radius:var(--editor-ui-radius-control)}body.editor-body .editor-project-dialog input:focus-visible,body.editor-body .raster-dialog .raster-corners button:focus-visible{outline:var(--editor-ui-focus-outline);outline-offset:2px}body.editor-body :is(.material-panel-content,.add-panel-watermarks) button:focus-visible{outline:var(--editor-ui-focus-outline);outline-offset:-3px}@media (width>800px){body.editor-body :is(.editor-project-dialog,.raster-dialog).el-dialog{padding:20px}body.editor-body :is(.material-panel-content,.add-panel-watermarks) :is(.material-image-preview,.material-element-grid>button){border-radius:var(--editor-ui-radius-card)}body.editor-body .material-panel-content .material-category-row button{color:var(--editor-ui-text-secondary)}body.editor-body .material-panel-content .material-source-tabs{background:var(--editor-ui-surface-hover)}body.editor-body .material-panel-content .material-source-tabs button.active{color:var(--editor-ui-primary)}body.editor-body .material-panel-content .material-decoration-filter>button{white-space:nowrap;border-radius:var(--editor-ui-radius-control);flex:none}body.editor-body .material-panel-content .material-decoration-filter>button.active{border-color:var(--editor-ui-primary-border);background:var(--editor-ui-primary-soft);color:var(--editor-ui-primary)}}@media (width<=800px){body.editor-body :is(.editor-project-dialog,.raster-dialog).el-dialog{flex-direction:column;max-height:calc(100dvh - 48px);padding:16px;display:flex;overflow:hidden}body.editor-body :is(.editor-project-dialog,.raster-dialog) :is(.el-dialog__header,.el-dialog__footer){flex:none}body.editor-body :is(.editor-project-dialog,.raster-dialog) .el-dialog__body{overscroll-behavior:contain;min-height:0;overflow-y:auto}body.editor-body .editor-project-dialog.el-dialog{margin:auto}body.editor-body :is(.material-panel-content,.add-panel-watermarks) :is(.material-image-preview,.material-element-grid>button){border-radius:var(--editor-ui-radius-control)}}@media (width<=700px){body.editor-body .raster-dialog .raster-options .el-input-number{width:calc(100% - 32px)}body.editor-body .raster-dialog .raster-size-row{-moz-column-gap:10px;column-gap:10px}}.el-popper.editor-color-surface{--el-color-primary:#1677ff;box-sizing:border-box;color:#344054;background:#fff;border:1px solid #e4e9f1;border-radius:16px;max-width:calc(100vw - 24px);padding:16px;box-shadow:0 16px 48px #182b491f,0 3px 10px #182b490a}.editor-color-heading{color:#344054;align-items:center;gap:10px;margin-bottom:16px;display:flex}.editor-color-heading strong{flex:1;min-width:0;font-size:13px;font-weight:600}.editor-color-heading .editor-color-preview-chip{border:3px solid #fff;border-radius:10px;flex:none;width:32px;height:32px;display:block;box-shadow:0 0 0 1px #e4e7ec,0 2px 5px #1018280a}.editor-color-preview-chip>span{border-radius:6px;width:100%;height:100%;display:block}.editor-color-close{color:#667085;cursor:pointer;background:#f5f7fa;border:0;border-radius:8px;flex:none;place-items:center;width:28px;height:28px;padding:4px;display:grid}.editor-color-close:hover{color:#1677ff;background:#eaf2ff}.editor-color-close svg{width:18px;height:18px}.editor-color-surface button:focus-visible{outline-offset:2px;outline:2px solid #1677ff}.editor-color-surface.editor-solid-color-popper{width:296px}.editor-color-palette .el-color-picker-panel,.editor-solid-color-popper .el-color-picker-panel{box-sizing:border-box;background:0 0;width:100%;padding:3px}.editor-solid-color-popper .el-color-picker-panel{overscroll-behavior:contain;scrollbar-width:thin;max-height:calc(100dvh - 58px);overflow:hidden auto}:is(.editor-solid-color-popper,.editor-color-palette) .el-color-picker-panel__wrapper{flex-direction:row-reverse;gap:12px;width:100%;margin:0;display:flex}:is(.editor-solid-color-popper,.editor-color-palette) .el-color-svpanel{touch-action:none;border-radius:10px;flex:1 1 0;width:auto;min-width:0;height:156px}:is(.editor-solid-color-popper,.editor-color-palette) .el-color-svpanel__cursor{width:8px;height:8px;transform:translate(-4px,-4px)}:is(.editor-solid-color-popper,.editor-color-palette) .el-color-hue-slider.is-vertical{touch-action:none;border-radius:8px;flex:0 0 14px;order:0;width:14px;height:156px;margin-right:2px;padding:0}:is(.editor-solid-color-popper,.editor-color-palette) .el-color-hue-slider__bar{border-radius:8px}:is(.editor-solid-color-popper,.editor-color-palette) .el-color-hue-slider.is-vertical .el-color-hue-slider__thumb{border:2px solid #fff;border-radius:4px;width:18px;height:7px;left:-2px;box-shadow:0 1px 4px #10182840}:is(.editor-solid-color-popper,.editor-color-palette) .el-color-alpha-slider{touch-action:none;border-radius:8px;width:100%;height:12px;margin-top:16px}:is(.editor-solid-color-popper,.editor-color-palette) .el-color-alpha-slider__bar{border-radius:inherit}:is(.editor-solid-color-popper,.editor-color-palette) .el-color-alpha-slider__thumb{border:2px solid #fff;border-radius:4px;width:8px;height:16px;top:-2px;box-shadow:0 1px 4px #10182840}:is(.editor-solid-color-popper,.editor-color-palette) .el-color-predefine{width:100%;margin:18px 0 0}:is(.editor-solid-color-popper,.editor-color-palette) .el-color-predefine__colors{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;display:grid}:is(.editor-solid-color-popper,.editor-color-palette) .el-color-predefine__color-selector{border:1px solid #10182814;border-radius:7px;width:100%;height:28px;margin:0}:is(.editor-solid-color-popper,.editor-color-palette) .el-color-predefine__color-selector.selected{outline-offset:2px;box-shadow:none;outline:2px solid #1677ff}:is(.editor-solid-color-popper,.editor-color-palette) .el-color-predefine__color-selector:hover{box-shadow:0 2px 6px #10182826}:is(.editor-solid-color-popper,.editor-color-palette) .el-color-picker-panel__footer{border-top:1px solid #edf0f4;flex-wrap:wrap;gap:12px;margin-top:18px;padding-top:14px}.editor-solid-color-popper .el-color-picker-panel__footer .el-input{width:100%}:is(.editor-solid-color-popper,.editor-color-palette) .el-input__wrapper{background:#f8fafc;border-radius:9px;min-height:36px;padding:0 10px;box-shadow:inset 0 0 0 1px #e1e6ee}:is(.editor-solid-color-popper,.editor-color-palette) .el-input__inner{color:#344054;font:12px ui-monospace,SFMono-Regular,Consolas,monospace}.editor-solid-color-popper .el-color-picker-panel__footer>div:last-child:not(.el-input){gap:10px;width:100%;display:flex}.editor-solid-color-popper .el-color-picker-panel__footer .el-button{color:#667085;background:#fff;border:1px solid #dfe5ee;border-radius:8px;flex:1;min-width:0;height:36px;margin:0}.editor-solid-color-popper .el-color-picker-panel__footer .el-color-footer__btn{color:#fff;background:#1677ff;border-color:#1677ff;box-shadow:0 2px 4px #1677ff26}.editor-solid-color-popper .el-color-picker-panel__footer .el-color-footer__btn:hover{background:#4096ff;border-color:#4096ff}@media (width<=800px){:is(.editor-solid-color-popper,.editor-color-palette) .el-color-predefine__color-selector{height:30px}.editor-solid-color-popper .el-color-picker-panel__footer .el-button{height:40px}}.photo-editor .upload-card{box-sizing:border-box;background:linear-gradient(155deg,#fff 30%,#f3f8ff);border:1px dashed #b8cee9;border-radius:24px;padding:calc(clamp(24px,6vh,56px)) calc(clamp(20px,4vw,40px));box-shadow:0 16px 48px #233f6b0a}.photo-editor .upload-card:focus-within{border-color:#1677ff;box-shadow:0 0 0 4px #1677ff0d}.photo-editor .upload-icon{border:1px solid #dceaff;border-radius:18px;width:64px;height:64px}.photo-editor .upload-icon svg{width:32px;height:32px}.photo-editor .upload-card h1{color:#24344d;font-size:calc(clamp(20px,3vw,24px))}.photo-editor .upload-card p{line-height:1.8}.photo-editor .upload-card .el-button{border-radius:12px;min-width:148px;height:44px;box-shadow:0 5px 14px #1677ff26}.photo-editor .upload-hint{line-height:1.7}.photo-editor .editor-upload-btn,.photo-editor .image-add-button,.photo-editor .mobile-add-image,.photo-editor .mobile-image-add,.photo-editor .my-material-upload{color:#1677ff;background:linear-gradient(135deg,#f8fbff,#edf5ff);border:1px dashed #b8cee9;border-radius:12px;transition:border-color .18s,background .18s,box-shadow .18s}.photo-editor .my-material-upload{min-height:48px}.photo-editor .my-material-upload-label{gap:7px}.photo-editor .my-material-upload svg{width:18px;height:18px}.photo-editor .my-material-count{color:#1677ff;background:#dfeeff}.photo-editor .image-thumb-card,.photo-editor .mobile-image-card{border-radius:12px}.photo-editor .image-thumb-card.active,.photo-editor .mobile-image-card.active{background:#f0f7ff;box-shadow:0 0 0 2px #1677ff14}.photo-editor .editor-upload-preview,.photo-editor .image-thumb-wrap,.photo-editor .mobile-image-reference,.photo-editor .mobile-image-thumb{background:repeating-conic-gradient(#f1f4f8 0% 25%,#fff 0 50%) 50%/16px 16px;border-radius:10px}.photo-editor .material-image-preview{border-color:#e7edf5;border-radius:10px}.photo-editor .my-material-card.selected>.material-image-preview{border-color:#1677ff;box-shadow:inset 0 0 0 1px #1677ff}.photo-editor .editor-upload-preview,.photo-editor .mobile-image-reference{border:1px solid #dde6f2;box-shadow:0 2px 8px #233f6b08}.photo-editor .editor-upload-preview-image,body.editor-body .role-images-popover .role-image-thumb{-o-object-fit:contain;object-fit:contain}.photo-editor .editor-upload-remove-btn,.photo-editor .mobile-image-reference>button{color:#667085;background:#fff;border:1px solid #e4e9f1;border-radius:50%;box-shadow:0 2px 6px #10182812}.photo-editor .ai-creative-results button,.photo-editor .mobile-ai-results button{background:#f5f8fc;border-radius:10px}.photo-editor .ai-creative-results button.active,.photo-editor .mobile-ai-results button[aria-pressed=true]{background:#edf5ff;border-color:#1677ff;box-shadow:0 0 0 2px #1677ff14}body.editor-body .el-popper.role-images-popover{background:#fff;border:1px solid #e1e8f2;border-radius:16px;padding:12px;box-shadow:0 12px 32px #233f6b24}body.editor-body .role-images-popover .role-image-item{background:repeating-conic-gradient(#f1f4f8 0% 25%,#fff 0 50%) 50%/12px 12px;border:1px solid #e1e8f2;border-radius:10px}body.editor-body .role-images-popover .role-image-remove{opacity:1;color:#667085;background:#fffffff0;box-shadow:0 2px 6px #1018281a}body.editor-body .role-images-popover .role-image-remove:hover{color:#d92d20;background:#fff1f0}.photo-editor :is(.my-material-upload,.image-add-button,.mobile-add-image,.editor-upload-btn,.mobile-image-add,.image-thumb-card,.mobile-image-card,button.material-image-preview):focus-visible{outline-offset:-2px;outline:2px solid #1677ff}@media (hover:hover){.photo-editor :is(.my-material-upload,.image-add-button,.mobile-add-image,.editor-upload-btn,.mobile-image-add):hover:not(:disabled){background:#eaf3ff;border-color:#77b2ff;box-shadow:0 3px 12px #1677ff0d}.photo-editor button.material-image-preview:hover:not(:disabled){border-color:#91caff;box-shadow:inset 0 0 0 1px #91caff}}@media (width<=800px){.photo-editor .upload-state{box-sizing:border-box;padding:18px}.photo-editor .upload-card{border-radius:18px}.photo-editor .my-material-upload{min-height:42px}.photo-editor .mobile-image-card{border-radius:9px}.photo-editor .mobile-image-thumb{border-radius:6px}}@media (prefers-reduced-motion:reduce){.photo-editor :is(.my-material-upload,.image-add-button,.mobile-add-image,.editor-upload-btn,.mobile-image-add){transition:none}}body.editor-body{height:100%;overflow:hidden}html:has(.editor-layout){height:100%;overflow:hidden}.editor-layout{background:#f4f6fa;width:100%;height:100dvh;overflow:hidden}@media (width<=800px){body.editor-body [contenteditable=true],body.editor-body input:not([type=range]):not([type=checkbox]):not([type=radio]),body.editor-body select,body.editor-body textarea{font-size:16px!important}}