@cesdk/cesdk-js 1.6.0-alpha.1 → 1.6.2

package/README.md

@@ -1,27 +1,27 @@
 ![Hero image showing the configuration abilities of CE.SDK](https://img.ly/static/cesdk_release_header.png)
 
-# CreativeEditor SDK 
+# CreativeEditor SDK
 
-The CreativeEditor SDK (**CE.SDK**) for Web is a fully customizable, simple-to-use design editor. 
+The CreativeEditor SDK (**CE.SDK**) for Web is a fully customizable, simple-to-use design editor.
 
 Seamlessly integrate it into any Web app with just a few lines of code. The editor combines the best of layout, typography and photo editing. **CE.SDK** also facilitates both template creation and adaption workflows, also featuring constraints and text placeholders for database automations.
 
 Visit our [website](https://img.ly) for more tutorials on how to integrate and customize the editor for your specific use-case.
 
-## Usage 
+## Usage
 
-## 1. Install CreativeEditor SDK
-Install the SDK with `npm` 
-```bash 
+## 1. Install the CreativeEditor SDK
+Install the SDK with `npm`
+```bash
 npm install --save @cesdk/cesdk-js
 ```
 
 or with `yarn`
-```bash 
+```bash
 yarn add @cesdk/cesdk-js
 ```
 
-## 2. Create an empty Container 
+## 2. Create an empty Container
 We need to add an empty `<div>` with an id or class as container for the SDK.
 
 ```html
@@ -37,15 +37,15 @@ The last step involves the configuration and instantiation of the SDK.
 import CreativeEditorSDK from '@cesdk/cesdk-js'
 
 CreativeEditorSDK
-  .init('#cesdk_container') 
+  .init('#cesdk_container')
   .then((instance) => {
     /** do something with the instance of CreativeEditor SDK **/
   });
 ```
 ## Documentation
-The full documentation of CreativeEditor SDK can be found at
+The full documentation of the CreativeEditor SDK can be found at
 [https://img.ly/docs/cesdk/](https://img.ly/docs/cesdk/).
 
 ## License
 
- The CreativeEditor SDK is a commercial product. To use it as such and get access to its white label version - without the watermark in the export - you need to unlock the SDK with a license file. You can purchase a license at https://img.ly/pricing.       
+ The CreativeEditor SDK is a commercial product. To use it as such and get access to its white label version - without the watermark in the export - you need to unlock the SDK with a license file. You can purchase a license at https://img.ly/pricing.

package/assets/i18n/de.json

@@ -327,6 +327,7 @@
   "component.canvas.state.loading": "Editor wird geladen",
   "component.canvas.state.loading.description": "Nur ein paar Sekunden...",
   "component.canvas.state.unsupported": "Ihr Browser wird nicht unterstützt",
+  "component.colorPicker.colorItem.description": "Diese Farbe verwenden",
   "component.colorPicker.colorItem": "Farbelement {{index}}",
   "component.colorPicker.colorItem.hexInput": "Hex",
   "component.colorPicker.colorItem.transparent": "Farbelement {{index}}, Farbname: Transparent",
@@ -334,8 +335,11 @@
   "component.colorPicker.hsl.description": "{{componentName}}, $t(common.nearestColorName): {{nearestColorName}}; $t(common.colorValue): Farbwert: {{hue}}°, Farbsättigung: {{saturation}}%, Helligkeit: {{lightness}}%",
   "component.colorPicker.hueGradient": "Farbverlaufston-Auswahl",
   "component.colorSchemeSelect.accent": "Akzentfarbe",
+  "component.colorSchemeSelect.accent.description": "Akzentfarbe ändern",
   "component.colorSchemeSelect.active": "Aktivfarbe",
+  "component.colorSchemeSelect.active.description": "Aktivfarbe ändern",
   "component.colorSchemeSelect.background": "Hintergrundfarbe",
+  "component.colorSchemeSelect.background.description": "Hintergrundfarbe ändern",
   "component.dnd.description": "Die hochgeladenen Dateien werden in der Bibliothek gespeichert",
   "component.dnd.prompt": "Dateien hier hinziehen",
   "component.dockIconSizeSelect": "Dock Icon Skalierung",
@@ -378,6 +382,7 @@
   "component.library.breadcrumbRoot": "Alle",
   "component.library.clearSearch": "Suchen leeren",
   "component.library.elements": "Elemente",
+  "component.library.enterSection": "Bereich öffnen",
   "component.library.error": "Keine Verbindung",
   "component.library.loading": "Lade …",
   "component.library.noItems": "Keine Elemente vorhanden",
@@ -410,8 +415,8 @@
   "component.templateLibrary": "Vorlagen-Bibliothek",
   "component.templateLibrary.abort": "$t(common.cancel)",
   "component.templateLibrary.confirm": "Ja, Änderungen verwerfen",
-  "component.templateLibrary.dialog.body": "Alle Änderungen an der aktuellen Vorlage gehen beim Wechsel verloren. Möchten Sie wirklich wechseln?",
-  "component.templateLibrary.dialog.headline": "Vorlage wechseln",
+  "component.templateLibrary.dialog.body": "Inhalte wie Bilder und Text können nicht übernommen werden und werden dementsprechend verworfen.",
+  "component.templateLibrary.dialog.headline": "Aktuelles Dokument ersetzen?",
   "component.templateLibrary.dialog.invalid": "Diese Vorlage ist ungültig und kann leider nicht benutzt werden.",
   "component.themeSelect": "Farbschema",
   "component.themeSelect.dark": "Dunkel",
@@ -447,23 +452,29 @@
   "input.adjustments": "Korrekturen",
   "input.adjustments.basic": "Grundlagen",
   "input.adjustments.refinements": "Feinheiten",
+  "input.adjustments.tooltip": "Korrekturen ändern",
   "input.alwaysOnTop": "Immer im Vordergrund",
   "input.appearance": "Aussehen",
   "input.aspectLock": "Proportionen beibehalten",
   "input.aspectLock.description": "Proportionen beibehalten / frei",
   "input.bleedMargin.select": "Anschnitt auswählen",
   "input.blur": "Unschärfe",
+  "input.blur.tooltip": "Unschärfe ändern",
   "input.character": "Schriftzeichen",
   "input.clipContent": "Inhalt beschneiden",
   "input.clipContent.off.description": "Inhalt beschneiden deaktivieren",
   "input.clipContent.on.description": "Inhalt beschneiden aktivieren",
   "input.document": "$t(block.scene)",
   "input.effect": "Effekt",
+  "input.effect.tooltip": "Effekt ändern",
   "input.export": "Export",
   "input.filter": "Filter",
+  "input.filter.tooltip": "Filter ändern",
   "input.fontSelect": "Ausgewählte Schriftart: {{font}}",
   "input.fontSelect.fallback": "Standard",
+  "input.fontSelect.tooltip": "Schriftart ändern",
   "input.fontSize.select": "Schriftgröße auswählen",
+  "input.fontStyle.toggle": "{{style}} umschalten",
   "input.gradient.activateColorStop": "Leertaste drücken zum aktivieren.",
   "input.gradient.colorPosition": "Farbposition",
   "input.gradient.colorStop": "Farbmarker",
@@ -483,11 +494,13 @@
   "input.pages": "Seiten",
   "input.preset": "Vorlage",
   "input.preset.description": "Seitenvorlage",
+  "input.preset.tooltip": "$(input.preset) auswählen",
   "input.propertyToggle.disable": "Deaktivieren",
   "input.propertyToggle.enable": "Aktivieren",
   "input.propertyToggle.hidden": "Versteckt",
   "input.propertyToggle.visible": "Sichtbar",
   "input.rename": "{{designElementName}} umbenennen",
+  "input.resolution.select": "{{which}} auswählen",
   "input.shape": "Form",
   "input.shape.options": "Form Optionen",
   "input.showInExport": "Im Export anzeigen",
@@ -495,8 +508,11 @@
   "input.text.advanced": "$t(common.advanced)",
   "input.text.advanced.description": "Zeilenhöhe, Abstände, Ausrichtung & Größe",
   "input.text.placeholder": "Etwas aufschreiben",
-  "input.transform.description": "$t(common.position) & $t(common.size)",
+  "input.transform": "$t(common.position) & $t(common.size)",
+  "input.transform.description": "$t(common.position) und $t(common.size) ändern",
   "input.typefaceSelect.description": "Ausgewählte Schriftfamilie: {{fontFamily}}",
+  "input.typefaceSelect.tooltip": "Schriftfamilie ändern",
+  "input.unit.tooltip": "$(common.unit) auswählen",
   "input.uploadImage": "Bild wird hochgeladen...",
   "libraries.local.label": "Uploads",
   "libraries.ly.img.image.label": "Bilder",
@@ -516,7 +532,6 @@
   "libraries.ly.img.vectorpath.vectorpaths.label": "Basis",
   "libraries.ly.img.video.label": "Videos",
   "libraries.unsplash.label": "Unsplash",
-  "libraries.ly.img.template.label": "Vorlagen",
   "meta.currentLanguage": "Deutsch",
   "notification.redo": "$t(common.redo)",
   "notification.undo": "$t(common.undo)",
@@ -565,7 +580,28 @@
   "property.autoSize.autoHeight.description": "Höhe des Textfeldes automatisch skalieren",
   "property.autoSize.fixedFrame.description": "Feste Größe des Textfeldes",
   "property.backgroundColor": "Hintergrund",
+  "property.backgroundColor.description": "Hintergrundfarbe ändern",
   "property.bleedMargin": "Anschnitt",
+  "property.blendMode": "Überblendmodi",
+  "property.blendMode.Color": "Farbe",
+  "property.blendMode.ColorBurn": "Farbig nachbelichten",
+  "property.blendMode.ColorDodge": "Farbig abwedeln",
+  "property.blendMode.Darken": "Verdunkeln",
+  "property.blendMode.description": "Ausgewählter Überblendmodi: {{mode}}",
+  "property.blendMode.tooltip": "Überblendmodi ändern",
+  "property.blendMode.Difference": "Differenz",
+  "property.blendMode.Exclusion": "Ausschluss",
+  "property.blendMode.HardLight": "Hartes Licht",
+  "property.blendMode.Hue": "Farbton",
+  "property.blendMode.Lighten": "Aufhellen",
+  "property.blendMode.Luminosity": "Luminanz",
+  "property.blendMode.Multiply": "Multiplizieren",
+  "property.blendMode.Normal": "Normal",
+  "property.blendMode.Overlay": "Ineinanderkopieren",
+  "property.blendMode.PassThrough": "Durchschleifen",
+  "property.blendMode.Saturation": "Sätigung",
+  "property.blendMode.Screen": "Negativ multiplizieren",
+  "property.blendMode.SoftLight": "Weiches Licht",
   "property.blur.extrudeBlur": "Zoom Unschärfe",
   "property.blur.extrudeBlur.amount": "Intensität",
   "property.blur.linearBlur": "Lineare Unschärfe",
@@ -591,6 +627,7 @@
   "property.blur.uniformBlur": "Gaußscher Weichzeichner",
   "property.blur.uniformBlur.intensity": "Intensität",
   "property.color": "Farbe",
+  "property.color.description": "Farbe ändern",
   "property.crop": "Zuschneiden",
   "property.crop.offset": "{{axis}} Versatz",
   "property.crop.offset.description": "Versatz des Bildes auf der {{axis}}-Achse in {{unit}}",
@@ -598,6 +635,7 @@
   "property.crop.scale.description": "Bildabmessungen proportional skalieren",
   "property.crop.size": "Zuschneidebereich",
   "property.crop.size.description": "{{dimension}} des Zuschneidebereichs in {{unit}}",
+  "property.crop.tooltip": "Zuschnitt ändern",
   "property.crop.transform": "$t(block.image)",
   "property.duotoneFilter.breezy": "Breezy",
   "property.duotoneFilter.clash": "Clash",
@@ -666,6 +704,7 @@
   "property.effect.waves.strength": "Intensität",
   "property.effect.waves.time": "Varianz",
   "property.fill": "Füllung",
+  "property.fill.description": "Füllung ändern",
   "property.fillType": "Füllung",
   "property.fillType.gradient": "Farbverlauf",
   "property.fillType.gradient.description": "Mit Farbverlauf füllen",
@@ -702,6 +741,7 @@
   "property.position.description": "Position auf der {{axis}}-Achse in {{unit}}",
   "property.sides": "Seiten",
   "property.strokeColor": "Umriss",
+  "property.strokeColor.description": "Umrissfarbe ändern",
   "property.strokeJoin": "Kanten",
   "property.strokeJoin.bevel.description": "Abgeschrägte Kanten benutzen",
   "property.strokeJoin.miter.description": "Harte Kanten benutzen",
@@ -720,7 +760,6 @@
   "property.strokeStyle.longDashed": "Lang Gestrichelt",
   "property.strokeStyle.longDashedRound": "Lang Gestrichelt Rund",
   "property.strokeStyle.solid": "Durchgängig",
-  "property.strokeWidth.description": "Strichbreite ändern",
   "property.strokeWidth": "Breite",
   "property.strokeWidth.description": "Strichbreite ändern",
   "property.textAlignment.horizontal": "Horizontale Ausrichtung",

package/assets/i18n/en.json

@@ -327,6 +327,7 @@
   "component.canvas.state.loading": "Loading Editor",
   "component.canvas.state.loading.description": "Just a few seconds...",
   "component.canvas.state.unsupported": "Browser is not supported",
+  "component.colorPicker.colorItem.description": "Use this color",
   "component.colorPicker.colorItem": "Color item {{index}}",
   "component.colorPicker.colorItem.hexInput": "Hex",
   "component.colorPicker.colorItem.transparent": "Color item {{index}}, Color name: transparent",
@@ -334,8 +335,11 @@
   "component.colorPicker.hsl.description": "{{componentName}}, $t(common.nearestColorName): {{nearestColorName}}; $t(common.colorValue): hue: {{hue}}°, saturation: {{saturation}}%, lightness: {{lightness}}%",
   "component.colorPicker.hueGradient": "Hue gradient selection",
   "component.colorSchemeSelect.accent": "Accent color",
+  "component.colorSchemeSelect.accent.description": "Change accent color",
   "component.colorSchemeSelect.active": "Active color",
+  "component.colorSchemeSelect.active.description": "Change active color",
   "component.colorSchemeSelect.background": "Background color",
+  "component.colorSchemeSelect.background.description": "Change background color",
   "component.dnd.description": "The added files are stored in the library",
   "component.dnd.prompt": "Drag file here",
   "component.dockIconSizeSelect": "Dock Icon Scaling",
@@ -378,6 +382,7 @@
   "component.library.breadcrumbRoot": "All",
   "component.library.clearSearch": "Clear search",
   "component.library.elements": "Elements",
+  "component.library.enterSection": "Enter section",
   "component.library.error": "Cannot connec to to asset source",
   "component.library.loading": "Loading …",
   "component.library.noItems": "No elements",
@@ -410,8 +415,8 @@
   "component.templateLibrary": "Template Library",
   "component.templateLibrary.abort": "$t(common.cancel)",
   "component.templateLibrary.confirm": "Yes, discard changes",
-  "component.templateLibrary.dialog.body": "You will lose all edits you did to the current template when switching to a new one, are you 100% sure?",
-  "component.templateLibrary.dialog.headline": "Switching Templates",
+  "component.templateLibrary.dialog.body": "Your content, like images and text, can not be adopted and all content will be discarted.",
+  "component.templateLibrary.dialog.headline": "Replace current document?",
   "component.templateLibrary.dialog.invalid": "This preset is not valid and cannot be used.",
   "component.themeSelect": "Theme",
   "component.themeSelect.dark": "Dark",
@@ -446,23 +451,29 @@
   "input.adjustments": "Adjustments",
   "input.adjustments.basic": "Basic",
   "input.adjustments.refinements": "Refinements",
+  "input.adjustments.tooltip": "Change Adjustments",
   "input.alwaysOnTop": "Stay always on top",
   "input.appearance": "Appearance",
   "input.aspectLock": "Lock proportions",
   "input.aspectLock.description": "Toggle proportion lock",
   "input.bleedMargin.select": "Select bleed margins",
   "input.blur": "Blur",
+  "input.blur.tooltip": "Change Blur",
   "input.character": "Character",
   "input.clipContent": "Clip content",
   "input.clipContent.off.description": "Turn clip content off",
   "input.clipContent.on.description": "Turn clip content on",
   "input.document": "$t(block.scene)",
   "input.effect": "Effect",
+  "input.effect.tooltip": "Change Effect",
   "input.export": "Export",
   "input.filter": "Filter",
+  "input.filter.tooltip": "Change Filter",
   "input.fontSelect": "Selected font: {{font}}",
   "input.fontSelect.fallback": "Standard",
+  "input.fontSelect.tooltip": "Change font style",
   "input.fontSize.select": "Select font size",
+  "input.fontStyle.toggle": "Toggle {{style}}",
   "input.gradient.activateColorStop": "Press space to activate.",
   "input.gradient.colorPosition": "Color Position",
   "input.gradient.colorStop": "Color stop",
@@ -482,11 +493,13 @@
   "input.pages": "Pages",
   "input.preset": "Preset",
   "input.preset.description": "Page format preset",
+  "input.preset.tooltip": "Select $t(input.preset)",
   "input.propertyToggle.disable": "Disable {{property}}",
   "input.propertyToggle.enable": "Enable {{property}}",
   "input.propertyToggle.hidden": "Hidden",
   "input.propertyToggle.visible": "Visible",
   "input.rename": "Rename {{designElementName}}",
+  "input.resolution.select": "Select {{which}}",
   "input.shape": "Shape",
   "input.shape.options": "Shape Options",
   "input.showInExport": "Show in export",
@@ -494,8 +507,11 @@
   "input.text.advanced": "$t(common.advanced)",
   "input.text.advanced.description": "Line Height, Spacing, Alignment & Sizing",
   "input.text.placeholder": "Write Something",
-  "input.transform.description": "$t(common.position) & $t(common.size)",
+  "input.transform": "$t(common.position) & $t(common.size)",
+  "input.transform.description": "Adjust $t(common.position) and $t(common.size)",
   "input.typefaceSelect.description": "Selected font typeface: {{fontFamily}}",
+  "input.typefaceSelect.tooltip": "Change font typeface",
+  "input.unit.tooltip": "Select $(common.unit)",
   "input.uploadImage": "Uploading image...",
   "libraries.local.label": "Uploads",
   "libraries.ly.img.image.label": "Images",
@@ -515,7 +531,6 @@
   "libraries.ly.img.vectorpath.vectorpaths.label": "Basic",
   "libraries.ly.img.video.label": "Videos",
   "libraries.unsplash.label": "Unsplash",
-  "libraries.ly.img.template.label": "Templates",
   "meta.currentLanguage": "English",
   "notification.redo": "$t(common.redo)",
   "notification.undo": "$t(common.undo)",
@@ -564,7 +579,28 @@
   "property.autoSize.autoHeight.description": "Automatically scale the text frame's height",
   "property.autoSize.fixedFrame.description": "Maintain the text's frame",
   "property.backgroundColor": "Background",
+  "property.backgroundColor.description": "Change background color",
   "property.bleedMargin": "Bleed Margin",
+  "property.blendMode": "Blend Mode",
+  "property.blendMode.Color": "Color",
+  "property.blendMode.ColorBurn": "Color Burn",
+  "property.blendMode.ColorDodge": "Color Dodge",
+  "property.blendMode.Darken": "Darken",
+  "property.blendMode.description": "Selected blend mode: {{mode}}",
+  "property.blendMode.tooltip": "Change blend mode",
+  "property.blendMode.Difference": "Difference",
+  "property.blendMode.Exclusion": "Exclusion",
+  "property.blendMode.HardLight": "Hard Light",
+  "property.blendMode.Hue": "Hue",
+  "property.blendMode.Lighten": "Lighten",
+  "property.blendMode.Luminosity": "Luminosity",
+  "property.blendMode.Multiply": "Multiply",
+  "property.blendMode.Normal": "Normal",
+  "property.blendMode.Overlay": "Overlay",
+  "property.blendMode.PassThrough": "Pass Through",
+  "property.blendMode.Saturation": "Saturation",
+  "property.blendMode.Screen": "Screen",
+  "property.blendMode.SoftLight": "Soft Light",
   "property.blur.extrudeBlur": "Extrude Blur",
   "property.blur.extrudeBlur.amount": "Intensity",
   "property.blur.linearBlur": "Linear Blur",
@@ -590,6 +626,7 @@
   "property.blur.uniformBlur": "Gaussian Blur",
   "property.blur.uniformBlur.intensity": "Intensity",
   "property.color": "Color",
+  "property.color.description": "Change Color",
   "property.crop": "Crop",
   "property.crop.offset": "{{axis}} Offset",
   "property.crop.offset.description": "Crop offset on the {{axis}}-axis in {{unit}}",
@@ -597,6 +634,7 @@
   "property.crop.scale.description": "Proportionally scale image dimensions",
   "property.crop.size": "Crop Area",
   "property.crop.size.description": "{{dimension}} of the crop frame in {{unit}}",
+  "property.crop.tooltip": "Change Crop properties",
   "property.crop.transform": "$t(block.image)",
   "property.duotoneFilter.breezy": "Breezy",
   "property.duotoneFilter.clash": "Clash",
@@ -681,6 +719,7 @@
   "property.effect.waves.strength": "Intensity",
   "property.effect.waves.time": "Variation",
   "property.fill": "Fill",
+  "property.fill.description": "Change fill",
   "property.fillType": "Fill Type",
   "property.fillType.gradient": "Gradient",
   "property.fillType.gradient.description": "Use a gradient fill",
@@ -778,6 +817,7 @@
   "property.position.description": "Position on the {{axis}}-axis in {{unit}}",
   "property.sides": "Sides",
   "property.strokeColor": "Stroke",
+  "property.strokeColor.description": "Change stroke color",
   "property.strokeJoin": "Join",
   "property.strokeJoin.bevel.description": "Use bevelled joins",
   "property.strokeJoin.miter.description": "Use mitered joins",
@@ -796,7 +836,6 @@
   "property.strokeStyle.longDashed": "Long Dashed",
   "property.strokeStyle.longDashedRound": "Long Dashed Round",
   "property.strokeStyle.solid": "Solid",
-  "property.strokeWidth.description": "Change stroke width",
   "property.strokeWidth": "Width",
   "property.strokeWidth.description": "Change stroke width",
   "property.textAlignment.horizontal": "Horizontal Alignment",

package/assets/ui/stylesheets/cesdk.css

@@ -13,8 +13,9 @@
 .UBQ_ButtonGroup__block--L2MdS>*{margin-right:1px}.UBQ_ButtonGroup__block--L2MdS>*:last-child{margin-right:0}
 .UBQ_Checkbox__block--_q3kQ{min-width:var(--ubq-margin-m);display:flex;justify-content:space-between;padding:var(--ubq-margin-xs) 0}.UBQ_Checkbox__block--_q3kQ:not(:last-child){margin-bottom:var(--ubq-margin-m)}.UBQ_Checkbox__block--_q3kQ>*{margin-right:var(--ubq-margin-xs)}.UBQ_Checkbox__block--_q3kQ.UBQ_Checkbox__labelPositionRight--ArERD .UBQ_Checkbox__checkbox-container--Cqvhp{order:1}.UBQ_Checkbox__block--_q3kQ.UBQ_Checkbox__labelPositionRight--ArERD label{order:2}.UBQ_Checkbox__block--_q3kQ>.UBQ_Checkbox__checkbox-container--Cqvhp{position:relative;width:var(--ubq-margin-l);height:var(--ubq-margin-l);flex-shrink:0;display:flex;justify-content:center;align-items:center}.UBQ_Checkbox__block--_q3kQ>.UBQ_Checkbox__checkbox-container--Cqvhp>*{width:var(--ubq-margin-m);height:var(--ubq-margin-m);margin:0;position:absolute}.UBQ_Checkbox__block--_q3kQ>.UBQ_Checkbox__checkbox-container--Cqvhp>input{opacity:0;z-index:1;cursor:pointer}.UBQ_Checkbox__block--_q3kQ>.UBQ_Checkbox__checkbox-container--Cqvhp>input:focus~.UBQ_Checkbox__checkbox--uu287{box-shadow:var(--ubq-effect-focus),inset 0 0 0 1px var(--ubq-Checkbox-border-color, rgba(255, 255, 255, 0.1))}.UBQ_Checkbox__block--_q3kQ>.UBQ_Checkbox__checkbox-container--Cqvhp>input:-moz-focusring~.UBQ_Checkbox__checkbox--uu287{opacity:1;z-index:2;box-shadow:var(--ubq-effect-focus),inset 0 0 0 1px var(--ubq-Checkbox-border-color, rgba(255, 255, 255, 0.1))}.UBQ_Checkbox__block--_q3kQ>.UBQ_Checkbox__checkbox-container--Cqvhp>input:-moz-focusring~.UBQ_Checkbox__checkbox--uu287:focus:not(:focus-visible){outline:none}.UBQ_Checkbox__block--_q3kQ>.UBQ_Checkbox__checkbox-container--Cqvhp>input:focus-visible~.UBQ_Checkbox__checkbox--uu287{opacity:1;z-index:2;box-shadow:var(--ubq-effect-focus),inset 0 0 0 1px var(--ubq-Checkbox-border-color, rgba(255, 255, 255, 0.1))}.UBQ_Checkbox__block--_q3kQ>.UBQ_Checkbox__checkbox-container--Cqvhp>input:focus-visible~.UBQ_Checkbox__checkbox--uu287:focus:not(:focus-visible){outline:none}.UBQ_Checkbox__block--_q3kQ>.UBQ_Checkbox__checkbox-container--Cqvhp>.UBQ_Checkbox__checkbox--uu287{border-radius:var(--ubq-border_radius-s);background:var(--ubq-Checkbox-background, var(--ubq-interactive-default));box-shadow:inset 0 0 0 1px var(--ubq-Checkbox-border-color, rgba(255, 255, 255, 0.1))}.UBQ_Checkbox__block--_q3kQ>.UBQ_Checkbox__checkbox-container--Cqvhp>.UBQ_Checkbox__checkbox--uu287>svg{width:var(--ubq-margin-m);height:var(--ubq-margin-m)}.UBQ_Checkbox__block--_q3kQ>.UBQ_Checkbox__checkbox-container--Cqvhp>.UBQ_Checkbox__checkbox--uu287>*{display:none}.UBQ_Checkbox__block--_q3kQ>.UBQ_Checkbox__checkbox-container--Cqvhp>.UBQ_Checkbox__checkbox--uu287[data-checked=true]{background:var(--ubq-Checkbox-background--active, var(--ubq-interactive-active-default))}.UBQ_Checkbox__block--_q3kQ>.UBQ_Checkbox__checkbox-container--Cqvhp>.UBQ_Checkbox__checkbox--uu287[data-checked=true]>*{color:var(--ubq-Checkbox-foreground--active, var(--ubq-foreground-active));display:block}.UBQ_Checkbox__block--_q3kQ>label{color:var(--ubq-Checkbox-label-foreground, var(--ubq-foreground-light));font-size:var(--ubq-typography-label-m-size);line-height:var(--ubq-typography-label-m-line_height);letter-spacing:var(--ubq-typography-label-m-letter_spacing);font-family:var(--ubq-typography-label-m-font_family);flex-grow:1;display:flex;align-items:center;cursor:pointer}.UBQ_Checkbox__block--_q3kQ>label[data-checked=true]{color:var(--ubq-Checkbox-label-foreground--active, var(--ubq-foreground-default))}.UBQ_Checkbox__block--_q3kQ:hover>.UBQ_Checkbox__checkbox-container--Cqvhp>.UBQ_Checkbox__checkbox--uu287[data-checked=true]{background:var(--ubq-Checkbox-background--active-hover, var(--ubq-interactive-active-hover))}.UBQ_Checkbox__block--_q3kQ:hover>.UBQ_Checkbox__checkbox-container--Cqvhp>.UBQ_Checkbox__checkbox--uu287[data-checked=false]{background:var(--ubq-Checkbox-background--hover, var(--ubq-interactive-hover))}.UBQ_Checkbox__block--_q3kQ:hover>.UBQ_Checkbox__checkbox-container--Cqvhp>.UBQ_Checkbox__checkbox--uu287[data-checked=false]>*{display:none}.UBQ_Checkbox__block--_q3kQ:hover>label{color:var(--ubq-Checkbox-label-foreground--hover, var(--ubq-foreground-light))}.UBQ_Checkbox__disabled--s4MFI{opacity:.55;pointer-events:none}.UBQ_Checkbox__icon--_PdOU{margin-right:var(--ubq-margin-xs);margin-left:calc(var(--ubq-margin-xs) / 2)}
 
-.UBQ_ColorField__block--G66ae{display:flex;height:calc(var(--ubq-margin-l) + var(--ubq-margin-s));width:calc(var(--ubq-margin-l) + var(--ubq-margin-s));box-sizing:border-box;border:none;border-radius:50%;outline:none;box-shadow:inset 0 0 0 1px var(--ubq-ColorField-inner-border-color, var(--ubq-border-contrast)),0 0 0 0px var(--ubq-ColorField-inner-border-color, transparent);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden}.UBQ_ColorField__block--G66ae:hover{box-shadow:inset 0 0 0 var(--ubq-margin-xs) var(--ubq-ColorField-inner-border-color--hover, var(--ubq-border-contrast)),0 0 0 calc(var(--ubq-margin-xs) / 2) var(--ubq-ColorField-border-color, var(--ubq-border-contrast))}.UBQ_ColorField__block--G66ae:disabled{opacity:.55;pointer-events:none}@supports not (contain: none){.UBQ_ColorField__block--G66ae:focus{box-shadow:inset 0 0 0 var(--ubq-margin-xs) var(--ubq-ColorField-inner-border-color--hover, var(--ubq-border-contrast)),var(--ubq-ColorField-effect-focus, var(--ubq-effect-focus))}}.UBQ_ColorField__block--G66ae:focus-visible{box-shadow:inset 0 0 0 var(--ubq-margin-xs) var(--ubq-ColorField-inner-border-color--hover, var(--ubq-border-contrast)),var(--ubq-ColorField-effect-focus, var(--ubq-effect-focus))}.UBQ_ColorField__block--G66ae:-moz-focusring{box-shadow:inset 0 0 0 var(--ubq-margin-xs) var(--ubq-ColorField-inner-border-color--hover, var(--ubq-border-contrast)),var(--ubq-ColorField-effect-focus, var(--ubq-effect-focus))}
-.UBQ_ColorPopover__button--TXCo1{--ubq-Button-padding: 0;box-shadow:inset 0 0 0 1px var(--ubq-border-contrast);border-radius:var(--ubq-border_radius-m);overflow:auto}.UBQ_ColorPopover__colorField--g7rUi{padding:0;background-color:transparent}.UBQ_ColorPopover__colorFieldContent--_2yuh{width:100%;display:grid;grid-template-areas:"stack";background-color:transparent}.UBQ_ColorPopover__colorFieldContent--_2yuh>*{grid-area:stack}.UBQ_ColorPopover__donutHole--v4plh{display:none;width:calc(2 * var(--ubq-scale-base));height:calc(2 * var(--ubq-scale-base));background-color:var(--ubq-elevation-1);box-shadow:0 0 0 1px var(--ubq-border-contrast);border-radius:50%;margin:auto;z-index:calc(0 + 1)}.UBQ_ColorPopover__donutHole--v4plh.UBQ_ColorPopover__show--dA1nB{display:flex}.UBQ_ColorPopover__colorPreviews--puYdb{display:flex;align-items:center;justify-content:center;box-sizing:border-box;position:relative;height:calc(6 * var(--ubq-scale-base));width:100%;overflow:hidden;background-color:transparent}.UBQ_ColorPopover__colorPreviews--puYdb>*{position:absolute}.UBQ_ColorPopover__colorPreviews--puYdb .UBQ_ColorPopover__checkeredBackgroundOnly--UHl_H,.UBQ_ColorPopover__colorPreviews--puYdb .UBQ_ColorPopover__checkeredRed--akDuV{height:calc(100% - 2px);width:calc(100% - 2px);top:1px;left:1px;border-radius:calc(var(--ubq-border_radius-m) - 1px)}.UBQ_ColorPopover__colorPreviews--puYdb .UBQ_ColorPopover__minimal--_Z7d7{border-radius:50%}.UBQ_ColorPopover__colorPreviews--puYdb .UBQ_ColorPopover__checkeredBackgroundOnly--UHl_H{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgd2lkdGg9IjIwIiBoZWlnaHQ9IjIwIiBmaWxsPSJ3aGl0ZSIvPgo8cmVjdCB3aWR0aD0iNSIgaGVpZ2h0PSI1IiBmaWxsPSJibGFjayIgZmlsbC1vcGFjaXR5PSIwLjEyIi8+CjxyZWN0IHg9IjEwIiB3aWR0aD0iNSIgaGVpZ2h0PSI1IiBmaWxsPSJibGFjayIgZmlsbC1vcGFjaXR5PSIwLjEyIi8+CjxyZWN0IHg9IjUiIHk9IjUiIHdpZHRoPSI1IiBoZWlnaHQ9IjUiIGZpbGw9ImJsYWNrIiBmaWxsLW9wYWNpdHk9IjAuMTIiLz4KPHJlY3QgeD0iMTUiIHk9IjUiIHdpZHRoPSI1IiBoZWlnaHQ9IjUiIGZpbGw9ImJsYWNrIiBmaWxsLW9wYWNpdHk9IjAuMTIiLz4KPHJlY3QgeT0iMTAiIHdpZHRoPSI1IiBoZWlnaHQ9IjUiIGZpbGw9ImJsYWNrIiBmaWxsLW9wYWNpdHk9IjAuMTIiLz4KPHJlY3QgeD0iMTAiIHk9IjEwIiB3aWR0aD0iNSIgaGVpZ2h0PSI1IiBmaWxsPSJibGFjayIgZmlsbC1vcGFjaXR5PSIwLjEyIi8+CjxyZWN0IHg9IjUiIHk9IjE1IiB3aWR0aD0iNSIgaGVpZ2h0PSI1IiBmaWxsPSJibGFjayIgZmlsbC1vcGFjaXR5PSIwLjEyIi8+CjxyZWN0IHg9IjE1IiB5PSIxNSIgd2lkdGg9IjUiIGhlaWdodD0iNSIgZmlsbD0iYmxhY2siIGZpbGwtb3BhY2l0eT0iMC4xMiIvPgo8L3N2Zz4K)}.UBQ_ColorPopover__colorPreviews--puYdb .UBQ_ColorPopover__iconContainer--L1sHn{position:absolute;top:0;right:0;height:var(--ubq-typography-label-m-line_height);width:var(--ubq-typography-label-m-line_height);margin:var(--ubq-margin-xs);display:flex;justify-content:center;align-items:center;background-color:var(--ubq-elevation-2);border-radius:var(--ubq-border_radius-s)}.UBQ_ColorPopover__colorPreviews--puYdb .UBQ_ColorPopover__iconContainer--L1sHn>svg{height:var(--ubq-typography-button-m-line_height);width:var(--ubq-typography-button-m-line_height);color:var(--ubq-foreground-default);margin:var(--ubq-margin-xs)}.UBQ_ColorPopover__colorPreview--qa9i7{display:flex;height:100%;width:100%;font-size:var(--ubq-typography-label-m-size);line-height:var(--ubq-typography-label-m-line_height);letter-spacing:var(--ubq-typography-label-m-letter_spacing);font-family:var(--ubq-typography-label-m-font_family);font-weight:var(--ubq-typography-label-m-weight);box-sizing:content-box;background-color:transparent}.UBQ_ColorPopover__colorPreviewLabel--hPR99{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:var(--ubq-margin-xs) calc(var(--ubq-typography-label-m-line_height) + 2 * var(--ubq-margin-xs)) var(--ubq-margin-xs) var(--ubq-margin-s);width:100%;text-align:left}.UBQ_ColorPopover__colorPreviewLabel--hPR99.UBQ_ColorPopover__inverted--F6glG{color:var(--ubq-static-contrast-white);mix-blend-mode:difference}.UBQ_ColorPopover__mappedPreviewColorsContainer--GPTbU{height:100%;width:100%;display:flex}.UBQ_ColorPopover__checkeredRed--akDuV,.UBQ_ColorPopover__checkered--_ez_u{background-size:100% 100%,auto}.UBQ_ColorPopover__checkeredRed--akDuV{background-image:url(data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB2aWV3Qm94PSIwIDAgMjAgMjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMCkiPgo8cGF0aCBkPSJNMjAuNSAtMC41TC0wLjUwMDAxNCAyMC41IiBzdHJva2U9IiNDQzAwMDAiIHN0cm9rZS13aWR0aD0iMiIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwIj4KPHJlY3Qgd2lkdGg9IjIwIiBoZWlnaHQ9IjIwIiBmaWxsPSJ3aGl0ZSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=),url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgd2lkdGg9IjIwIiBoZWlnaHQ9IjIwIiBmaWxsPSJ3aGl0ZSIvPgo8cmVjdCB3aWR0aD0iNSIgaGVpZ2h0PSI1IiBmaWxsPSJibGFjayIgZmlsbC1vcGFjaXR5PSIwLjEyIi8+CjxyZWN0IHg9IjEwIiB3aWR0aD0iNSIgaGVpZ2h0PSI1IiBmaWxsPSJibGFjayIgZmlsbC1vcGFjaXR5PSIwLjEyIi8+CjxyZWN0IHg9IjUiIHk9IjUiIHdpZHRoPSI1IiBoZWlnaHQ9IjUiIGZpbGw9ImJsYWNrIiBmaWxsLW9wYWNpdHk9IjAuMTIiLz4KPHJlY3QgeD0iMTUiIHk9IjUiIHdpZHRoPSI1IiBoZWlnaHQ9IjUiIGZpbGw9ImJsYWNrIiBmaWxsLW9wYWNpdHk9IjAuMTIiLz4KPHJlY3QgeT0iMTAiIHdpZHRoPSI1IiBoZWlnaHQ9IjUiIGZpbGw9ImJsYWNrIiBmaWxsLW9wYWNpdHk9IjAuMTIiLz4KPHJlY3QgeD0iMTAiIHk9IjEwIiB3aWR0aD0iNSIgaGVpZ2h0PSI1IiBmaWxsPSJibGFjayIgZmlsbC1vcGFjaXR5PSIwLjEyIi8+CjxyZWN0IHg9IjUiIHk9IjE1IiB3aWR0aD0iNSIgaGVpZ2h0PSI1IiBmaWxsPSJibGFjayIgZmlsbC1vcGFjaXR5PSIwLjEyIi8+CjxyZWN0IHg9IjE1IiB5PSIxNSIgd2lkdGg9IjUiIGhlaWdodD0iNSIgZmlsbD0iYmxhY2siIGZpbGwtb3BhY2l0eT0iMC4xMiIvPgo8L3N2Zz4K)}.UBQ_ColorPopover__insetBorderOverlay--oLtHu{box-shadow:inset 0 0 0 1px var(--ubq-border-contrast);height:100%;width:100%;border-radius:50%}
+.UBQ_ColorField__block--G66ae{display:flex;height:calc(var(--ubq-margin-l) + var(--ubq-margin-xs));width:calc(var(--ubq-margin-l) + var(--ubq-margin-xs));box-sizing:border-box;border:none;border-radius:50%;outline:none;box-shadow:inset 0 0 0 1px var(--ubq-ColorField-inner-border-color, var(--ubq-border-contrast)),0 0 0 0px var(--ubq-ColorField-inner-border-color, transparent);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden}.UBQ_ColorField__block--G66ae:hover{box-shadow:inset 0 0 0 var(--ubq-margin-xs) var(--ubq-ColorField-inner-border-color--hover, var(--ubq-border-contrast)),0 0 0 calc(var(--ubq-margin-xs) / 2) var(--ubq-ColorField-border-color, var(--ubq-border-contrast))}.UBQ_ColorField__block--G66ae:disabled{opacity:.55;pointer-events:none}@supports not (contain: none){.UBQ_ColorField__block--G66ae:focus{box-shadow:inset 0 0 0 var(--ubq-margin-xs) var(--ubq-ColorField-inner-border-color--hover, var(--ubq-border-contrast)),var(--ubq-ColorField-effect-focus, var(--ubq-effect-focus))}}.UBQ_ColorField__block--G66ae:focus-visible{box-shadow:inset 0 0 0 var(--ubq-margin-xs) var(--ubq-ColorField-inner-border-color--hover, var(--ubq-border-contrast)),var(--ubq-ColorField-effect-focus, var(--ubq-effect-focus))}.UBQ_ColorField__block--G66ae:-moz-focusring{box-shadow:inset 0 0 0 var(--ubq-margin-xs) var(--ubq-ColorField-inner-border-color--hover, var(--ubq-border-contrast)),var(--ubq-ColorField-effect-focus, var(--ubq-effect-focus))}
+.UBQ_ColorPopover__button--TXCo1{--ubq-Button-padding: 0;box-shadow:inset 0 0 0 1px var(--ubq-border-contrast);border-radius:var(--ubq-border_radius-m);overflow:auto}.UBQ_ColorPopover__strikeThrough--kTBrz{width:100%;height:100%;z-index:0}.UBQ_ColorPopover__colorField--g7rUi{padding:0;background-color:transparent}.UBQ_ColorPopover__colorField--g7rUi.UBQ_ColorPopover__disabled--yBuH4{opacity:.55}.UBQ_ColorPopover__colorFieldContent--_2yuh{width:100%;display:grid;grid-template-areas:"stack";background-color:transparent}.UBQ_ColorPopover__colorFieldContent--_2yuh>*{grid-area:stack}.UBQ_ColorPopover__donutHole--v4plh{display:none;width:calc(2 * var(--ubq-scale-base));height:calc(2 * var(--ubq-scale-base));background-color:var(--ubq-elevation-1);box-shadow:0 0 0 1px var(--ubq-border-contrast);border-radius:50%;margin:auto;z-index:0}.UBQ_ColorPopover__donutHole--v4plh.UBQ_ColorPopover__show--dA1nB{display:flex}.UBQ_ColorPopover__colorPreviews--puYdb{display:flex;align-items:center;justify-content:center;box-sizing:border-box;position:relative;height:calc(6 * var(--ubq-scale-base));width:100%;overflow:hidden;background-color:transparent}.UBQ_ColorPopover__colorPreviews--puYdb.UBQ_ColorPopover__small--jsLXv{height:calc(5 * var(--ubq-scale-base))}.UBQ_ColorPopover__colorPreviews--puYdb>*{position:absolute}.UBQ_ColorPopover__colorPreviews--puYdb .UBQ_ColorPopover__checkeredBackgroundOnly--UHl_H,.UBQ_ColorPopover__colorPreviews--puYdb .UBQ_ColorPopover__checkeredRed--akDuV{height:calc(100% - 2px);width:calc(100% - 2px);top:1px;left:1px;border-radius:calc(var(--ubq-border_radius-m) - 1px)}.UBQ_ColorPopover__colorPreviews--puYdb .UBQ_ColorPopover__minimal--_Z7d7{border-radius:50%}.UBQ_ColorPopover__colorPreviews--puYdb .UBQ_ColorPopover__checkeredBackgroundOnly--UHl_H{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2IiBmaWxsPSJ3aGl0ZSIvPgo8cmVjdCB3aWR0aD0iNCIgaGVpZ2h0PSI0IiBmaWxsPSJibGFjayIgZmlsbC1vcGFjaXR5PSIwLjEyIi8+CjxyZWN0IHg9IjgiIHdpZHRoPSI0IiBoZWlnaHQ9IjQiIGZpbGw9ImJsYWNrIiBmaWxsLW9wYWNpdHk9IjAuMTIiLz4KPHJlY3QgeD0iNCIgeT0iNCIgd2lkdGg9IjQiIGhlaWdodD0iNCIgZmlsbD0iYmxhY2siIGZpbGwtb3BhY2l0eT0iMC4xMiIvPgo8cmVjdCB4PSIxMiIgeT0iNCIgd2lkdGg9IjQiIGhlaWdodD0iNCIgZmlsbD0iYmxhY2siIGZpbGwtb3BhY2l0eT0iMC4xMiIvPgo8cmVjdCB5PSI4IiB3aWR0aD0iNCIgaGVpZ2h0PSI0IiBmaWxsPSJibGFjayIgZmlsbC1vcGFjaXR5PSIwLjEyIi8+CjxyZWN0IHg9IjgiIHk9IjgiIHdpZHRoPSI0IiBoZWlnaHQ9IjQiIGZpbGw9ImJsYWNrIiBmaWxsLW9wYWNpdHk9IjAuMTIiLz4KPHJlY3QgeD0iNCIgeT0iMTIiIHdpZHRoPSI0IiBoZWlnaHQ9IjQiIGZpbGw9ImJsYWNrIiBmaWxsLW9wYWNpdHk9IjAuMTIiLz4KPHJlY3QgeD0iMTIiIHk9IjEyIiB3aWR0aD0iNCIgaGVpZ2h0PSI0IiBmaWxsPSJibGFjayIgZmlsbC1vcGFjaXR5PSIwLjEyIi8+Cjwvc3ZnPgo=);background-position:-1px -1px}.UBQ_ColorPopover__colorPreviews--puYdb .UBQ_ColorPopover__iconContainer--L1sHn{position:absolute;top:0;right:0;height:var(--ubq-typography-label-m-line_height);width:var(--ubq-typography-label-m-line_height);margin:var(--ubq-margin-xs);display:flex;justify-content:center;align-items:center;background-color:var(--ubq-elevation-2);border-radius:var(--ubq-border_radius-s)}.UBQ_ColorPopover__colorPreviews--puYdb .UBQ_ColorPopover__iconContainer--L1sHn>svg{height:var(--ubq-typography-button-m-line_height);width:var(--ubq-typography-button-m-line_height);color:var(--ubq-foreground-default);margin:var(--ubq-margin-xs)}.UBQ_ColorPopover__colorPreview--qa9i7{display:flex;height:100%;width:100%;font-size:var(--ubq-typography-label-m-size);line-height:var(--ubq-typography-label-m-line_height);letter-spacing:var(--ubq-typography-label-m-letter_spacing);font-family:var(--ubq-typography-label-m-font_family);font-weight:var(--ubq-typography-label-m-weight);box-sizing:content-box;background-color:transparent}.UBQ_ColorPopover__colorPreviewLabel--hPR99{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:var(--ubq-margin-xs) calc(var(--ubq-typography-label-m-line_height) + 2 * var(--ubq-margin-xs)) var(--ubq-margin-xs) var(--ubq-margin-s);width:100%;text-align:left}.UBQ_ColorPopover__colorPreviewLabel--hPR99.UBQ_ColorPopover__inverted--F6glG{color:var(--ubq-static-contrast-white);mix-blend-mode:difference}.UBQ_ColorPopover__mappedPreviewColorsContainer--GPTbU{height:100%;width:100%;display:flex}.UBQ_ColorPopover__checkeredRed--akDuV,.UBQ_ColorPopover__checkered--_ez_u{background-size:100% 100%,auto}.UBQ_ColorPopover__checkeredRed--akDuV{background-image:url(data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB2aWV3Qm94PSIwIDAgMjAgMjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMCkiPgo8cGF0aCBkPSJNLTAuNSAtMC41TDIwLjUgMjAuNSIgc3Ryb2tlPSIjQ0MwMDAwIiBzdHJva2Utd2lkdGg9IjIiLz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMCI+CjxyZWN0IHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K),url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2IiBmaWxsPSJ3aGl0ZSIvPgo8cmVjdCB3aWR0aD0iNCIgaGVpZ2h0PSI0IiBmaWxsPSJibGFjayIgZmlsbC1vcGFjaXR5PSIwLjEyIi8+CjxyZWN0IHg9IjgiIHdpZHRoPSI0IiBoZWlnaHQ9IjQiIGZpbGw9ImJsYWNrIiBmaWxsLW9wYWNpdHk9IjAuMTIiLz4KPHJlY3QgeD0iNCIgeT0iNCIgd2lkdGg9IjQiIGhlaWdodD0iNCIgZmlsbD0iYmxhY2siIGZpbGwtb3BhY2l0eT0iMC4xMiIvPgo8cmVjdCB4PSIxMiIgeT0iNCIgd2lkdGg9IjQiIGhlaWdodD0iNCIgZmlsbD0iYmxhY2siIGZpbGwtb3BhY2l0eT0iMC4xMiIvPgo8cmVjdCB5PSI4IiB3aWR0aD0iNCIgaGVpZ2h0PSI0IiBmaWxsPSJibGFjayIgZmlsbC1vcGFjaXR5PSIwLjEyIi8+CjxyZWN0IHg9IjgiIHk9IjgiIHdpZHRoPSI0IiBoZWlnaHQ9IjQiIGZpbGw9ImJsYWNrIiBmaWxsLW9wYWNpdHk9IjAuMTIiLz4KPHJlY3QgeD0iNCIgeT0iMTIiIHdpZHRoPSI0IiBoZWlnaHQ9IjQiIGZpbGw9ImJsYWNrIiBmaWxsLW9wYWNpdHk9IjAuMTIiLz4KPHJlY3QgeD0iMTIiIHk9IjEyIiB3aWR0aD0iNCIgaGVpZ2h0PSI0IiBmaWxsPSJibGFjayIgZmlsbC1vcGFjaXR5PSIwLjEyIi8+Cjwvc3ZnPgo=);background-position:center,-1px -1px}.UBQ_ColorPopover__insetBorderOverlay--oLtHu{box-shadow:inset 0 0 0 1px var(--ubq-border-contrast);height:100%;width:100%;border-radius:50%}
+.UBQ_ElementStack__block--Urw_h{display:grid;grid-template-areas:"stack"}.UBQ_ElementStack__block--Urw_h>*{grid-area:stack}.UBQ_ElementStack__revealLastOnHover--E6V6R>*{transition:all .3s ease-in-out}.UBQ_ElementStack__revealLastOnHover--E6V6R>*:last-child{opacity:0;transform:scale(0.2)}.UBQ_ElementStack__revealLastOnHover--E6V6R>*:not(:last-child){opacity:1}.UBQ_ElementStack__revealLastOnHover--E6V6R:hover>*:last-child{opacity:1;transform:scale(1)}.UBQ_ElementStack__revealLastOnHover--E6V6R:hover>*:not(:last-child){opacity:0;pointer-events:none}.UBQ_ElementStack__revealLastOnHover--E6V6R:focus-within>*:last-child{opacity:1;transform:scale(1)}.UBQ_ElementStack__revealLastOnHover--E6V6R:focus-within>*:not(:last-child){opacity:0;pointer-events:none}
 .UBQ_BaseInput__block--XZoBA{display:flex;box-sizing:border-box;width:100%;height:calc( var(--ubq-margin-xs) * 2 + var(--ubq-typography-input-m-line_height) );z-index:0;font-size:var(--ubq-typography-input-m-size);line-height:var(--ubq-typography-input-m-line_height);letter-spacing:var(--ubq-typography-input-m-letter_spacing);font-family:var(--ubq-typography-input-m-font_family);font-weight:var(--ubq-typography-input-m-weight);padding:var(--ubq-margin-xs) var(--ubq-margin-s);margin:0;background:var(--ubq-BaseInput-background, var(--ubq-input-default));color:var(--ubq-BaseInput-foreground, var(--ubq-foreground-default));border-radius:var(--ubq-BaseInput-border-radius, var(--ubq-border_radius-m));border:1px solid var(--ubq-border-outline);outline:none}.UBQ_BaseInput__block--XZoBA:hover{background:var(--ubq-BaseInput-background--hover, var(--ubq-input-hover));color:var(--ubq-BaseInput-foreground--hover, var(--ubq-foreground-default))}.UBQ_BaseInput__block--XZoBA::-webkit-outer-spin-button,.UBQ_BaseInput__block--XZoBA::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.UBQ_BaseInput__block--XZoBA[type=number]{-moz-appearance:textfield}@supports not (contain: none){.UBQ_BaseInput__block--XZoBA:focus{background:var(--ubq-BaseInput-background--focus, var(--ubq-input-hover));color:var(--ubq-BaseInput-foreground--focus, var(--ubq-foreground-default));box-shadow:var(--ubq-effect-focus);z-index:calc(0 + 1)}}.UBQ_BaseInput__block--XZoBA:focus-visible{background:var(--ubq-BaseInput-background--focus, var(--ubq-input-hover));color:var(--ubq-BaseInput-foreground--focus, var(--ubq-foreground-default));box-shadow:var(--ubq-effect-focus);z-index:calc(0 + 1)}.UBQ_BaseInput__block--XZoBA:-moz-focusring{background:var(--ubq-BaseInput-background--focus, var(--ubq-input-hover));color:var(--ubq-BaseInput-foreground--focus, var(--ubq-foreground-default));box-shadow:var(--ubq-effect-focus);z-index:calc(0 + 1)}.UBQ_BaseInput__block--XZoBA:disabled{pointer-events:none;opacity:.55}
 .UBQ_TextInput__block--_Dg1I{width:100%;position:relative;display:flex;align-items:center}.UBQ_TextInput__block--_Dg1I.UBQ_TextInput__withInnerLabel--H9uRe .UBQ_TextInput__input--XYFt6{padding-right:calc(2ch + var(--ubq-margin-xs))}.UBQ_TextInput__innerLabel--_0_hE{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:var(--ubq-typography-input-m-size);line-height:var(--ubq-typography-input-m-line_height);letter-spacing:var(--ubq-typography-input-m-letter_spacing);font-family:var(--ubq-typography-input-m-font_family);font-weight:var(--ubq-typography-input-m-weight);position:absolute;right:0;min-width:2ch;padding-right:var(--ubq-margin-s);text-align:right;pointer-events:none;color:var(--ubq-NumberInput-label-foreground, var(--ubq-foreground-info));z-index:1}
 
