@uploadcare/file-uploader 1.33.1 → 1.34.0

package/web/uc-cloud-image-editor.min.css

@@ -1,6 +1,6 @@
 /**
  * @license
- * Package: @uploadcare/file-uploader@1.33.1 (MIT)
+ * Package: @uploadcare/file-uploader@1.34.0 (MIT)
  * License: https://github.com/uploadcare/blob/main/LICENSE
- * Built: 2026-07-29T16:02:55.749Z
+ * Built: 2026-09-23T00:02:48.638Z
  */:where([uc-wgt-common]){--uc-font-family: system-ui;--uc-font-size: 14px;--uc-line-height: normal;--uc-simple-btn-font-family: system-ui;--uc-simple-btn-font-size: 14px;--uc-button-size: 32px;--uc-preview-size: 32px;--uc-padding: 10px;--uc-radius: 8px;--uc-transition: .2s ease;--uc-dialog-width: 430px;--uc-dialog-max-width: 920px;--uc-dialog-max-height: 675px;--uc-simple-btn-padding: 7px 14px;--uc-grid-col: 3;--uc-grid-preview-image-height: auto;--uc-grid-gap: calc(var(--uc-padding) / 2);--uc-grid-aspect-ratio: 1 / 1;--uc-background: var(--uc-background-light);--uc-foreground: var(--uc-foreground-light);--uc-primary: var(--uc-primary-light);--uc-primary-hover: var(--uc-primary-hover-light);--uc-primary-transparent: var(--uc-primary-transparent-light);--uc-primary-foreground: var(--uc-primary-foreground-light);--uc-secondary: var(--uc-secondary-light);--uc-secondary-hover: var(--uc-secondary-hover-light);--uc-secondary-foreground: var(--uc-secondary-foreground-light);--uc-muted: var(--uc-muted-light);--uc-muted-foreground: var(--uc-muted-foreground-light);--uc-destructive: var(--uc-destructive-light);--uc-destructive-foreground: var(--uc-destructive-foreground-light);--uc-border: var(--uc-border-light);--uc-dialog-shadow: var(--uc-dialog-shadow-light);--uc-simple-btn: var(--uc-simple-btn-light);--uc-simple-btn-hover: var(--uc-simple-btn-hover-light);--uc-simple-btn-foreground: var(--uc-simple-btn-foreground-light)}@supports not (color: oklch(0% 0 0)){:where([uc-wgt-common]){--uc-primary-rgb-light: 23 75 215;--uc-primary-light: rgb(var(--uc-primary-rgb-light));--uc-primary-hover-light: rgb(var(--uc-primary-rgb-light) / 90%);--uc-primary-transparent-light: rgb(var(--uc-primary-rgb-light) / 10%);--uc-background-light: rgb(255 255 255);--uc-foreground-light: rgb(24 24 24);--uc-primary-foreground-light: #fff;--uc-secondary-light: rgb(24 24 24 / 5%);--uc-secondary-hover-light: rgb(24 24 24 / 8%);--uc-secondary-foreground-light: rgb(24 24 24);--uc-muted-light: rgb(245 245 245);--uc-muted-foreground-light: rgb(113 113 113);--uc-destructive-light: rgb(232 19 20 / 5%);--uc-destructive-foreground-light: rgb(232 19 20);--uc-border-light: rgb(228 228 232);--uc-dialog-shadow-light: 0px 6px 20px rgb(0 0 0 / 10%);--uc-simple-btn-light: rgb(235 235 235);--uc-simple-btn-hover-light: rgb(228 228 228);--uc-simple-btn-foreground-light: rgb(24 24 24);--uc-primary-rgb-dark: 87 154 255;--uc-primary-dark: rgb(var(--uc-primary-rgb-dark));--uc-primary-hover-dark: rgb(var(--uc-primary-rgb-dark) / 90%);--uc-primary-transparent-dark: rgb(var(--uc-primary-rgb-dark) / 7%);--uc-background-dark: rgb(27 27 27);--uc-foreground-dark: rgb(225 225 225);--uc-primary-foreground-dark: rgb(0 0 0);--uc-secondary-dark: rgb(225 225 225 / 7%);--uc-secondary-hover-dark: rgb(225 225 225 / 10%);--uc-secondary-foreground-dark: rgb(225 225 225);--uc-muted-dark: rgb(36 36 36);--uc-muted-foreground-dark: rgb(152 152 152);--uc-destructive-dark: rgb(244 90 79 / 10%);--uc-destructive-foreground-dark: rgb(244 90 79);--uc-border-dark: rgb(61 61 61);--uc-dialog-shadow-dark: 0px 6px 20px rgb(0 0 0 / 25%);--uc-simple-btn-dark: rgb(36 36 36);--uc-simple-btn-hover-dark: rgb(43 43 43);--uc-simple-btn-foreground-dark: rgb(255 255 255)}}@supports (color: oklch(0% 0 0)){:where([uc-wgt-common]){--uc-primary-oklch-light: 47% .22 264;--uc-primary-light: oklch(var(--uc-primary-oklch-light));--uc-primary-hover-light: oklch(var(--uc-primary-oklch-light) / 90%);--uc-primary-transparent-light: oklch(var(--uc-primary-oklch-light) / 7%);--uc-background-light: oklch(100% 0 0);--uc-foreground-light: oklch(21% 0 0);--uc-primary-foreground-light: oklch(100% 0 0);--uc-secondary-light: oklch(21% 0 0 / .05);--uc-secondary-hover-light: oklch(21% 0 0 / .08);--uc-secondary-foreground-light: oklch(21% 0 0);--uc-muted-light: oklch(97% 0 0);--uc-muted-foreground-light: oklch(40% 0 0);--uc-destructive-light: oklch(59% .235 28.5 / .05);--uc-destructive-foreground-light: oklch(59% .235 28.5);--uc-border-light: oklch(92% 0 0);--uc-dialog-shadow-light: 0px 6px 20px oklch(0% 0 0 / .1);--uc-simple-btn-light: oklch(94% 0 0);--uc-simple-btn-hover-light: oklch(92% 0 0);--uc-simple-btn-foreground-light: oklch(20% 0 0);--uc-primary-oklch-dark: 69% .1768 258.4;--uc-primary-dark: oklch(var(--uc-primary-oklch-dark));--uc-primary-hover-dark: oklch(var(--uc-primary-oklch-dark) / 90%);--uc-primary-transparent-dark: oklch(var(--uc-primary-oklch-dark) / 7%);--uc-background-dark: oklch(22% 0 0);--uc-foreground-dark: oklch(91% 0 0);--uc-primary-foreground-dark: oklch(0% 0 0);--uc-secondary-dark: oklch(91% 0 0 / .07);--uc-secondary-hover-dark: oklch(91% 0 0 / .1);--uc-secondary-foreground-dark: oklch(91% 0 0);--uc-muted-dark: oklch(26% 0 0);--uc-muted-foreground-dark: oklch(68% 0 0);--uc-destructive-dark: oklch(67% .191 27.5 / .1);--uc-destructive-foreground-dark: oklch(67% .191 27.5);--uc-border-dark: oklch(36% 0 0);--uc-dialog-shadow-dark: 0px 6px 20px oklch(0% 0 0 / .25);--uc-simple-btn-dark: oklch(26% 0 0);--uc-simple-btn-hover-dark: oklch(29% 0 0);--uc-simple-btn-foreground-dark: oklch(100% 0 0)}}@media only screen and (max-height:600px){:where([uc-wgt-common]){--uc-dialog-max-height: 100%}}@media only screen and (max-width:680px){:where([uc-wgt-common]){--uc-grid-col: 2}}@media only screen and (max-width:430px){:where([uc-wgt-common]){--uc-dialog-max-width: 100vw;--uc-dialog-max-height: var(--uploadcare-blocks-window-height);--uc-grid-col: 1}}@media(prefers-color-scheme:light){:where([uc-wgt-common]){--uc-background: var(--uc-background-light);--uc-foreground: var(--uc-foreground-light);--uc-primary: var(--uc-primary-light);--uc-primary-hover: var(--uc-primary-hover-light);--uc-primary-transparent: var(--uc-primary-transparent-light);--uc-primary-foreground: var(--uc-primary-foreground-light);--uc-secondary: var(--uc-secondary-light);--uc-secondary-hover: var(--uc-secondary-hover-light);--uc-secondary-foreground: var(--uc-secondary-foreground-light);--uc-muted: var(--uc-muted-light);--uc-muted-foreground: var(--uc-muted-foreground-light);--uc-destructive: var(--uc-destructive-light);--uc-destructive-foreground: var(--uc-destructive-foreground-light);--uc-border: var(--uc-border-light);--uc-dialog-shadow: var(--uc-dialog-shadow-light);--uc-simple-btn: var(--uc-simple-btn-light);--uc-simple-btn-hover: var(--uc-simple-btn-hover-light);--uc-simple-btn-foreground: var(--uc-simple-btn-foreground-light)}}@media(prefers-color-scheme:dark){:where([uc-wgt-common]){--uc-background: var(--uc-background-dark);--uc-foreground: var(--uc-foreground-dark);--uc-primary: var(--uc-primary-dark);--uc-primary-hover: var(--uc-primary-hover-dark);--uc-primary-transparent: var(--uc-primary-transparent-dark);--uc-primary-foreground: var(--uc-primary-foreground-dark);--uc-secondary: var(--uc-secondary-dark);--uc-secondary-hover: var(--uc-secondary-hover-dark);--uc-secondary-foreground: var(--uc-secondary-foreground-dark);--uc-muted: var(--uc-muted-dark);--uc-muted-foreground: var(--uc-muted-foreground-dark);--uc-destructive: var(--uc-destructive-dark);--uc-destructive-foreground: var(--uc-destructive-foreground-dark);--uc-border: var(--uc-border-dark);--uc-dialog-shadow: var(--uc-dialog-shadow-dark);--uc-simple-btn: var(--uc-simple-btn-dark);--uc-simple-btn-hover: var(--uc-simple-btn-hover-dark);--uc-simple-btn-foreground: var(--uc-simple-btn-foreground-dark)}}:where(.uc-light),:where(.uc-light) :where([uc-wgt-common]){--uc-background: var(--uc-background-light);--uc-foreground: var(--uc-foreground-light);--uc-primary: var(--uc-primary-light);--uc-primary-hover: var(--uc-primary-hover-light);--uc-primary-transparent: var(--uc-primary-transparent-light);--uc-primary-foreground: var(--uc-primary-foreground-light);--uc-secondary: var(--uc-secondary-light);--uc-secondary-hover: var(--uc-secondary-hover-light);--uc-secondary-foreground: var(--uc-secondary-foreground-light);--uc-muted: var(--uc-muted-light);--uc-muted-foreground: var(--uc-muted-foreground-light);--uc-destructive: var(--uc-destructive-light);--uc-destructive-foreground: var(--uc-destructive-foreground-light);--uc-border: var(--uc-border-light);--uc-dialog-shadow: var(--uc-dialog-shadow-light);--uc-simple-btn: var(--uc-simple-btn-light);--uc-simple-btn-hover: var(--uc-simple-btn-hover-light);--uc-simple-btn-foreground: var(--uc-simple-btn-foreground-light)}:where(.uc-dark),:where(.uc-dark) :where([uc-wgt-common]){--uc-background: var(--uc-background-dark);--uc-foreground: var(--uc-foreground-dark);--uc-primary: var(--uc-primary-dark);--uc-primary-hover: var(--uc-primary-hover-dark);--uc-primary-transparent: var(--uc-primary-transparent-dark);--uc-primary-foreground: var(--uc-primary-foreground-dark);--uc-secondary: var(--uc-secondary-dark);--uc-secondary-hover: var(--uc-secondary-hover-dark);--uc-secondary-foreground: var(--uc-secondary-foreground-dark);--uc-muted: var(--uc-muted-dark);--uc-muted-foreground: var(--uc-muted-foreground-dark);--uc-destructive: var(--uc-destructive-dark);--uc-destructive-foreground: var(--uc-destructive-foreground-dark);--uc-border: var(--uc-border-dark);--uc-dialog-shadow: var(--uc-dialog-shadow-dark);--uc-simple-btn: var(--uc-simple-btn-dark);--uc-simple-btn-hover: var(--uc-simple-btn-hover-dark);--uc-simple-btn-foreground: var(--uc-simple-btn-foreground-dark)}:where(.uc-purple){--uc-primary-oklch-light: 47% .22 300;--uc-primary-oklch-dark: 69% .1768 300}:where(.uc-red){--uc-primary-oklch-light: 47% .21 21;--uc-primary-oklch-dark: 71% .1768 21}:where(.uc-orange){--uc-primary-oklch-light: 47% .1376 51.88;--uc-primary-oklch-dark: 69% .1768 51.88}:where(.uc-green){--uc-primary-oklch-light: 45% .14 130;--uc-primary-oklch-dark: 69% .1768 130}:where(.uc-turquoise){--uc-primary-oklch-light: 45% .0854 174;--uc-primary-oklch-dark: 69% .1768 174}:where(.uc-gray){--uc-primary-oklch-light: 10% 0 0;--uc-primary-oklch-dark: 97% 0 0}:where(.uc-contrast){--uc-border-light: oklch(50% 0 0);--uc-border-dark: oklch(50% 0 0);--uc-muted-light: oklch(98% 0 0);--uc-muted-dark: oklch(16% 0 0);--uc-muted-foreground-light: oklch(20% 0 0);--uc-muted-foreground-dark: oklch(80% 0 0);--uc-background-light: oklch(100% 0 0);--uc-foreground-light: oklch(0% 0 0);--uc-background-dark: oklch(10% 0 0);--uc-foreground-dark: oklch(100% 0 0)}:where(.uc-radius-none){--uc-radius: 0}:where(.uc-radius-small){--uc-radius: 5px}:where(.uc-radius-medium){--uc-radius: 8px}:where(.uc-radius-large){--uc-radius: 16px}[uc-cloud-image-editor]:not(#\#):not(#\#):not(#\#):not(#\#){--color-primary-accent: var(--uc-primary);--color-text-base: var(--uc-foreground);--color-text-accent-contrast: var(--uc-background);--color-fill-contrast: var(--uc-background);--color-modal-backdrop: oklch(0% 0 0 / .1);--color-image-background: var(--uc-muted);--color-focus-ring: var(--color-primary-accent);--color-crop-guides: var(--uc-foreground);--font-size-ui: var(--uc-font-size);--size-touch-area: var(--uc-button-size);--size-panel-heading: calc(var(--uc-button-size) + var(--uc-padding) * 2);--size-ui-min-width: 130px;--size-line-width: 1px;--size-modal-width: 650px;--size-icon: calc(var(--uc-button-size) / 2);--border-radius-editor: var(--uc-radius);--border-radius-thumb: var(--uc-radius);--border-radius-ui: var(--uc-radius);--border-radius-base: var(--uc-radius);--cldtr-gap-min: 5px;--cldtr-gap-mid-1: 10px;--cldtr-gap-mid-2: 15px;--cldtr-gap-max: 20px;--transition-duration-2: var(--transition-duration-all, .2s);--transition-duration-3: var(--transition-duration-all, .3s);--transition-duration-4: var(--transition-duration-all, .4s);--transition-duration-5: var(--transition-duration-all, .5s);--modal-header-opacity: 1;--modal-header-height: var(--size-panel-heading);--modal-toolbar-height: var(--size-panel-heading);--transparent-pixel: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=);display:block;width:100%;height:100%;max-height:100%}[uc-cloud-image-editor]:not(#\#):not(#\#):not(#\#):not(#\#) :is([can-handle-paste]:hover,[can-handle-paste]:focus){--can-handle-paste: "true"}[uc-cloud-image-editor]:not(#\#):not(#\#):not(#\#) :is([tabindex]:focus-visible,[tabindex]:hover,[with-effects]:focus-visible,[with-effects]:hover){--filter-effect: var(--hover-filter) !important;--opacity-effect: var(--hover-opacity) !important;--color-effect: var(--hover-color-rgb) !important;--background-effect: var(--hover-background) !important}[uc-cloud-image-editor]:not(#\#):not(#\#):not(#\#) :is([tabindex]:active,[with-effects]:active){--filter-effect: var(--down-filter) !important;--opacity-effect: var(--down-opacity) !important;--color-effect: var(--down-color-rgb) !important;--background-effect: var(--down-background) !important}[uc-cloud-image-editor]:not(#\#):not(#\#):not(#\#) :is([tabindex][active],[with-effects][active]){--filter-effect: var(--active-filter) !important;--opacity-effect: var(--active-opacity) !important;--color-effect: var(--active-color-rgb) !important;--background-effect: var(--active-background) !important}[uc-cloud-image-editor]:not(#\#):not(#\#):not(#\#):not(#\#) [hidden-scrollbar]::-webkit-scrollbar{display:none}[uc-cloud-image-editor]:not(#\#):not(#\#):not(#\#):not(#\#) [hidden-scrollbar]{-ms-overflow-style:none;scrollbar-width:none}[uc-cloud-image-editor].uc-editor_ON:not(#\#):not(#\#):not(#\#):not(#\#){--modal-header-opacity: 0;--modal-header-height: 0px;--modal-toolbar-height: calc(var(--size-panel-heading) * 2)}[uc-cloud-image-editor].uc-editor_OFF:not(#\#):not(#\#):not(#\#):not(#\#){--modal-header-opacity: 1;--modal-header-height: var(--size-panel-heading);--modal-toolbar-height: var(--size-panel-heading)}[uc-cloud-image-editor]:not(#\#):not(#\#):not(#\#):not(#\#)>.uc-wrapper{--l-min-img-height: var(--modal-toolbar-height);--l-max-img-height: 100%;--l-edit-button-width: 120px;--l-toolbar-horizontal-padding: var(--cldtr-gap-mid-1);position:relative;display:grid;grid-template-rows:minmax(var(--l-min-img-height),var(--l-max-img-height)) minmax(var(--modal-toolbar-height),auto);height:100%;overflow:hidden;overflow-y:auto}@media only screen and (max-width:800px){[uc-cloud-image-editor]:not(#\#):not(#\#):not(#\#):not(#\#)>.uc-wrapper{--l-edit-button-width: 70px;--l-toolbar-horizontal-padding: var(--cldtr-gap-min)}}[uc-cloud-image-editor]:not(#\#):not(#\#):not(#\#):not(#\#)>.uc-wrapper>.uc-viewport{display:flex;align-items:center;justify-content:center;overflow:hidden}[uc-cloud-image-editor]:not(#\#):not(#\#):not(#\#):not(#\#)>.uc-wrapper>.uc-viewport>.uc-image_container>.uc-image{--viewer-image-opacity: 1;position:absolute;top:0;left:0;z-index:10;display:block;box-sizing:border-box;width:100%;height:100%;object-fit:scale-down;background-color:var(--color-image-background);transform:scale(1);opacity:var(--viewer-image-opacity);user-select:none;pointer-events:auto}[uc-cloud-image-editor]:not(#\#):not(#\#):not(#\#):not(#\#)>.uc-wrapper>.uc-viewport>.uc-image_container>.uc-image.uc-image_visible_viewer{transition:opacity var(--transition-duration-3) ease-in-out,transform var(--transition-duration-4)}[uc-cloud-image-editor]:not(#\#):not(#\#):not(#\#):not(#\#)>.uc-wrapper>.uc-viewport>.uc-image_container>.uc-image.uc-image_hidden_to_cropper{--viewer-image-opacity: 0;background-image:var(--transparent-pixel);transform:scale(1);transition:transform var(--transition-duration-4),opacity var(--transition-duration-3) steps(1,jump-end);pointer-events:none}[uc-cloud-image-editor]:not(#\#):not(#\#):not(#\#):not(#\#)>.uc-wrapper>.uc-viewport>.uc-image_container>.uc-image.uc-image_hidden_effects{--viewer-image-opacity: 0;transform:scale(1);transition:opacity var(--transition-duration-3) cubic-bezier(.5,0,1,1),transform var(--transition-duration-4);pointer-events:none}[uc-cloud-image-editor]:not(#\#):not(#\#):not(#\#):not(#\#)>.uc-wrapper>.uc-viewport>.uc-image_container{position:relative;display:block;width:100%;height:100%;background-color:var(--color-image-background);transition:var(--transition-duration-3)}[uc-cloud-image-editor]:not(#\#):not(#\#):not(#\#):not(#\#)>.uc-wrapper>.uc-toolbar{position:relative;transition:.3s}[uc-cloud-image-editor]:not(#\#):not(#\#):not(#\#):not(#\#)>.uc-wrapper>.uc-toolbar>.uc-toolbar_content{position:absolute;bottom:0;left:0;box-sizing:border-box;width:100%;height:var(--modal-toolbar-height);min-height:var(--size-panel-heading);background-color:var(--color-fill-contrast)}[uc-cloud-image-editor]:not(#\#):not(#\#):not(#\#):not(#\#)>.uc-wrapper>.uc-toolbar>.uc-toolbar_content.uc-toolbar_content__viewer{display:flex;align-items:center;justify-content:space-between;height:var(--size-panel-heading);padding-right:var(--l-toolbar-horizontal-padding);padding-left:var(--l-toolbar-horizontal-padding)}[uc-cloud-image-editor]:not(#\#):not(#\#):not(#\#):not(#\#)>.uc-wrapper>.uc-toolbar>.uc-toolbar_content.uc-toolbar_content__editor{display:flex}[uc-cloud-image-editor]:not(#\#):not(#\#):not(#\#):not(#\#)>.uc-wrapper>.uc-viewport>.uc-info_pan{position:absolute;user-select:none}[uc-cloud-image-editor]:not(#\#):not(#\#):not(#\#):not(#\#)>.uc-wrapper>.uc-viewport>.uc-file_type_outer{position:absolute;z-index:2;display:flex;max-width:120px;transform:translate(-40px);user-select:none}[uc-cloud-image-editor]:not(#\#):not(#\#):not(#\#):not(#\#)>.uc-wrapper>.uc-viewport>.uc-file_type_outer>.uc-file_type{padding:4px .8em}[uc-cloud-image-editor]:not(#\#):not(#\#):not(#\#):not(#\#)>.uc-wrapper>.uc-network_problems_splash{position:absolute;z-index:999;display:flex;flex-direction:column;width:100%;height:100%;background-color:var(--color-fill-contrast)}[uc-cloud-image-editor]:not(#\#):not(#\#):not(#\#):not(#\#)>.uc-wrapper>.uc-network_problems_splash>.uc-network_problems_content{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center}[uc-cloud-image-editor]:not(#\#):not(#\#):not(#\#):not(#\#)>.uc-wrapper>.uc-network_problems_splash>.uc-network_problems_content>.uc-network_problems_icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;color:var(--uc-foreground);background-color:var(--uc-muted);border-radius:50%}[uc-cloud-image-editor]:not(#\#):not(#\#):not(#\#):not(#\#)>.uc-wrapper>.uc-network_problems_splash>.uc-network_problems_content>.uc-network_problems_text{margin-top:var(--cldtr-gap-max);font-size:var(--font-size-ui);color:var(--uc-foreground)}[uc-cloud-image-editor]:not(#\#):not(#\#):not(#\#):not(#\#)>.uc-wrapper>.uc-network_problems_splash>.uc-network_problems_footer{display:flex;align-items:center;justify-content:center;height:var(--size-panel-heading)}uc-crop-frame:not(#\#):not(#\#):not(#\#):not(#\#)>.uc-svg{position:absolute;top:0;left:0;z-index:2;width:100%;height:100%;border-top-left-radius:var(--border-radius-base);border-top-right-radius:var(--border-radius-base);opacity:inherit;transition:var(--transition-duration-3)}uc-crop-frame:not(#\#):not(#\#):not(#\#):not(#\#)>.uc-thumb{--idle-color-rgb: var(--color-text-base);--hover-color-rgb: var(--color-primary-accent);--focus-color-rgb: var(--color-primary-accent);--down-color-rgb: var(--color-primary-accent);--color-effect: var(--idle-color-rgb);color:var(--color-effect);transition:color var(--transition-duration-3),opacity var(--transition-duration-3)}uc-crop-frame:not(#\#):not(#\#):not(#\#):not(#\#) .uc-thumb--visible{opacity:1;pointer-events:auto}uc-crop-frame:not(#\#):not(#\#):not(#\#):not(#\#) .uc-thumb--hidden{opacity:0;pointer-events:none}uc-crop-frame:not(#\#):not(#\#):not(#\#):not(#\#) .uc-guides{transition:var(--transition-duration-3)}uc-crop-frame:not(#\#):not(#\#):not(#\#):not(#\#) .uc-guides--hidden{opacity:0}uc-crop-frame:not(#\#):not(#\#):not(#\#):not(#\#) .uc-guides--semi-hidden{opacity:.2}uc-crop-frame:not(#\#):not(#\#):not(#\#):not(#\#) .uc-guides--visible{opacity:1}uc-editor-button-control:not(#\#):not(#\#):not(#\#):not(#\#),uc-editor-crop-button-control:not(#\#):not(#\#):not(#\#):not(#\#),uc-editor-aspect-ratio-button-control:not(#\#):not(#\#):not(#\#):not(#\#),uc-editor-freeform-button-control:not(#\#):not(#\#):not(#\#):not(#\#),uc-editor-filter-control:not(#\#):not(#\#):not(#\#):not(#\#),uc-editor-operation-control:not(#\#):not(#\#):not(#\#):not(#\#){--l-base-min-width: var(--uc-button-size);--l-base-height: var(--uc-button-size);--opacity-effect: var(--idle-opacity);--color-effect: var(--idle-color-rgb);--background-effect: var(--idle-background);--filter-effect: var(--idle-filter);--idle-color-rgb: var(--uc-secondary-foreground);--idle-opacity: 1;--idle-filter: 1;--idle-background: var(--uc-secondary);--hover-color-rgb: var(--uc-secondary-foreground);--hover-opacity: 1;--hover-filter: .8;--hover-background: var(--uc-secondary-hover);--down-color-rgb: var(--hover-color-rgb);--down-opacity: 1;--down-filter: .6;--down-background: var(--uc-secondary);border-radius:var(--uc-radius)}uc-editor-button-control:not(#\#):not(#\#):not(#\#):not(#\#)>button,uc-editor-crop-button-control:not(#\#):not(#\#):not(#\#):not(#\#)>button,uc-editor-aspect-ratio-button-control:not(#\#):not(#\#):not(#\#):not(#\#)>button,uc-editor-freeform-button-control:not(#\#):not(#\#):not(#\#):not(#\#)>button,uc-editor-filter-control:not(#\#):not(#\#):not(#\#):not(#\#)>button,uc-editor-operation-control:not(#\#):not(#\#):not(#\#):not(#\#)>button{all:unset;position:relative;display:grid;grid-template-columns:var(--l-base-min-width) auto;grid-template-rows:100%;align-items:center;height:var(--l-base-height);color:var(--color-effect);opacity:var(--opacity-effect);cursor:pointer;transition:var(--l-width-transition)}uc-editor-freeform-button-control:not(#\#):not(#\#):not(#\#):not(#\#)>button{grid-template-columns:auto var(--l-base-min-width)}uc-editor-freeform-button-control:not(#\#):not(#\#):not(#\#):not(#\#)>button>uc-icon{margin-left:var(--cldtr-gap-mid-1);width:10px}:where(uc-editor-button-control,uc-editor-crop-button-control,uc-editor-aspect-ratio-button-control,uc-editor-freeform-button-control,uc-editor-filter-control,uc-editor-operation-control):not(#\#):not(#\#):not(#\#):not(#\#)>uc-icon>svg{width:var(--size-icon);height:var(--size-icon)}uc-editor-filter-control:not(#\#):not(#\#):not(#\#):not(#\#)>uc-icon.uc-original-icon>svg{width:100%;height:100%}uc-editor-button-control.uc-active:not(#\#):not(#\#):not(#\#):not(#\#),uc-editor-operation-control.uc-active:not(#\#):not(#\#):not(#\#):not(#\#),uc-editor-crop-button-control.uc-active:not(#\#):not(#\#):not(#\#):not(#\#),uc-editor-aspect-ratio-button-control.uc-active:not(#\#):not(#\#):not(#\#):not(#\#),uc-editor-freeform-button-control.uc-active:not(#\#):not(#\#):not(#\#):not(#\#),uc-editor-filter-control.uc-active:not(#\#):not(#\#):not(#\#):not(#\#){--idle-color-rgb: var(--uc-primary-foreground);--idle-background: var(--uc-primary);--idle-opacity: 1;--hover-color-rgb: var(--uc-primary-foreground);--hover-background: var(--uc-primary);--hover-opacity: 1}uc-editor-button-control.uc-not_active:not(#\#):not(#\#):not(#\#):not(#\#),uc-editor-operation-control.uc-not_active:not(#\#):not(#\#):not(#\#):not(#\#),uc-editor-crop-button-control.uc-not_active:not(#\#):not(#\#):not(#\#):not(#\#),uc-editor-aspect-ratio-button-control.uc-not_active:not(#\#):not(#\#):not(#\#):not(#\#),uc-editor-freeform-button-control.uc-not_active:not(#\#):not(#\#):not(#\#):not(#\#),uc-editor-filter-control.uc-not_active:not(#\#):not(#\#):not(#\#):not(#\#){--idle-color-rgb: var(--uc-secondary-foreground)}:where(.uc-contrast):not(#\#):not(#\#):not(#\#):not(#\#) uc-editor-button-control.uc-not_active,:where(.uc-contrast):not(#\#):not(#\#):not(#\#):not(#\#) uc-editor-operation-control.uc-not_active,:where(.uc-contrast):not(#\#):not(#\#):not(#\#):not(#\#) uc-editor-crop-button-control.uc-not_active,:where(.uc-contrast):not(#\#):not(#\#):not(#\#):not(#\#) uc-editor-freeform-button-control.uc-not_active,:where(.uc-contrast):not(#\#):not(#\#):not(#\#):not(#\#) uc-editor-aspect-ratio-button-control.uc-not_active,:where(.uc-contrast):not(#\#):not(#\#):not(#\#):not(#\#) uc-editor-filter-control.uc-not_active{--idle-background: transparent;--hover-background: var(--uc-secondary);outline:1px solid var(--uc-border);outline-offset:-1px}uc-editor-button-control:not(#\#):not(#\#):not(#\#):not(#\#)>button:before,uc-editor-operation-control:not(#\#):not(#\#):not(#\#):not(#\#)>button:before,uc-editor-crop-button-control:not(#\#):not(#\#):not(#\#):not(#\#)>button:before,uc-editor-freeform-button-control:not(#\#):not(#\#):not(#\#):not(#\#)>button:before,uc-editor-aspect-ratio-button-control:not(#\#):not(#\#):not(#\#):not(#\#)>button:before,uc-editor-filter-control:not(#\#):not(#\#):not(#\#):not(#\#)>button:before{position:absolute;content:"";right:0;left:0;z-index:-1;width:100%;height:100%;background-color:var(--background-effect);border-radius:var(--border-radius-editor);transition:var(--transition-duration-3)}uc-editor-button-control:not(#\#):not(#\#):not(#\#):not(#\#)>button .uc-title,uc-editor-operation-control:not(#\#):not(#\#):not(#\#):not(#\#)>button .uc-title,uc-editor-crop-button-control:not(#\#):not(#\#):not(#\#):not(#\#)>button .uc-title,uc-editor-aspect-ratio-button-control:not(#\#):not(#\#):not(#\#):not(#\#)>button .uc-title,uc-editor-freeform-button-control:not(#\#):not(#\#):not(#\#):not(#\#)>button .uc-title,uc-editor-filter-control:not(#\#):not(#\#):not(#\#):not(#\#)>button .uc-title{padding-right:var(--cldtr-gap-mid-1);font-size:.7em;letter-spacing:1.004px;text-transform:uppercase}uc-editor-freeform-button-control:not(#\#):not(#\#):not(#\#):not(#\#)>button .uc-title{padding-left:var(--cldtr-gap-mid-1);padding-right:0}uc-editor-button-control:not(#\#):not(#\#):not(#\#):not(#\#)>button uc-icon,uc-editor-operation-control:not(#\#):not(#\#):not(#\#):not(#\#)>button uc-icon,uc-editor-crop-button-control:not(#\#):not(#\#):not(#\#):not(#\#)>button uc-icon,uc-editor-aspect-ratio-button-control:not(#\#):not(#\#):not(#\#):not(#\#)>button uc-icon,uc-editor-freeform-button-control:not(#\#):not(#\#):not(#\#):not(#\#)>button uc-icon,uc-editor-filter-control:not(#\#):not(#\#):not(#\#):not(#\#)>button uc-icon{pointer-events:none}uc-editor-filter-control:not(#\#):not(#\#):not(#\#):not(#\#)>button .uc-preview{position:absolute;right:0;left:0;z-index:-1;width:100%;height:var(--l-base-height);background-repeat:no-repeat;background-size:contain;border-radius:var(--border-radius-editor);opacity:0;filter:brightness(var(--filter-effect));transition:var(--transition-duration-3)}uc-editor-filter-control.uc-not_active:not(#\#):not(#\#):not(#\#):not(#\#) .uc-preview[data-loaded]{opacity:1}uc-editor-filter-control.uc-active:not(#\#):not(#\#):not(#\#):not(#\#) .uc-preview{opacity:0}uc-editor-filter-control:not(#\#):not(#\#):not(#\#):not(#\#)>.uc-original-icon{color:var(--color-effect);opacity:.3}uc-editor-image-cropper:not(#\#):not(#\#):not(#\#):not(#\#){position:absolute;top:0;left:0;z-index:10;display:block;width:100%;height:100%;opacity:0;pointer-events:none;touch-action:none;color:var(--color-crop-guides)}uc-editor-image-cropper.uc-active_from_editor:not(#\#):not(#\#):not(#\#):not(#\#){transform:scale(1) translate(0);opacity:1;transition:transform var(--transition-duration-4) cubic-bezier(.37,0,.63,1) .4s,opacity var(--transition-duration-3);pointer-events:auto}uc-editor-image-cropper.uc-active_from_viewer:not(#\#):not(#\#):not(#\#):not(#\#){transform:scale(1) translate(0);opacity:1;transition:transform var(--transition-duration-4) cubic-bezier(.37,0,.63,1) .4s,opacity var(--transition-duration-3);pointer-events:auto}uc-editor-image-cropper.uc-inactive_to_editor:not(#\#):not(#\#):not(#\#):not(#\#){opacity:0;transition:transform var(--transition-duration-4) cubic-bezier(.37,0,.63,1),opacity var(--transition-duration-3) calc(var(--transition-duration-3) + .05s);pointer-events:none}uc-editor-image-cropper:not(#\#):not(#\#):not(#\#):not(#\#)>.uc-canvas{position:absolute;top:0;left:0;z-index:1;display:block;width:100%;height:100%}uc-editor-image-fader:not(#\#):not(#\#):not(#\#):not(#\#){position:absolute;top:0;left:0;display:block;width:100%;height:100%}uc-editor-image-fader.uc-active_from_viewer:not(#\#):not(#\#):not(#\#):not(#\#){z-index:3;transform:scale(1);opacity:1;transition:transform var(--transition-duration-4),opacity var(--transition-duration-3) steps(1,jump-start);pointer-events:auto}uc-editor-image-fader.uc-active_from_cropper:not(#\#):not(#\#):not(#\#):not(#\#){z-index:3;transform:scale(1);opacity:1;transition:transform var(--transition-duration-4),opacity var(--transition-duration-3) steps(1,jump-end);pointer-events:auto}uc-editor-image-fader.uc-inactive_to_cropper:not(#\#):not(#\#):not(#\#):not(#\#){z-index:3;transform:scale(1);opacity:0;transition:transform var(--transition-duration-4),opacity var(--transition-duration-3) steps(1,jump-end);pointer-events:none}uc-editor-image-fader:not(#\#):not(#\#):not(#\#):not(#\#) .uc-fader-image{position:absolute;top:0;left:0;display:block;width:100%;height:100%;object-fit:scale-down;transform:scale(1);user-select:none;content-visibility:auto}uc-editor-image-fader:not(#\#):not(#\#):not(#\#):not(#\#) .uc-fader-image--preview{background-color:var(--color-image-background);border-top-left-radius:var(--border-radius-base);border-top-right-radius:var(--border-radius-base);transform:scale(1);opacity:0;transition:var(--transition-duration-3)}uc-editor-scroller:not(#\#):not(#\#):not(#\#):not(#\#){display:flex;align-items:center;width:100%;height:100%;overflow-x:scroll}uc-editor-slider:not(#\#):not(#\#):not(#\#):not(#\#){display:flex;align-items:center;justify-content:center;width:100%;height:var(--size-panel-heading)}uc-editor-toolbar:not(#\#):not(#\#):not(#\#):not(#\#){position:relative;width:100%;height:100%}@media only screen and (max-width:600px){uc-editor-toolbar:not(#\#):not(#\#):not(#\#):not(#\#){--l-tab-gap: var(--cldtr-gap-mid-1);--l-slider-padding: var(--uc-padding);--l-controls-padding: var(--uc-padding)}}@media only screen and (min-width:601px){uc-editor-toolbar:not(#\#):not(#\#):not(#\#):not(#\#){--l-tab-gap: var(--cldtr-gap-max);--l-slider-padding: var(--uc-padding);--l-controls-padding: var(--uc-padding)}}uc-editor-toolbar:not(#\#):not(#\#):not(#\#):not(#\#)>.uc-toolbar-container{position:relative;width:100%;height:100%;overflow:hidden}uc-editor-toolbar:not(#\#):not(#\#):not(#\#):not(#\#)>.uc-toolbar-container>.uc-sub-toolbar{position:absolute;display:grid;grid-template-rows:1fr 1fr;width:100%;height:100%;background-color:var(--color-fill-contrast);transition:opacity var(--transition-duration-3) ease-in-out,transform var(--transition-duration-3) ease-in-out,visibility var(--transition-duration-3) ease-in-out}.uc-sub-toolbar:not(#\#):not(#\#):not(#\#):not(#\#)>.uc-list-aspect-ratio-container>.uc-list-aspect-ratio{display:grid;grid-auto-flow:column;justify-content:center;align-items:center;gap:6px;height:var(--size-panel-heading)}uc-editor-toolbar:not(#\#):not(#\#):not(#\#):not(#\#)>.uc-toolbar-container>.uc-sub-toolbar.uc-sub-toolbar--visible{transform:translateY(0);opacity:1;pointer-events:auto}uc-editor-toolbar:not(#\#):not(#\#):not(#\#):not(#\#)>.uc-toolbar-container>.uc-sub-toolbar.uc-sub-toolbar--top-hidden{transform:translateY(100%);opacity:0;pointer-events:none}uc-editor-toolbar:not(#\#):not(#\#):not(#\#):not(#\#)>.uc-toolbar-container>.uc-sub-toolbar.uc-sub-toolbar--bottom-hidden{transform:translateY(-100%);opacity:0;pointer-events:none}uc-editor-toolbar:not(#\#):not(#\#):not(#\#):not(#\#)>.uc-toolbar-container>.uc-sub-toolbar>.uc-controls-row{display:flex;align-items:center;justify-content:space-between;padding-right:var(--l-controls-padding);padding-left:var(--l-controls-padding)}uc-editor-toolbar:not(#\#):not(#\#):not(#\#):not(#\#)>.uc-toolbar-container>.uc-sub-toolbar>.uc-controls-row>.uc-tab-toggles{position:relative;display:grid;grid-auto-flow:column;gap:0px var(--l-tab-gap);align-items:center;height:100%}uc-editor-toolbar:not(#\#):not(#\#):not(#\#):not(#\#)>.uc-toolbar-container>.uc-sub-toolbar>.uc-controls-row>.uc-tab-toggles>.uc-tab-toggles_indicator{position:absolute;bottom:0;left:0;width:var(--size-touch-area);height:2px;background-color:var(--uc-secondary-foreground);transform:translate(0);transition:transform var(--transition-duration-3)}uc-editor-toolbar:not(#\#):not(#\#):not(#\#):not(#\#)>.uc-toolbar-container>.uc-sub-toolbar>.uc-tab-content-row{position:relative}uc-editor-toolbar:not(#\#):not(#\#):not(#\#):not(#\#)>.uc-toolbar-container>.uc-sub-toolbar>.uc-tab-content-row>.uc-tab-content{position:absolute;top:0;left:0;display:flex;width:100%;height:100%;overflow:hidden;content-visibility:auto}uc-editor-toolbar:not(#\#):not(#\#):not(#\#):not(#\#)>.uc-toolbar-container>.uc-sub-toolbar>.uc-controls-row>.uc-tab-toggles>.uc-tab-toggle.uc-tab-toggle--visible{display:contents}uc-editor-toolbar:not(#\#):not(#\#):not(#\#):not(#\#)>.uc-toolbar-container>.uc-sub-toolbar>.uc-controls-row>.uc-tab-toggles>.uc-tab-toggle.uc-tab-toggle--hidden{display:none}uc-editor-toolbar:not(#\#):not(#\#):not(#\#):not(#\#)>.uc-toolbar-container>.uc-sub-toolbar>.uc-controls-row>.uc-tab-toggles.uc-tab-toggles--hidden{display:none}uc-editor-toolbar:not(#\#):not(#\#):not(#\#):not(#\#)>.uc-toolbar-container>.uc-sub-toolbar>.uc-controls-row>.uc-tab-toggles>.uc-tab-toggle>uc-btn-ui{width:var(--uc-button-size)}uc-editor-toolbar:not(#\#):not(#\#):not(#\#):not(#\#)>.uc-toolbar-container>.uc-sub-toolbar>.uc-controls-row>.uc-tab-toggles>.uc-tab-toggle>uc-btn-ui>uc-icon>svg{width:var(--size-icon);height:var(--size-icon)}uc-editor-toolbar:not(#\#):not(#\#):not(#\#):not(#\#)>.uc-toolbar-container>.uc-sub-toolbar>.uc-tab-content-row>.uc-tab-content .uc-controls-list_align{display:grid;grid-template-areas:". inner .";grid-template-columns:1fr auto 1fr;box-sizing:border-box;min-width:100%;padding-left:var(--uc-padding)}uc-editor-toolbar:not(#\#):not(#\#):not(#\#):not(#\#)>.uc-toolbar-container>.uc-sub-toolbar>.uc-tab-content-row>.uc-tab-content .uc-controls-list_inner{display:grid;grid-area:inner;grid-auto-flow:column;gap:6px}uc-editor-toolbar:not(#\#):not(#\#):not(#\#):not(#\#)>.uc-toolbar-container>.uc-sub-toolbar>.uc-tab-content-row>.uc-tab-content .uc-controls-list_inner:last-child{padding-right:var(--uc-padding)}uc-editor-toolbar:not(#\#):not(#\#):not(#\#):not(#\#) .uc-info-tooltip_container{position:absolute;display:flex;align-items:flex-start;justify-content:center;width:100%;height:100%}uc-editor-toolbar:not(#\#):not(#\#):not(#\#):not(#\#) .uc-info-tooltip_wrapper{position:absolute;top:calc(-100% - var(--cldtr-gap-mid-2));display:flex;flex-direction:column;justify-content:flex-end;height:100%;pointer-events:none}uc-editor-toolbar:not(#\#):not(#\#):not(#\#):not(#\#) .uc-info-tooltip{z-index:10;padding:3px 6px;color:var(--color-text-base);font-size:.7em;letter-spacing:1px;text-transform:uppercase;background-color:var(--color-text-accent-contrast);border-radius:var(--border-radius-editor);transform:translateY(100%);opacity:0;transition:var(--transition-duration-3)}uc-editor-toolbar:not(#\#):not(#\#):not(#\#):not(#\#) .uc-info-tooltip_visible{transform:translateY(0);opacity:1}uc-editor-toolbar:not(#\#):not(#\#):not(#\#):not(#\#) .uc-slider{padding-right:var(--l-slider-padding);padding-left:var(--l-slider-padding)}uc-btn-ui:not(#\#):not(#\#):not(#\#):not(#\#)>button{--filter-effect: var(--idle-brightness);--opacity-effect: var(--idle-opacity);--color-effect: var(--idle-color-rgb);--background-effect: var(--idle-background);--l-transition-effect: var( --css-transition, color var(--transition-duration-2), background-color var(--transition-duration-2), filter var(--transition-duration-2) );all:unset;display:inline-flex;align-items:center;box-sizing:var(--css-box-sizing, border-box);height:var(--css-height, var(--uc-button-size));padding-right:var(--css-padding-right, 14px);padding-left:var(--css-padding-left, 14px);font-size:1em;color:var(--color-effect);background-color:var(--background-effect);border-radius:var(--uc-radius);opacity:var(--opacity-effect);cursor:pointer;filter:brightness(var(--filter-effect));transition:var(--l-transition-effect);user-select:none}uc-btn-ui:not(#\#):not(#\#):not(#\#):not(#\#)>button>uc-icon{pointer-events:none}uc-btn-ui:not(#\#):not(#\#):not(#\#):not(#\#) .uc-text{white-space:nowrap}uc-btn-ui:not(#\#):not(#\#):not(#\#):not(#\#) .uc-icon{display:flex;align-items:center;justify-content:center;color:var(--color-effect);filter:brightness(var(--filter-effect));transition:var(--l-transition-effect)}uc-btn-ui:not(#\#):not(#\#):not(#\#):not(#\#) .uc-icon_left{margin-right:var(--cldtr-gap-mid-1);margin-left:0}uc-btn-ui:not(#\#):not(#\#):not(#\#):not(#\#) .uc-icon_right{margin-right:0;margin-left:var(--cldtr-gap-mid-1)}uc-btn-ui:not(#\#):not(#\#):not(#\#):not(#\#) .uc-icon_single{margin-right:0;margin-left:0}uc-btn-ui:not(#\#):not(#\#):not(#\#):not(#\#) .uc-icon_hidden{display:none;margin:0}uc-btn-ui.uc-primary:not(#\#):not(#\#):not(#\#):not(#\#)>button{--idle-color-rgb: var(--uc-primary-foreground);--idle-brightness: 1;--idle-opacity: 1;--idle-background: var(--uc-primary);--hover-color-rgb: var(--uc-primary-foreground);--hover-brightness: 1;--hover-opacity: 1;--hover-background: var(--uc-primary-hover);--down-color-rgb: var(--uc-primary-foreground);--down-brightness: .75;--down-opacity: 1;--down-background: var(--uc-primary);--active-color-rgb: var(--uc-primary-foreground);--active-brightness: 1;--active-opacity: 1;--active-background: var(--uc-primary)}uc-btn-ui.uc-primary-icon:not(#\#):not(#\#):not(#\#):not(#\#)>button{--idle-color-rgb: var(--uc-primary);--idle-brightness: 1;--idle-opacity: 1;--idle-background: transparent;--hover-color-rgb: var(--uc-primary);--hover-brightness: 1;--hover-opacity: 1;--hover-background: var(--uc-primary-transparent);--down-color-rgb: var(--uc-primary);--down-brightness: .75;--down-opacity: 1;--down-background: var(--uc-primary-transparent);--active-color-rgb: var(--uc-primary-foreground);--active-brightness: 1;--active-opacity: 1;--active-background: var(--uc-primary);padding:0;width:var(--uc-button-size)}uc-btn-ui.uc-secondary:not(#\#):not(#\#):not(#\#):not(#\#)>button{--idle-color-rgb: var(--uc-secondary-foreground);--idle-brightness: 1;--idle-opacity: 1;--idle-background: var(--uc-secondary);--hover-color-rgb: var(--uc-secondary-foreground);--hover-brightness: 1;--hover-opacity: 1;--hover-background: var(--uc-secondary-hover);--down-color-rgb: var(--uc-secondary-foreground);--down-brightness: 1;--down-opacity: 1;--down-background: var(--uc-secondary-hover);--active-color-rgb: var(--uc-secondary-foreground);--active-brightness: 1;--active-opacity: 1;--active-background: transparent}:where(.uc-contrast):not(#\#):not(#\#):not(#\#):not(#\#) uc-btn-ui.uc-secondary>button{border:1px solid var(--uc-border)}uc-btn-ui.uc-secondary-icon:not(#\#):not(#\#):not(#\#):not(#\#)>button{--idle-color-rgb: var(--uc-secondary-foreground);--idle-brightness: 1;--idle-opacity: 1;--idle-background: transparent;--hover-color-rgb: var(--uc-secondary-foreground);--hover-brightness: 1;--hover-opacity: 1;--hover-background: var(--uc-secondary);--down-color-rgb: var(--uc-secondary-foreground);--down-brightness: 1;--down-opacity: 1;--down-background: var(--uc-secondary);--active-color-rgb: var(--uc-secondary-foreground);--active-brightness: 1;--active-opacity: 1;--active-background: transparent;padding:0;width:var(--uc-button-size)}uc-btn-ui.uc-tab:not(#\#):not(#\#):not(#\#):not(#\#)>button{--idle-color-rgb: var(--uc-secondary-foreground);--idle-brightness: 1;--idle-opacity: 1;--idle-background: transparent;--hover-color-rgb: var(--uc-secondary-foreground);--hover-brightness: 1;--hover-opacity: 1;--hover-background: var(--uc-secondary);--down-color-rgb: var(--uc-secondary-foreground);--down-brightness: 1;--down-opacity: 1;--down-background: var(--uc-secondary);--active-color-rgb: var(--uc-secondary-foreground);--active-brightness: 1;--active-opacity: 1;--active-background: transparent;padding:0;width:var(--uc-button-size)}uc-btn-ui.uc-default:not(#\#):not(#\#):not(#\#):not(#\#)>button{--idle-color-rgb: var(--uc-secondary-foreground);--idle-brightness: 1;--idle-opacity: 1;--idle-background: var(--uc-secondary);--hover-color-rgb: var(--uc-secondary-foreground);--hover-brightness: 1;--hover-opacity: 1;--hover-background: var(--uc-secondary-hover);--down-color-rgb: var(--uc-secondary-foreground);--down-brightness: .75;--down-opacity: 1;--down-background: var(--uc-secondary);--active-color-rgb: var(--uc-primary);--active-brightness: 1;--active-opacity: 1;--active-background: var(--uc-primary-transparent)}:where(.uc-contrast):not(#\#):not(#\#):not(#\#):not(#\#) uc-btn-ui.uc-default>button{--idle-background: transparent;--hover-background: var(--uc-secondary);--active-background: var(--uc-foreground);--active-color-rgb: var(--uc-background)}uc-line-loader-ui:not(#\#):not(#\#):not(#\#):not(#\#){position:absolute;top:0;left:0;z-index:9999;width:100%;height:2px;opacity:.5}uc-line-loader-ui:not(#\#):not(#\#):not(#\#):not(#\#) .uc-inner{width:25%;max-width:200px;height:100%}uc-line-loader-ui:not(#\#):not(#\#):not(#\#):not(#\#) .uc-line{width:100%;height:100%;background-color:var(--uc-primary);transform:translate(-101%);transition:transform 1s}uc-slider-ui:not(#\#):not(#\#):not(#\#):not(#\#){--l-thumb-size: 24px;--l-zero-dot-size: 5px;--l-zero-dot-offset: 2px;--idle-color-rgb: var(--uc-foreground);--hover-color-rgb: var(--uc-primary);--down-color-rgb: var(--uc-primary);--color-effect: var(--idle-color-rgb);--l-color: var(--color-effect);position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:calc(var(--l-thumb-size) + (var(--l-zero-dot-size) + var(--l-zero-dot-offset)) * 2)}uc-slider-ui:not(#\#):not(#\#):not(#\#):not(#\#) .uc-thumb{position:absolute;left:0;width:var(--l-thumb-size);height:var(--l-thumb-size);background-color:var(--l-color);border-radius:50%;transform:translate(0);opacity:1;transition:opacity var(--transition-duration-2),background-color var(--transition-duration-2)}uc-slider-ui:not(#\#):not(#\#):not(#\#):not(#\#) .uc-steps{position:absolute;display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;width:100%;height:100%;padding-right:calc(var(--l-thumb-size) / 2);padding-left:calc(var(--l-thumb-size) / 2)}uc-slider-ui:not(#\#):not(#\#):not(#\#):not(#\#) .uc-border-step{width:0px;height:10px;border-right:1px solid var(--uc-foreground);opacity:1;transition:border-color var(--transition-duration-2)}uc-slider-ui:not(#\#):not(#\#):not(#\#):not(#\#) .uc-minor-step{width:0px;height:4px;border-right:1px solid var(--uc-foreground);opacity:.6;transition:border-color var(--transition-duration-2)}uc-slider-ui:not(#\#):not(#\#):not(#\#):not(#\#) .uc-zero-dot{position:absolute;top:calc(100% - var(--l-zero-dot-offset) * 2);left:calc(var(--l-thumb-size) / 2 - var(--l-zero-dot-size) / 2);width:var(--l-zero-dot-size);height:var(--l-zero-dot-size);background-color:var(--color-primary-accent);border-radius:50%;opacity:0;transition:var(--transition-duration-3)}uc-slider-ui:not(#\#):not(#\#):not(#\#):not(#\#) .uc-input{position:absolute;width:calc(100% - 10px);height:100%;margin:0;cursor:pointer;opacity:0}uc-presence-toggle.uc-transition:not(#\#):not(#\#):not(#\#):not(#\#){transition:opacity var(--transition-duration-3),visibility var(--transition-duration-3)}uc-presence-toggle.uc-visible:not(#\#):not(#\#):not(#\#):not(#\#){opacity:1;pointer-events:inherit}uc-presence-toggle.uc-hidden:not(#\#):not(#\#):not(#\#):not(#\#){opacity:0;pointer-events:none}uc-presence-toggle.uc-initial:not(#\#):not(#\#):not(#\#){display:none!important;transition:none!important}[uc-cloud-image-editor]:not(#\#):not(#\#):not(#\#):not(#\#) [role=button]:focus-visible,[uc-cloud-image-editor]:not(#\#):not(#\#):not(#\#):not(#\#) button:focus-visible{outline:1px auto Highlight;outline:1px auto -webkit-focus-ring-color}[uc-cloud-image-editor]:not(#\#):not(#\#):not(#\#):not(#\#) .uc-cloud-mask{pointer-events:none}[uc-aspect-ratio-freeform]:not(#\#):not(#\#):not(#\#):not(#\#) button{display:flex}[uc-aspect-ratio-freeform]:not(#\#):not(#\#):not(#\#):not(#\#) uc-icon{display:none}[uc-aspect-ratio-freeform]:not(#\#):not(#\#):not(#\#):not(#\#) .uc-title{padding-left:var(--cldtr-gap-mid-1)}:where(uc-editor-freeform-button-control,uc-editor-aspect-ratio-button-control:last-of-type):not(#\#):not(#\#):not(#\#):not(#\#){margin-right:calc(3 * var(--cldtr-gap-mid-1))}:where([uc-cloud-image-editor]):not(#\#):not(#\#):not(#\#):not(#\#) uc-icon{display:flex;justify-content:center;width:100%;height:100%}:where([uc-cloud-image-editor]):not(#\#):not(#\#):not(#\#):not(#\#) uc-icon svg{width:calc(var(--uc-button-size) / 2);height:calc(var(--uc-button-size) / 2)}uc-icon:not(#\#){display:inline-flex;align-items:center;justify-content:center;width:var(--uc-button-size);height:var(--uc-button-size)}uc-icon:not(#\#) svg{width:calc(var(--uc-button-size) / 2);height:calc(var(--uc-button-size) / 2);overflow:visible}uc-config:not(#\#):not(#\#){display:none}

package/web/uc-cloud-image-editor.min.d.ts

@@ -1,7 +1,7 @@
 import * as lit_html from 'lit-html';
 import { PropertyValues, nothing, LitElement, TemplateResult } from 'lit';
 import * as _uploadcare_upload_client from '@uploadcare/upload-client';
-import { UploadcareFile, Metadata, Tags, UploadError, NetworkError, UploadcareGroup, FileFromOptions, Queue } from '@uploadcare/upload-client';
+import { UploadcareFile, Metadata, Tags, AuthToken, UploadError, AuthTokenResolverError, NetworkError, UploadcareGroup, FileFromOptions, Queue } from '@uploadcare/upload-client';
 import * as lit_html_directives_ref_js from 'lit-html/directives/ref.js';
 import { Ref } from 'lit/directives/ref.js';
 import { TelemetryRequest } from '@uploadcare/quality-insights';
@@ -600,11 +600,67 @@ declare global {
 }
 
 /**
- * Config keys that can't be passed as attribute (because they are object or function)
+ * How a built-in config key relates to its DOM attribute — the same idea as a
+ * plugin's {@link CustomConfigDefinition.attribute}, declared for built-ins.
+ *
+ * Both default to `true`; a key only appears here to opt out of something.
+ * - `attribute: false` — property only, no attribute representation at all
+ *   (the value is an object or a function).
+ * - `reflect: false` — readable from an attribute, but the value is never
+ *   written back to one.
  */
-declare const complexConfigKeys: readonly ["metadata", "tags", "plugins", "localeDefinitionOverride", "secureUploadsSignatureResolver", "secureDeliveryProxyUrlResolver", "iconHrefResolver", "fileValidators", "collectionValidators", "mediaRecorderOptions"];
+type ConfigAttributeBehavior = {
+    attribute?: boolean;
+    reflect?: boolean;
+};
+declare const configAttributeBehavior: {
+    readonly metadata: {
+        readonly attribute: false;
+    };
+    readonly tags: {
+        readonly attribute: false;
+    };
+    readonly plugins: {
+        readonly attribute: false;
+    };
+    readonly localeDefinitionOverride: {
+        readonly attribute: false;
+    };
+    readonly secureUploadsSignatureResolver: {
+        readonly attribute: false;
+    };
+    readonly secureDeliveryProxyUrlResolver: {
+        readonly attribute: false;
+    };
+    readonly iconHrefResolver: {
+        readonly attribute: false;
+    };
+    readonly fileValidators: {
+        readonly attribute: false;
+    };
+    readonly collectionValidators: {
+        readonly attribute: false;
+    };
+    readonly mediaRecorderOptions: {
+        readonly attribute: false;
+    };
+    /**
+     * Settable either way: the attribute carries a plain token, the property also
+     * accepts a resolver. Never reflected — a resolver has no attribute form, and
+     * a bearer credential is not something to mirror into the DOM unasked.
+     */
+    readonly authToken: {
+        readonly reflect: false;
+    };
+};
+/** Keys of the descriptor whose `field` is declared as `Value`. */
+type KeysWithBehavior<Field extends keyof ConfigAttributeBehavior, Value extends boolean> = {
+    [K in keyof typeof configAttributeBehavior]: (typeof configAttributeBehavior)[K] extends Record<Field, Value> ? K : never;
+}[keyof typeof configAttributeBehavior];
+/** Keys the descriptor marks as having no attribute representation at all. */
+type PropertyOnlyConfigKey = KeysWithBehavior<'attribute', false>;
 declare class Config extends LitBlock {
-    attributesMeta: Partial<ConfigPlainType> & {
+    attributesMeta: Partial<AttributeConfigType> & {
         'ctx-name': string;
     };
     init$: LitBlock["init$"] & ConfigType;
@@ -636,6 +692,8 @@ declare class Config extends LitBlock {
      * Get attribute names for a config key (kebab-case and lowercase)
      */
     private _getAttributeNames;
+    /** Whether this key's value is written back to the DOM as an attribute. */
+    private _isReflectedToAttribute;
     private _flushValueToAttribute;
     private _flushValueToState;
     private _setValue;
@@ -1026,6 +1084,12 @@ type ApiAddFileCommonOptions = {
 declare class UploaderPublicApi extends SharedInstance {
     private _l10n;
     get _uploadCollection(): TypedCollection<UploadEntryData>;
+    /**
+     * The failure of the last group creation, for the validator that reports it.
+     * Underscored like `_uploadCollection`: internal, but a validator has no
+     * other way to reach the context.
+     */
+    get _groupError(): Error | null;
     get cfg(): Readonly<ConfigType>;
     get l10n(): (str: string, variables?: Record<string, string | number>) => string;
     /**
@@ -1066,6 +1130,26 @@ declare class UploaderPublicApi extends SharedInstance {
     private _pluginsReady;
     setCurrentActivity: <T extends ActivityType>(activityType: T, ...params: T extends keyof ActivityParamsMap ? [ActivityParamsMap[T]] extends [never] ? [] : [ActivityParamsMap[T]] : []) => void;
     on: <T extends EventKey>(type: T, handler: (payload: EventPayload[T]) => void) => (() => void);
+    /**
+     * The auth token as `@uploadcare/upload-client` receives it: the configured
+     * string, or a resolver whose result the uploader already caches.
+     *
+     * Forward this rather than `cfg.authToken` when something else has to
+     * authenticate with the same token — a plugin, say — so it shares this cache
+     * instead of calling your token endpoint again.
+     */
+    getAuthToken: () => AuthToken | undefined;
+    /**
+     * Drop the cached auth token, so the next request asks `authToken` for a new
+     * one.
+     *
+     * Assigning a different function to `authToken` does not do this: a new
+     * function identity is taken to be the same function, which is what lets a
+     * React component pass an inline resolver without refetching on every render.
+     * Call this when the change is real — the signed-in user changed, say — or
+     * rely on short-lived tokens.
+     */
+    invalidateAuthToken: () => void;
     getCurrentActivity: () => ActivityType;
     historyBack: () => void;
     setModalState: (opened: boolean) => void;
@@ -1430,6 +1514,12 @@ type ConfigType = {
      * Resolver for secure uploads signature.
      */
     secureUploadsSignatureResolver: SecureUploadsSignatureResolver | null;
+    /**
+     * JWT for the Upload API `Authorization: Bearer <token>` scheme. Accepts a plain token or a resolver function; the
+     * resolver is called before every request, so long-running uploads can supply a fresh token mid-flight. Takes
+     * precedence over `secureSignature`/`secureExpire` and `secureUploadsSignatureResolver`.
+     */
+    authToken: AuthToken | null;
     /**
      * Resolver for secure delivery proxy URL.
      */
@@ -1506,12 +1596,12 @@ type ConfigType = {
     dynamicButtonViewMode: DynamicButtonMode;
     dynamicButtonShowFirstIcon: boolean;
 };
-type ConfigComplexType = Pick<ConfigType, (typeof complexConfigKeys)[number]>;
-type ConfigPlainType = Omit<ConfigType, keyof ConfigComplexType>;
+/** Options settable via an attribute (as well as as a property). */
+type AttributeConfigType = Omit<ConfigType, PropertyOnlyConfigKey>;
 type OutputFileStatus = 'idle' | 'uploading' | 'success' | 'failed' | 'removed';
 type OutputCustomErrorType = 'CUSTOM_ERROR';
-type OutputFileErrorType = OutputCustomErrorType | 'NOT_AN_IMAGE' | 'FORBIDDEN_FILE_TYPE' | 'FILE_SIZE_EXCEEDED' | 'UPLOAD_ERROR' | 'NETWORK_ERROR' | 'UNKNOWN_ERROR';
-type OutputCollectionErrorType = OutputCustomErrorType | 'SOME_FILES_HAS_ERRORS' | 'TOO_MANY_FILES' | 'TOO_FEW_FILES';
+type OutputFileErrorType = OutputCustomErrorType | 'NOT_AN_IMAGE' | 'FORBIDDEN_FILE_TYPE' | 'FILE_SIZE_EXCEEDED' | 'UPLOAD_ERROR' | 'AUTH_TOKEN_ERROR' | 'NETWORK_ERROR' | 'UNKNOWN_ERROR';
+type OutputCollectionErrorType = OutputCustomErrorType | 'SOME_FILES_HAS_ERRORS' | 'GROUP_ERROR' | 'TOO_MANY_FILES' | 'TOO_FEW_FILES';
 type OutputFileErrorPayload = {
     entry: OutputFileEntry;
 };
@@ -1522,6 +1612,9 @@ type OutputErrorTypePayload = {
     SOME_FILES_HAS_ERRORS: {
         [k: string]: never;
     };
+    GROUP_ERROR: {
+        error: Error;
+    };
     TOO_MANY_FILES: {
         min: number;
         max: number;
@@ -1535,6 +1628,9 @@ type OutputErrorTypePayload = {
     UPLOAD_ERROR: OutputFileErrorPayload & {
         error: UploadError;
     };
+    AUTH_TOKEN_ERROR: OutputFileErrorPayload & {
+        error: AuthTokenResolverError;
+    };
     NETWORK_ERROR: OutputFileErrorPayload & {
         error: NetworkError;
     };
@@ -1834,6 +1930,34 @@ type PluginRegistrySnapshot = {
     l10n: Owned<PluginL10nRegistration>[];
 };
 
+/**
+ * Owns the one long-lived token cache for this uploader context.
+ *
+ * `authToken` may be a resolver, and `@uploadcare/upload-client` calls it
+ * before every authenticated request — so without a cache each upload, each
+ * readiness poll and each multipart start/complete would hit the app's token
+ * endpoint again. (Multipart chunks go to presigned storage URLs and carry no
+ * token, so they are not part of that count.)
+ */
+declare class AuthTokenManager extends SharedInstance {
+    private _cache;
+    /**
+     * One function, the same one for the life of this manager, that reads the
+     * configured resolver when it is called rather than capturing it.
+     *
+     * That stability is the point: whoever we hand this to can keep it, and it
+     * still follows later changes to `authToken`. Returning the cache's own
+     * `getToken` instead would mean re-reading it after every config change to
+     * stay current, which is a rule nothing enforces.
+     */
+    private readonly _resolveAuthToken;
+    /** The value to hand `@uploadcare/upload-client` as `authToken`. */
+    getAuthToken(): AuthToken | undefined;
+    /** Drop the cached token, e.g. once the signed-in user changes. */
+    invalidate(): void;
+    destroy(): void;
+}
+
 declare class SecureUploadsManager extends SharedInstance {
     private _secureToken;
     getSecureToken(): Promise<SecureUploadsSignatureAndExpire | null>;
@@ -1854,6 +1978,7 @@ declare class LitUploaderBlock extends LitActivityBlock {
         '*collectionErrors': OutputErrorCollection[];
         '*collectionState': OutputCollectionState | null;
         '*groupInfo': _uploadcare_upload_client.UploadcareGroup | null;
+        '*groupError': Error | null;
         '*uploadTrigger': Set<string>;
         '*currentActivity': null;
         '*currentActivityParams': {};
@@ -1868,11 +1993,26 @@ declare class LitUploaderBlock extends LitActivityBlock {
     get api(): UploaderPublicApi;
     get uploadCollection(): TypedCollection<UploadEntryData>;
     get secureUploadsManager(): SecureUploadsManager;
+    get authTokenManager(): AuthTokenManager;
     disconnectedCallback(): void;
     connectedCallback(): void;
     private _initCtxOwner;
     private _observeUploadCollection;
     private _unobserveUploadCollection;
+    /** Bumped whenever the collection changes; see `_flushOutputItems`. */
+    private _groupGeneration;
+    /**
+     * Creates the group for `collectionState` and reports the outcome, whichever
+     * it is. Never rejects: the caller does not wait for the group, so a
+     * rejection would have nowhere to go.
+     *
+     * A request cannot be cancelled once the API has it, so both outcomes are
+     * dropped when the collection has moved on — a group of files that are no
+     * longer the collection is neither its group nor its error. That is what the
+     * generation tracks; `*collectionState` cannot, since it is republished on a
+     * flush rather than on every change, and is still the same object at the
+     * moment a mid-flight response lands.
+     */
     private _createGroup;
     private _flushOutputItems;
     private _handleCollectionUpdate;
@@ -2152,6 +2292,7 @@ declare class LitSolutionBlock extends LitBlock {
         '*collectionErrors': OutputErrorCollection[];
         '*collectionState': OutputCollectionState | null;
         '*groupInfo': _uploadcare_upload_client.UploadcareGroup | null;
+        '*groupError': Error | null;
         '*uploadTrigger': Set<string>;
         '*currentActivity': null;
         '*currentActivityParams': {};
@@ -2566,6 +2707,7 @@ declare const instanceKeyMap: {
     eventEmitter: "*eventEmitter";
     uploadCollection: "*uploadCollection";
     secureUploadsManager: "*secureUploadsManager";
+    authTokenManager: "*authTokenManager";
     api: "*publicApi";
     validationManager: "*validationManager";
 };
@@ -2587,6 +2729,7 @@ declare const createSharedInstancesBag: (getCtx: () => PubSub<SharedState>) => {
     readonly eventEmitter: EventEmitter;
     readonly uploadCollection: TypedCollection<UploadEntryData>;
     readonly secureUploadsManager: SecureUploadsManager;
+    readonly authTokenManager: AuthTokenManager;
     readonly api: UploaderPublicApi;
     readonly validationManager: ValidationManager;
     when<TName extends InstanceName>(name: TName, callback: (instance: NonNullable<InstanceTypeMap[TName]>) => void): () => void;
@@ -2696,6 +2839,8 @@ type UploaderBlockCtxState = ActivityBlockCtxState & {
     '*collectionErrors': OutputErrorCollection[];
     '*collectionState': OutputCollectionState | null;
     '*groupInfo': UploadcareGroup | null;
+    /** The failure of the last group creation, if it failed. */
+    '*groupError': Error | null;
     '*uploadTrigger': Set<Uid>;
 };
 type SolutionBlockCtxState = UploaderBlockCtxState & {
@@ -2769,6 +2914,7 @@ type DynamicUploaderBlockState = {
     '*publicApi': UploaderPublicApi;
     '*validationManager': ValidationManager;
     '*secureUploadsManager': SecureUploadsManager;
+    '*authTokenManager': AuthTokenManager;
 };
 type LocaleState = {
     [K in keyof LocaleDefinition as `*l10n/${K}`]: string;
@@ -2802,9 +2948,10 @@ declare class LitBlock extends LitBlockBase {
         readonly eventEmitter: EventEmitter;
         readonly uploadCollection: TypedCollection<UploadEntryData>;
         readonly secureUploadsManager: SecureUploadsManager;
+        readonly authTokenManager: AuthTokenManager;
         readonly api: UploaderPublicApi;
         readonly validationManager: ValidationManager;
-        when<TName extends "modalManager" | "pluginManager" | "telemetryManager" | "localeManager" | "a11y" | "clipboard" | "routerLayer" | "blocksRegistry" | "eventEmitter" | "uploadCollection" | "secureUploadsManager" | "api" | "validationManager">(name: TName, callback: (instance: NonNullable<{
+        when<TName extends "modalManager" | "pluginManager" | "telemetryManager" | "localeManager" | "a11y" | "clipboard" | "routerLayer" | "blocksRegistry" | "eventEmitter" | "uploadCollection" | "secureUploadsManager" | "authTokenManager" | "api" | "validationManager">(name: TName, callback: (instance: NonNullable<{
             modalManager: ModalManager | null;
             pluginManager: PluginManager;
             telemetryManager: TelemetryManager;
@@ -2816,10 +2963,11 @@ declare class LitBlock extends LitBlockBase {
             eventEmitter: EventEmitter;
             uploadCollection: TypedCollection<UploadEntryData>;
             secureUploadsManager: SecureUploadsManager;
+            authTokenManager: AuthTokenManager;
             api: UploaderPublicApi;
             validationManager: ValidationManager;
         }[TName]>) => void): () => void;
-        wait<TName extends "modalManager" | "pluginManager" | "telemetryManager" | "localeManager" | "a11y" | "clipboard" | "routerLayer" | "blocksRegistry" | "eventEmitter" | "uploadCollection" | "secureUploadsManager" | "api" | "validationManager">(name: TName): Promise<NonNullable<{
+        wait<TName extends "modalManager" | "pluginManager" | "telemetryManager" | "localeManager" | "a11y" | "clipboard" | "routerLayer" | "blocksRegistry" | "eventEmitter" | "uploadCollection" | "secureUploadsManager" | "authTokenManager" | "api" | "validationManager">(name: TName): Promise<NonNullable<{
             modalManager: ModalManager | null;
             pluginManager: PluginManager;
             telemetryManager: TelemetryManager;
@@ -2831,6 +2979,7 @@ declare class LitBlock extends LitBlockBase {
             eventEmitter: EventEmitter;
             uploadCollection: TypedCollection<UploadEntryData>;
             secureUploadsManager: SecureUploadsManager;
+            authTokenManager: AuthTokenManager;
             api: UploaderPublicApi;
             validationManager: ValidationManager;
         }[TName]>>;