@@ -39,9 +40,9 @@
 .UBQ_Menu__block--_28h_{margin:0;padding:0;list-style-type:none}.UBQ_Menu__block--_28h_ button{width:100%}
 .UBQ_TreeView__block--_IS6l{border-radius:var(--ubq-border_radius-l);background:var(--ubq-interactive-group-default);padding-left:0}.UBQ_TreeView__block--_IS6l:hover{background:var(--ubq-interactive-group-hover)}.UBQ_TreeView__block--_IS6l:not(:last-child){margin-bottom:var(--ubq-margin-l)}.UBQ_TreeView__isGroupActive--BerAU{background:var(--ubq-interactive-group-active-default)}.UBQ_TreeView__isGroupActive--BerAU:hover{background:var(--ubq-interactive-group-active-hover)}.UBQ_TreeView__header--kPfnL,.UBQ_TreeView__item--R6XsR{display:flex;justify-content:flex-start;align-items:center;width:100%;box-sizing:border-box;padding:0 var(--ubq-margin-xs) 0 0;border:none;outline:none;background:transparent;cursor:pointer}.UBQ_TreeView__header--kPfnL:first-child,.UBQ_TreeView__item--R6XsR:first-child{border-top-left-radius:calc(var(--ubq-border_radius-l) - 1px);border-top-right-radius:calc(var(--ubq-border_radius-l) - 1px)}.UBQ_TreeView__header--kPfnL:last-child,.UBQ_TreeView__item--R6XsR:last-child{border-bottom-left-radius:calc( var(--ubq-border_radius-l) - 1px );border-bottom-right-radius:calc( var(--ubq-border_radius-l) - 1px )}.UBQ_TreeView__header--kPfnL .UBQ_TreeView__icon--VOn8B,.UBQ_TreeView__item--R6XsR .UBQ_TreeView__icon--VOn8B{display:flex;align-items:center;justify-content:center;margin-right:var(--ubq-margin-s)}.UBQ_TreeView__header--kPfnL:hover,.UBQ_TreeView__item--R6XsR:hover{background:var(--ubq-interactive-hover)}.UBQ_TreeView__header--kPfnL:hover .UBQ_TreeView__menuButton--awrEH,.UBQ_TreeView__item--R6XsR:hover .UBQ_TreeView__menuButton--awrEH{opacity:1}.UBQ_TreeView__header--kPfnL:active,.UBQ_TreeView__item--R6XsR:active{background:var(--ubq-interactive-pressed)}.UBQ_TreeView__header--kPfnL.UBQ_TreeView__isActive--H_gcJ,.UBQ_TreeView__item--R6XsR.UBQ_TreeView__isActive--H_gcJ{background:var(--ubq-interactive-active-default);color:var(--ubq-foreground-active)}.UBQ_TreeView__header--kPfnL.UBQ_TreeView__isActive--H_gcJ .UBQ_TreeView__link--iauhw,.UBQ_TreeView__header--kPfnL.UBQ_TreeView__isActive--H_gcJ .UBQ_TreeView__button--t1z_L,.UBQ_TreeView__header--kPfnL.UBQ_TreeView__isActive--H_gcJ *,.UBQ_TreeView__item--R6XsR.UBQ_TreeView__isActive--H_gcJ .UBQ_TreeView__link--iauhw,.UBQ_TreeView__item--R6XsR.UBQ_TreeView__isActive--H_gcJ .UBQ_TreeView__button--t1z_L,.UBQ_TreeView__item--R6XsR.UBQ_TreeView__isActive--H_gcJ *{color:var(--ubq-foreground-active)}.UBQ_TreeView__header--kPfnL.UBQ_TreeView__isActive--H_gcJ:hover,.UBQ_TreeView__item--R6XsR.UBQ_TreeView__isActive--H_gcJ:hover{background:var(--ubq-interactive-active-hover)}.UBQ_TreeView__header--kPfnL.UBQ_TreeView__isActive--H_gcJ .UBQ_TreeView__menuButton--awrEH,.UBQ_TreeView__item--R6XsR.UBQ_TreeView__isActive--H_gcJ .UBQ_TreeView__menuButton--awrEH{opacity:1}@supports not (contain: none){.UBQ_TreeView__header--kPfnL:focus,.UBQ_TreeView__item--R6XsR:focus{z-index:1;box-shadow:var(--ubq-effect-focus)}}.UBQ_TreeView__header--kPfnL:focus-visible,.UBQ_TreeView__item--R6XsR:focus-visible{z-index:1;box-shadow:var(--ubq-effect-focus)}.UBQ_TreeView__header--kPfnL:-moz-focusring,.UBQ_TreeView__item--R6XsR:-moz-focusring{z-index:1;box-shadow:var(--ubq-effect-focus)}.UBQ_TreeView__button--t1z_L,.UBQ_TreeView__link--iauhw{display:flex;align-items:center;width:100%;border-radius:var(--ubq-border_radius-l);text-decoration:none;outline:none;word-break:break-word}.UBQ_TreeView__button--t1z_L:focus-visible,.UBQ_TreeView__link--iauhw:focus-visible{z-index:1;box-shadow:var(--ubq-effect-focus)}.UBQ_TreeView__button--t1z_L{border:none;outline:none;cursor:pointer;background:none}.UBQ_TreeView__header--kPfnL{display:flex;align-items:center;justify-content:flex-start;min-height:calc(2 * var(--ubq-margin-l));font-family:var(--ubq-typography-headline-m-font_family);font-size:var(--ubq-typography-headline-m-size);font-weight:var(--ubq-typography-headline-m-weight);letter-spacing:var(--ubq-typography-headline-m-letter_spacing);line-height:var(--ubq-typography-headline-m-line_height)}.UBQ_TreeView__header--kPfnL .UBQ_TreeView__headerIcon--_tXDI{display:flex;align-items:center;justify-content:flex-start;margin-right:var(--ubq-margin-s)}.UBQ_TreeView__header--kPfnL>.UBQ_TreeView__button--t1z_L,.UBQ_TreeView__header--kPfnL>.UBQ_TreeView__link--iauhw{padding:var(--ubq-margin-xs);color:var(--ubq-foreground-default)}.UBQ_TreeView__item--R6XsR>.UBQ_TreeView__button--t1z_L,.UBQ_TreeView__item--R6XsR>.UBQ_TreeView__link--iauhw{padding-left:calc(var(--ubq-margin-l) * 2);padding-top:var(--ubq-margin-s);padding-bottom:var(--ubq-margin-s);color:var(--ubq-foreground-light);background:transparent}.UBQ_TreeView__menuButton--awrEH{opacity:0;margin-left:var(--ubq-margin-s);flex-shrink:0}.UBQ_TreeView__menuButton--awrEH:focus-visible{z-index:1;opacity:1;box-shadow:var(--ubq-effect-focus)}
 .UBQ_Avatar__block--PE_Hs{display:flex;justify-content:center;align-items:center;height:calc(var(--ubq-scale-base) * 6);width:calc(var(--ubq-scale-base) * 6);border-radius:var(--ubq-border_radius-m);color:var(--ubq-foreground-default);background:var(--ubq-canvas);font-size:var(--ubq-typography-label-m-size);line-height:var(--ubq-typography-label-m-line_height);letter-spacing:var(--ubq-typography-label-m-letter_spacing);font-family:var(--ubq-typography-label-m-font_family);font-weight:var(--ubq-typography-label-m-weight)}.UBQ_Avatar__block--PE_Hs.UBQ_Avatar__circle--OEUXB{border-radius:50%}.UBQ_Avatar__block--PE_Hs.UBQ_Avatar__background--Mo59C{background:var(--ubq-interactive-default)}.UBQ_Avatar__block--PE_Hs.UBQ_Avatar__fallback--CGHeh{font-size:var(--ubq-typography-label-s-size);text-transform:uppercase}.UBQ_Avatar__img--bvEJ9{object-fit:cover}
-.UBQ_ElementStack__block--Urw_h{display:grid;grid-template-areas:"stack"}.UBQ_ElementStack__block--Urw_h>*{grid-area:stack}.UBQ_ElementStack__revealLastOnHover--E6V6R>*{transition:all .3s ease-in-out}.UBQ_ElementStack__revealLastOnHover--E6V6R>*:last-child{opacity:0;transform:scale(0.2)}.UBQ_ElementStack__revealLastOnHover--E6V6R>*:not(:last-child){opacity:1}.UBQ_ElementStack__revealLastOnHover--E6V6R:hover>*:last-child{opacity:1;transform:scale(1)}.UBQ_ElementStack__revealLastOnHover--E6V6R:hover>*:not(:last-child){opacity:0;pointer-events:none}.UBQ_ElementStack__revealLastOnHover--E6V6R:focus-within>*:last-child{opacity:1;transform:scale(1)}.UBQ_ElementStack__revealLastOnHover--E6V6R:focus-within>*:not(:last-child){opacity:0;pointer-events:none}
 @supports not (contain: none){.UBQ_ExternalLink__block--Hb3aB:focus{z-index:calc(0 + 1);box-shadow:var(--ubq-effect-focus);color:var(--ubq-Button-foreground--focus, var(--ubq-foreground-default));border-radius:var(--ubq-border_radius-s)}}.UBQ_ExternalLink__block--Hb3aB:focus-visible{z-index:calc(0 + 1);box-shadow:var(--ubq-effect-focus);color:var(--ubq-Button-foreground--focus, var(--ubq-foreground-default));border-radius:var(--ubq-border_radius-s)}.UBQ_ExternalLink__block--Hb3aB:-moz-focusring{z-index:calc(0 + 1);box-shadow:var(--ubq-effect-focus);color:var(--ubq-Button-foreground--focus, var(--ubq-foreground-default));border-radius:var(--ubq-border_radius-s)}
-.UBQ_Dock__block--aKQfU{display:flex;flex-direction:column;position:relative;padding:var(--ubq-margin-xs);min-width:calc(var(--ubq-scale-base) * 12);max-width:calc(var(--ubq-scale-base) * 18);box-sizing:border-box;z-index:15;background:var(--ubq-elevation-2);transition:background-color .3s ease-in-out}.UBQ_Dock__block--aKQfU.UBQ_Dock__hasSelected--zZeMe{background:var(--ubq-elevation-1)}.UBQ_Dock__block--aKQfU.UBQ_Dock__left--SjHad{order:0}.UBQ_Dock__block--aKQfU.UBQ_Dock__right--XRtI1{order:1}.UBQ_Dock__button--ttmQQ{--ubq-Button-padding: var(--ubq-margin-s) var(--ubq-margin-xs);width:100%;min-height:calc(var(--ubq-scale-base) * 10);flex:1 0;font-size:var(--ubq-typography-label-s-size);line-height:var(--ubq-typography-label-s-line_height);letter-spacing:var(--ubq-typography-label-s-letter_spacing);font-family:var(--ubq-typography-label-s-font_family);font-weight:var(--ubq-typography-label-s-weight)}.UBQ_Dock__buttonLabel--w6Aji{display:flex;flex-direction:column;align-items:center;gap:var(--ubq-margin-xs);width:100%}.UBQ_Dock__buttonLabel--w6Aji>span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;overflow-wrap:break-word;width:100%}.UBQ_Dock__group--_lfht{display:flex;flex-direction:column;gap:var(--ubq-margin-xs)}
+.UBQ_Dock__block--aKQfU{display:flex;flex-direction:column;position:relative;padding:var(--ubq-margin-xs);min-width:calc(var(--ubq-scale-base) * 12);max-width:calc(var(--ubq-scale-base) * 18);box-sizing:border-box;z-index:15;background:var(--ubq-elevation-2);transition:background-color .3s ease-in-out}.UBQ_Dock__block--aKQfU.UBQ_Dock__hasSelected--zZeMe{background:var(--ubq-elevation-1)}.UBQ_Dock__block--aKQfU.UBQ_Dock__left--SjHad{order:0}.UBQ_Dock__block--aKQfU.UBQ_Dock__right--XRtI1{order:1}.UBQ_Dock__button--ttmQQ{--ubq-Button-padding: var(--ubq-margin-s) var(--ubq-margin-xs);width:100%;min-height:calc(var(--ubq-scale-base) * 10);flex:1 0;font-size:var(--ubq-typography-label-s-size);line-height:var(--ubq-typography-label-s-line_height);letter-spacing:var(--ubq-typography-label-s-letter_spacing);font-family:var(--ubq-typography-label-s-font_family);font-weight:var(--ubq-typography-label-s-weight)}.UBQ_Dock__buttonLabel--w6Aji{display:flex;flex-direction:column;align-items:center;gap:var(--ubq-margin-xs);width:100%}.UBQ_Dock__buttonLabel--w6Aji>span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;overflow-wrap:break-word;width:100%}.UBQ_Dock__group--_lfht{display:flex;flex-direction:column;gap:var(--ubq-margin-xs)}.UBQ_Dock__group--_lfht:empty{display:none}
+.UBQ_BlendModeSelect__options--f8ZyJ{max-height:calc(var(--ubq-scale-base) * 108)}.UBQ_BlendModeSelect__option--c0UQW{min-width:calc(var(--ubq-scale-base) * 42)}
 .UBQ_SubInspector__block--_Vxo6{position:absolute;top:0;left:0;right:0;bottom:0;margin-right:0;z-index:30;display:flex;flex-direction:column;background:var(--ubq-elevation-1)}.UBQ_SubInspector__block--_Vxo6[data-cy=crop-container]{z-index:31}.UBQ_SubInspector__containerSection--V47rJ{overflow-y:auto;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--ubq-foreground-info) transparent;display:flex;flex-direction:column;height:calc(100% - 48px);box-sizing:border-box;overflow:auto}.UBQ_SubInspector__containerSection--V47rJ::-webkit-scrollbar{width:calc(2 * var(--ubq-scale-base))}.UBQ_SubInspector__containerSection--V47rJ::-webkit-scrollbar-track{background:transparent;margin:var(--ubq-margin-s) 0}.UBQ_SubInspector__containerSection--V47rJ::-webkit-scrollbar-thumb{background-color:var(--ubq-foreground-info);border-radius:var(--ubq-border_radius-m)}.UBQ_SubInspector__containerSection--V47rJ::-webkit-scrollbar-corner{background:transparent}.UBQ_SubInspector__button--nqozz{border:1px solid var(--ubq-border-divider)}.UBQ_SubInspector__highlight--oKLVC{border:none;background:var(--ubq-interactive-default)}.UBQ_SubInspector__wrapper--euOh8{height:100%}
 .UBQ_LocalSourceSectionHeaderUpload__block--Lrlpj{max-width:max-content}
 .UBQ_LocalSourceGridUpload__block--R4jen,.UBQ_LocalSourceGridUpload__wrapper--HT5EF{display:flex;justify-content:center;align-items:center}.UBQ_LocalSourceGridUpload__icon--_QIUb{margin-right:var(--ubq-margin-s)}
@@ -49,6 +50,7 @@
 .UBQ_ShapeSourceCard__card--__S7O{display:flex;justify-content:center;align-items:center;color:var(--ubq-foreground-default)}
 .UBQ_AssetLibrarySearch__block--lRVFc{display:flex;align-items:center;box-sizing:content-box;padding:var(--ubq-margin-s);padding-bottom:0}.UBQ_AssetLibrarySearch__searchInput--_EUqq{padding-left:calc(var(--ubq-typography-label-m-line_height) + var(--ubq-margin-s) + var(--ubq-margin-xs));padding-right:calc( var(--ubq-typography-label-m-line_height) + var(--ubq-margin-s) + var(--ubq-margin-xs) + 2 * var(--ubq-Button-padding, var(--ubq-margin-xs)) );padding-top:var(--ubq-margin-m);padding-bottom:var(--ubq-margin-m);height:calc(var(--ubq-scale-base) * 10)}.UBQ_AssetLibrarySearch__inputContainer--gtS20{position:relative;width:100%}.UBQ_AssetLibrarySearch__searchIconContainer--W_Zir,.UBQ_AssetLibrarySearch__clearSearchIconContainer--bqqOx{position:absolute;top:0;display:flex;justify-content:center;align-items:center;height:100%}.UBQ_AssetLibrarySearch__searchIconContainer--W_Zir{left:var(--ubq-margin-s)}.UBQ_AssetLibrarySearch__clearSearchIconContainer--bqqOx{right:var(--ubq-margin-s)}.UBQ_AssetLibrarySearch__clearSearchIconContainer--bqqOx.UBQ_AssetLibrarySearch__hasEmptySearchValue--xmImS{display:none}.UBQ_AssetLibrarySearch__searchIcon--_D8q1,.UBQ_AssetLibrarySearch__clearSearchIcon--oZOiG{width:var(--ubq-typography-label-m-line_height);height:var(--ubq-typography-label-m-line_height);color:var(--ubq-BaseInput-foreground, var(--ubq-foreground-default))}
 .UBQ_MasonryGrid__block--TpUbd{display:grid;grid-gap:var(--ubq-margin-s);grid-auto-rows:0}
+.UBQ_AssetTemplateDialog__block--cLjSB{max-width:calc(var(--ubq-scale-base) * 80)}
 .UBQ_AssetLibraryGridLoadingAnchor__block--hfZbs{width:100%;height:calc(10 * var(--ubq-scale-base));display:flex;justify-content:center;align-items:center;flex-direction:column;margin-top:var(--ubq-margin-m);color:var(--ubq-foreground-info);font-size:var(--ubq-typography-label-m-size);line-height:var(--ubq-typography-label-m-line_height);letter-spacing:var(--ubq-typography-label-m-letter_spacing);font-family:var(--ubq-typography-label-m-font_family);font-weight:var(--ubq-typography-label-m-weight)}.UBQ_AssetLibraryGridLoadingAnchor__noMoreItems--rFC1K{display:none}.UBQ_AssetLibraryGridLoadingAnchor__anchor--_6K9D{height:1px;width:100%;transform:translateY(-250px)}
 .UBQ_AssetLibraryGridSkeleton__grid--zCzJv{position:relative}.UBQ_AssetLibraryGridSkeleton__label--j_fu_{color:var(--ubq-foreground-info);margin-left:var(--ubq-margin-s)}.UBQ_AssetLibraryGridSkeleton__gradient--Cikzr{position:absolute;top:0;width:100%;height:100%;background:linear-gradient(180deg, rgba(18, 25, 33, 0) 0%, var(--ubq-elevation-2) 60%)}.UBQ_AssetLibraryGridSkeleton__labelContainer--XiwSY{position:absolute;top:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;color:var(--ubq-foreground-default);font-size:var(--ubq-typography-label-m-size);line-height:var(--ubq-typography-label-m-line_height);letter-spacing:var(--ubq-typography-label-m-letter_spacing);font-family:var(--ubq-typography-label-m-font_family);font-weight:var(--ubq-typography-label-m-weight)}.UBQ_AssetLibraryGridSkeleton__prependedSourceUIComponentContainer--rgV6K{margin-top:var(--ubq-margin-m)}.UBQ_AssetLibraryGridSkeleton__cardWrapper--rDDZ0{height:100%;width:100%}.UBQ_AssetLibraryGridSkeleton__animatedBackground--h4zX1{animation-duration:1.8s;animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:UBQ_AssetLibraryGridSkeleton__placeHolderShimmer--K6JxP;animation-timing-function:linear;background:transparent;background:linear-gradient(to right, rgba(255, 255, 255, 0.04) 8%, rgba(255, 255, 255, 0) 38%, rgba(255, 255, 255, 0.04) 54%);background-size:1000px 640px;position:relative}@keyframes UBQ_AssetLibraryGridSkeleton__placeHolderShimmer--K6JxP{0%{background-position:-468px 0}100%{background-position:468px 0}}.UBQ_AssetLibraryGridSkeleton__loadingSpinnerIcon--JlHPG{animation:UBQ_AssetLibraryGridSkeleton__loading--aWGTA 1.1s infinite linear}@keyframes UBQ_AssetLibraryGridSkeleton__loading--aWGTA{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}
 .UBQ_AssetLoadingSpinner__block--_UMlD{position:absolute;top:0;left:0;height:100%;width:100%;display:flex;justify-content:center;align-items:center;color:var(--ubq-foreground-default)}.UBQ_AssetLoadingSpinner__loadingSpinnerIcon--d_iUK{animation:UBQ_AssetLoadingSpinner__loading--ekZ5n 1.1s infinite linear;height:calc(var(--ubq-scale-base) * 12);width:calc(var(--ubq-scale-base) * 12)}@keyframes UBQ_AssetLoadingSpinner__loading--ekZ5n{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}
@@ -67,17 +69,15 @@
 .UBQ_Transform__rotationGroup--KlwKI{display:flex}.UBQ_Transform__rotationGroup--KlwKI>*:not(:last-child){margin-right:var(--ubq-margin-s)}
 .UBQ_SliderInput__block--qaiej{width:100%}
 .UBQ_InspectorHorizontalGroup__block--M9_3R{display:flex}.UBQ_InspectorHorizontalGroup__block--M9_3R>*{max-width:50%}.UBQ_InspectorHorizontalGroup__block--M9_3R>*:only-child{max-width:100%}.UBQ_InspectorHorizontalGroup__block--M9_3R>*:nth-child(odd):not(:last-child){margin-right:var(--ubq-margin-s)}.UBQ_InspectorHorizontalGroup__block--M9_3R>*:nth-child(even){margin-left:var(--ubq-margin-s)}
-.UBQ_InspectorLibrary__block--fl3Qd{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--ubq-margin-m)}.UBQ_InspectorLibrary__singleColumn--SR5KA{display:flex;flex-direction:column;grid-gap:0}.UBQ_InspectorLibrary__singleColumn--SR5KA>*{margin-bottom:var(--ubq-margin-m)}
-.UBQ_TemplateLibrary__dialogContent--dhFE0{width:40ch;margin:0}
 .UBQ_ClipContent__button--o7xsY{flex:1;text-align:center}.UBQ_ClipContent__button--o7xsY>span>span{text-align:center}
 .UBQ_Formats__button--gOcc6{flex-grow:0;flex-shrink:0;flex-basis:initial}.UBQ_Formats__option--_TQRG{display:inline-block;white-space:nowrap}
 .UBQ_CanvasAction__block--fbc8M{display:flex;padding:calc(var(--ubq-margin-xs) - 1px);--ubq-Button-border-radius: var(--ubq-border_radius-s)}.UBQ_CanvasAction__block--fbc8M:not(:last-child){border-right:1px solid var(--ubq-border-divider)}
 .UBQ_CanvasActionContainer__canvasActions--_2g3e{display:flex;flex-direction:row;align-items:center;background:var(--ubq-elevation-2);border:1px solid var(--ubq-border-divider);border-radius:var(--ubq-border_radius-m);overflow:hidden}.UBQ_CanvasActionContainer__canvasActions--_2g3e:empty{display:none}.UBQ_CanvasActionContainer__tippy--Js2dJ{max-width:unset !important}.UBQ_CanvasActionContainer__tippy--Js2dJ[data-animation=shift-away][data-state=hidden]{opacity:0}.UBQ_CanvasActionContainer__tippy--Js2dJ[data-animation=shift-away][data-state=hidden][data-placement^=top]{transform:translateY(10px)}.UBQ_CanvasActionContainer__tippy--Js2dJ[data-animation=shift-away][data-state=hidden][data-placement^=bottom]{transform:translateY(-10px)}.UBQ_CanvasActionContainer__tippy--Js2dJ[data-animation=shift-away][data-state=hidden][data-placement^=left]{transform:translateX(10px)}.UBQ_CanvasActionContainer__tippy--Js2dJ[data-animation=shift-away][data-state=hidden][data-placement^=right]{transform:translateX(-10px)}
 .UBQ_PlaceholderSettings__placeholderPopoverButton--E1tmL{--ubq-Button-background: var(--ubq-interactive-template-default);--ubq-Button-background--hover: var(--ubq-interactive-template-hover);--ubq-Button-background--pressed: var(--ubq-interactive-template-pressed)}.UBQ_PlaceholderSettings__spacer--eMd5b{width:var(--ubq-margin-xs)}.UBQ_PlaceholderSettings__hidden--UTFNM{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.UBQ_PlaceholderSettings__separator--gVJ1q{margin:var(--ubq-margin-xs)}
 .UBQ_FillModeSelect__button--hhPsM>span>span{flex-grow:0}
-.UBQ_GradientControls__smallButton--iZAYd{flex:0 0 auto}.UBQ_GradientControls__gradientBar--mydcn{display:flex;align-items:center;width:100%;position:relative;height:calc(6 * var(--ubq-scale-base));margin-bottom:var(--ubq-margin-m);box-shadow:inset 0 0 0 1px var(--ubq-border-contrast);border-radius:var(--ubq-border_radius-l)}.UBQ_GradientControls__gradientBar--mydcn>button{position:absolute;width:calc(var(--ubq-scale-base) * 2);height:calc(var(--ubq-scale-base) * 2);padding:0;display:flex;flex-direction:column;align-items:center;border:none;outline:none;border-radius:var(--ubq-border_radius-m);cursor:grab}.UBQ_GradientControls__gradientBar--mydcn>button.UBQ_GradientControls__active--B4597{height:calc(100% - 2 * 2px)}.UBQ_GradientControls__gradientBar--mydcn>button.UBQ_GradientControls__grabbing--w5wnf{cursor:grabbing}.UBQ_GradientControls__gradientBar--mydcn>button.UBQ_GradientControls__add--iSkp2{width:calc(3 * var(--ubq-scale-base));height:calc(6 * var(--ubq-scale-base));border-radius:var(--ubq-border_radius-m);margin:0;display:flex;justify-content:center;overflow:hidden;background-color:transparent;color:var(--ubq-static-contrast-white);cursor:default}.UBQ_GradientControls__gradientBar--mydcn>button.UBQ_GradientControls__add--iSkp2 .UBQ_GradientControls__stack--_aVR1{justify-items:center;align-items:center}.UBQ_GradientControls__gradientBar--mydcn>button.UBQ_GradientControls__add--iSkp2 .UBQ_GradientControls__stack--_aVR1 svg{opacity:.8}.UBQ_GradientControls__gradientBar--mydcn>button.UBQ_GradientControls__add--iSkp2 .UBQ_GradientControls__background--LrI5l{width:calc(3 * var(--ubq-scale-base));height:calc(6 * var(--ubq-scale-base));background-color:var(--ubq-static-contrast-black);filter:opacity(50%)}.UBQ_GradientControls__gradientBar--mydcn>button>*{flex:0 0 100%}.UBQ_GradientControls__gradientBar--mydcn>button:focus-visible{box-shadow:var(--ubq-effect-focus)}.UBQ_GradientControls__gradientBar--mydcn>button>.UBQ_GradientControls__doubleBorder--IW1Y9{filter:opacity(50%);width:100%;height:100%;background:transparent;border-radius:var(--ubq-border_radius-m);box-shadow:0 0 0 2px var(--ubq-static-contrast-black),inset 0 0 0 2px var(--ubq-static-contrast-white)}
+.UBQ_GradientControls__smallButton--iZAYd{flex:0 0 auto}.UBQ_GradientControls__gradientBar--mydcn{display:flex;align-items:center;width:100%;position:relative;height:calc(6 * var(--ubq-scale-base));margin-bottom:var(--ubq-margin-m);box-shadow:inset 0 0 0 1px var(--ubq-border-contrast);border-radius:var(--ubq-border_radius-l)}.UBQ_GradientControls__gradientBar--mydcn.UBQ_GradientControls__disabled--FB3Ja{opacity:.55}.UBQ_GradientControls__gradientBar--mydcn>button{position:absolute;width:calc(var(--ubq-scale-base) * 2);height:calc(var(--ubq-scale-base) * 2);padding:0;display:flex;flex-direction:column;align-items:center;border:none;outline:none;border-radius:var(--ubq-border_radius-m);cursor:grab}.UBQ_GradientControls__gradientBar--mydcn>button:disabled{cursor:inherit}.UBQ_GradientControls__gradientBar--mydcn>button.UBQ_GradientControls__active--B4597{height:calc(100% - 2 * 2px)}.UBQ_GradientControls__gradientBar--mydcn>button.UBQ_GradientControls__grabbing--w5wnf{cursor:grabbing}.UBQ_GradientControls__gradientBar--mydcn>button.UBQ_GradientControls__add--iSkp2{width:calc(3 * var(--ubq-scale-base));height:calc(6 * var(--ubq-scale-base));border-radius:var(--ubq-border_radius-m);margin:0;display:flex;justify-content:center;overflow:hidden;background-color:transparent;color:var(--ubq-static-contrast-white);cursor:default}.UBQ_GradientControls__gradientBar--mydcn>button.UBQ_GradientControls__add--iSkp2 .UBQ_GradientControls__stack--_aVR1{justify-items:center;align-items:center}.UBQ_GradientControls__gradientBar--mydcn>button.UBQ_GradientControls__add--iSkp2 .UBQ_GradientControls__stack--_aVR1 svg{opacity:.8}.UBQ_GradientControls__gradientBar--mydcn>button.UBQ_GradientControls__add--iSkp2 .UBQ_GradientControls__background--LrI5l{width:calc(3 * var(--ubq-scale-base));height:calc(6 * var(--ubq-scale-base));background-color:var(--ubq-static-contrast-black);filter:opacity(50%)}.UBQ_GradientControls__gradientBar--mydcn>button>*{flex:0 0 100%}.UBQ_GradientControls__gradientBar--mydcn>button:focus-visible{box-shadow:var(--ubq-effect-focus)}.UBQ_GradientControls__gradientBar--mydcn>button>.UBQ_GradientControls__doubleBorder--IW1Y9{filter:opacity(50%);width:100%;height:100%;background:transparent;border-radius:var(--ubq-border_radius-m);box-shadow:0 0 0 2px var(--ubq-static-contrast-black),inset 0 0 0 2px var(--ubq-static-contrast-white)}
 .UBQ_ColorSelection__block--FN2Fv{width:calc(70 * var(--ubq-scale-base));padding:var(--ubq-margin-s)}.UBQ_ColorSelection__interactiveContainerWithDisabledInputs--VdqDE,.UBQ_ColorSelection__interactiveContainerWithDisabledInputs--VdqDE label{cursor:pointer}.UBQ_ColorSelection__header--_BOZa{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--ubq-margin-m)}.UBQ_ColorSelection__header--_BOZa>*:not(.UBQ_ColorSelection__heading--g9Gma){flex:0 0 auto}.UBQ_ColorSelection__heading--g9Gma{font-size:var(--ubq-typography-headline-l-size);line-height:var(--ubq-typography-headline-l-line_height);letter-spacing:var(--ubq-typography-headline-l-letter_spacing);font-family:var(--ubq-typography-headline-l-font_family);font-weight:var(--ubq-typography-headline-l-weight)}.UBQ_ColorSelection__section--Zd8PY{padding-top:var(--ubq-margin-xs);display:flex;flex-direction:column}.UBQ_ColorSelection__section--Zd8PY:not(:last-child){padding-bottom:var(--ubq-margin-l)}.UBQ_ColorSelection__section--Zd8PY>div:not(:last-child){margin-bottom:var(--ubq-margin-s)}.UBQ_ColorSelection__colorPalette--DFNLf{display:grid;grid-template-columns:repeat(9, max-content);gap:var(--ubq-margin-s)}input[type=range].UBQ_ColorSelection__hueSlider--HuT26{background:linear-gradient(90deg, #f00 0%, #ff0 16.66%, #0f0 33.33%, #0ff 50%, #00f 66.66%, #f0f 83.33%, #f00 100%) !important}input[type=range].UBQ_ColorSelection__hueSlider--HuT26,input[type=range].UBQ_ColorSelection__opacitySlider--cF7ez{--slider-thumb-color: white;--slider-thumb-color-active: white;--slider-thumb-color-inner: transparent}input[type=range].UBQ_ColorSelection__hueSlider--HuT26::-ms-thumb,input[type=range].UBQ_ColorSelection__opacitySlider--cF7ez::-ms-thumb{box-shadow:inset 0 0 0 var(--ubq-scale-base) #fff !important;background:transparent !important}
-.UBQ_ColorInput__colorPickerDisabledOverlay--dHlik{height:100%;width:100%;background:var(--ubq-interactive-default);z-index:1;display:grid;place-content:center}
+.UBQ_InspectorLibrary__block--fl3Qd{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--ubq-margin-m)}.UBQ_InspectorLibrary__singleColumn--SR5KA{display:flex;flex-direction:column;grid-gap:0}.UBQ_InspectorLibrary__singleColumn--SR5KA>*{margin-bottom:var(--ubq-margin-m)}
 .UBQ_ImageProcessorControls__block--WiBOU{overflow:hidden}
 .UBQ_FilterIntensitySlider__block--r91Yk{overflow:hidden}
 .UBQ_StrokeStyleSelect__button--pvL6q{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:calc(30 * var(--ubq-scale-base))}.UBQ_StrokeStyleSelect__option--_NVLj{display:flex;gap:var(--ubq-margin-xs)}
@@ -112,7 +112,7 @@
 .UBQ_ShapeOptions__popoverContent--_AAQC{width:calc(60 * var(--ubq-scale-base))}
 .UBQ_ShapeStrokeWidth__popoverContent--KY7Dh{width:calc(60 * var(--ubq-scale-base))}.UBQ_ShapeStrokeWidth__button--TTA89{max-width:calc(30 * var(--ubq-scale-base))}
 .UBQ_LineWidth__popoverContent--LWkGc{width:calc(60 * var(--ubq-scale-base))}
-.UBQ_InspectorBar__block--LJY1E{display:grid;grid-template-columns:20% 1fr 20%;justify-content:space-between;align-items:stretch;padding:var(--ubq-margin-m) var(--ubq-margin-l);height:calc(var(--ubq-scale-base) * 6);background:var(--ubq-InspectorBar-background, var(--ubq-elevation-1))}.UBQ_InspectorBar__area--LWR2R{display:flex;justify-content:center;margin:0 var(--ubq-margin-m)}.UBQ_InspectorBar__area--LWR2R:first-child{justify-content:flex-start}.UBQ_InspectorBar__area--LWR2R:last-child{justify-content:flex-end}.UBQ_InspectorBar__area--LWR2R:first-child{margin-left:0}.UBQ_InspectorBar__area--LWR2R:last-child{margin-right:0}.UBQ_InspectorBar__areaGroup--Xhg5d{display:flex;margin:0 var(--ubq-margin-m)}.UBQ_InspectorBar__areaGroup--Xhg5d:first-child{margin-left:0}.UBQ_InspectorBar__areaGroup--Xhg5d:last-child{margin-right:0}.UBQ_InspectorBar__areaGroup--Xhg5d>*:not(:last-child){margin-right:var(--ubq-margin-s)}.UBQ_InspectorBar__areaGroup--Xhg5d:empty{margin:0}.UBQ_InspectorBar__heading--BLtlJ{flex:1 1 auto;display:flex;align-items:center;color:var(--ubq-foreground-default);font-size:var(--ubq-typography-headline-l-size);line-height:var(--ubq-typography-headline-l-line_height);letter-spacing:var(--ubq-typography-headline-l-letter_spacing);font-family:var(--ubq-typography-headline-l-font_family);font-weight:var(--ubq-typography-headline-l-weight)}.UBQ_InspectorBar__fontSize--nXKQh{width:calc(var(--ubq-scale-base) * 28)}.UBQ_InspectorBar__opacityInput--F6H0V{display:grid;grid-template-columns:auto 50%;align-items:center;margin-bottom:var(--ubq-margin-s)}
+.UBQ_InspectorBar__block--LJY1E{display:grid;grid-template-columns:20% 1fr 20%;justify-content:space-between;align-items:stretch;padding:var(--ubq-margin-m) var(--ubq-margin-l);height:calc(var(--ubq-scale-base) * 6);background:var(--ubq-InspectorBar-background, var(--ubq-elevation-1))}.UBQ_InspectorBar__area--LWR2R{display:flex;justify-content:center;margin:0 var(--ubq-margin-m)}.UBQ_InspectorBar__area--LWR2R:first-child{justify-content:flex-start}.UBQ_InspectorBar__area--LWR2R:last-child{justify-content:flex-end}.UBQ_InspectorBar__area--LWR2R:first-child{margin-left:0}.UBQ_InspectorBar__area--LWR2R:last-child{margin-right:0}.UBQ_InspectorBar__areaGroup--Xhg5d{display:flex;margin:0 var(--ubq-margin-m)}.UBQ_InspectorBar__areaGroup--Xhg5d:first-child{margin-left:0}.UBQ_InspectorBar__areaGroup--Xhg5d:last-child{margin-right:0}.UBQ_InspectorBar__areaGroup--Xhg5d>*:not(:last-child){margin-right:var(--ubq-margin-s)}.UBQ_InspectorBar__areaGroup--Xhg5d:empty{margin:0}.UBQ_InspectorBar__heading--BLtlJ{flex:1 1 auto;display:flex;align-items:center;color:var(--ubq-foreground-default);font-size:var(--ubq-typography-headline-l-size);line-height:var(--ubq-typography-headline-l-line_height);letter-spacing:var(--ubq-typography-headline-l-letter_spacing);font-family:var(--ubq-typography-headline-l-font_family);font-weight:var(--ubq-typography-headline-l-weight)}.UBQ_InspectorBar__fontSize--nXKQh{width:calc(var(--ubq-scale-base) * 28)}.UBQ_InspectorBar__optionsMenuRow--dk3L5{display:grid;grid-template-columns:auto 50%;align-items:center;margin-bottom:var(--ubq-margin-s)}
 .UBQ_UploadModal__block--_pbct{display:flex;flex-direction:row;align-items:flex-start}.UBQ_UploadModal__block--_pbct>:not(:last-child){margin-right:var(--ubq-margin-l)}.UBQ_UploadModal__content--WuJKQ p{width:40ch;margin:0}
 .UBQ_Igor__block--eWJy2{width:100%;height:100%;color:#fff}.UBQ_Igor__block--eWJy2:hover{cursor:not-allowed}.UBQ_Igor__block--eWJy2 svg{pointer-events:none}.UBQ_Igor__block--eWJy2.UBQ_Igor__pissed--CUyhe{animation:3.5s linear 0s UBQ_Igor__igor-pissed--cm9Qp}@keyframes ubq-igor-eye{0%{transform:translate3d(0px, 0.3px, 0px)}25%{transform:translate3d(-0.5px, 0.5px, 0px)}75%{transform:translate3d(0.5px, 0.5px, 0px)}100%{transform:translate3d(0px, 0.3px, 0px)}}@keyframes UBQ_Igor__igor-pissed--cm9Qp{25%{transform:scale(5) translate3d(-10px, -20px, 0) rotate(0.1turn)}50%{transform:scale(10) translate3d(-10px, 20px, 0) rotate(-0.1turn)}to{transform:scale(25) translate3d(0, 0, 0) rotate(0.1turn);opacity:.2}}
 .UBQ_Credits__block--uBvYc{width:500px}.UBQ_Credits__header--eoGPv{display:flex;align-items:center}.UBQ_Credits__header--eoGPv .UBQ_Credits__version--pgMQ_{font-family:var(--ubq-typography-input-m-font_family);color:var(--ubq-foreground-default)}.UBQ_Credits__header--eoGPv .UBQ_Credits__headerLeft--ltWPL{padding-right:var(--ubq-margin-l)}.UBQ_Credits__header--eoGPv .UBQ_Credits__description--Cyl3A{color:var(--ubq-foreground-default)}.UBQ_Credits__cesdkLogo--_Z80b{color:#fff}.UBQ_Credits__igorContainer--pemj0{padding:var(--ubq-margin-l)}.UBQ_Credits__contributors--dVs8Q{display:flex}.UBQ_Credits__contributors--dVs8Q>div{color:var(--ubq-foreground-info);flex:1}.UBQ_Credits__imglyLogo--ynpBa{width:58px !important;height:13px !important}