@cesdk/cesdk-js 1.45.0 → 1.202502.25-nightly

package/assets/ui/stylesheets/cesdk.css

@@ -486,6 +486,22 @@
   box-shadow: var(--ubq-effect-shadow);
   z-index: 80;
 }
+.UBQ_Popover-module__popover--TDOA-.UBQ_Popover-module__noPadding--fnLvZ {
+  padding: 0;
+}
+.UBQ_Popover-module__popover--TDOA-.UBQ_Popover-module__noPadding--fnLvZ .UBQ_Popover-module__popoverContent--h-2aO > *:first-child {
+  padding-top: 0;
+}
+.UBQ_Popover-module__popover--TDOA-.UBQ_Popover-module__noPadding--fnLvZ .UBQ_Popover-module__popoverContent--h-2aO > *:last-child {
+  padding-bottom: 0;
+}
+.UBQ_Popover-module__popover--TDOA-.UBQ_Popover-module__noPadding--fnLvZ .UBQ_Popover-module__popoverContent--h-2aO > *:first-child,
+.UBQ_Popover-module__popover--TDOA-.UBQ_Popover-module__noPadding--fnLvZ .UBQ_Popover-module__popoverContent--h-2aO > *:last-child {
+  padding-right: 0;
+}
+.UBQ_Popover-module__popover--TDOA-.UBQ_Popover-module__noPadding--fnLvZ .UBQ_Popover-module__popoverContent--h-2aO > *:only-child {
+  padding: 0;
+}
 .UBQ_Popover-module__popoverContent--h-2aO > *:first-child {
   padding-top: var(--ubq-margin-s);
 }
@@ -3907,1227 +3923,1384 @@
   width: 16px;
 }
 
-/* esbuild-sass-plugin:css-chunk:packages/ui/builder/AbstractBuilder.module.scss */
-.UBQ_AbstractBuilder-module__dropdownList--jybN- {
-  overflow-y: auto;
-  overflow-x: auto;
-  -webkit-overflow-scrolling: touch;
-  scrollbar-width: thin;
-  scrollbar-color: var(--ubq-foreground-info) transparent;
+/* esbuild-sass-plugin:css-chunk:packages/ui/components/assets/AssetLibraryBreadcrumb/AssetLibraryBreadcrumb.module.scss */
+.UBQ_AssetLibraryBreadcrumb-module__breadcrumb--J7U53 {
   display: flex;
-  flex-direction: column;
-  margin: 0;
-  padding: 0;
-  list-style: none;
-  max-height: min(97.5 * var(--ubq-scale-base), 0.6 * var(--ubq_internal-containerquery-height, 60vh));
-}
-.UBQ_AbstractBuilder-module__dropdownList--jybN-::-webkit-scrollbar {
-  width: calc(2 * var(--ubq-scale-base));
-  height: calc(1.5 * var(--ubq-scale-base));
-}
-.UBQ_AbstractBuilder-module__dropdownList--jybN-::-webkit-scrollbar-track {
-  background: transparent;
-  margin: var(--ubq-margin-s) var(--ubq-margin-s);
-}
-.UBQ_AbstractBuilder-module__dropdownList--jybN-::-webkit-scrollbar-thumb {
-  background-color: var(--ubq-foreground-info);
-  border-radius: var(--ubq-border_radius-m);
-}
-.UBQ_AbstractBuilder-module__dropdownList--jybN-::-webkit-scrollbar-corner {
-  background: transparent;
+  align-items: center;
+  margin: var(--ubq-margin-xs) var(--ubq-margin-m);
 }
-.UBQ_AbstractBuilder-module__dropdownList--jybN- > li {
-  display: flex;
-  margin-top: var(--ubq-margin-xs);
+.UBQ_AssetLibraryBreadcrumb-module__label--oMzYm,
+.UBQ_AssetLibraryBreadcrumb-module__button--H9k1U,
+.UBQ_AssetLibraryBreadcrumb-module__divider--ZHdnp {
+  font-family: var(--ubq-typography-label-m-font_family);
+  font-size: var(--ubq-typography-label-m-size);
+  font-weight: var(--ubq-typography-label-m-weight);
+  letter-spacing: var(--ubq-typography-label-m-letter_spacing);
+  line-height: var(--ubq-typography-label-m-line_height);
+  color: var(--ubq-foreground-info);
 }
-.UBQ_AbstractBuilder-module__dropdownList--jybN- > li:first-child {
-  margin-top: 0;
+.UBQ_AssetLibraryBreadcrumb-module__divider--ZHdnp {
+  flex: 0 0 auto;
+  padding: 0 var(--ubq-margin-xs);
 }
-.UBQ_AbstractBuilder-module__dropdownList--jybN- hr + li {
-  margin-top: 0;
+.UBQ_AssetLibraryBreadcrumb-module__button--H9k1U,
+.UBQ_AssetLibraryBreadcrumb-module__label--oMzYm {
+  flex: 0 1 auto;
+  max-width: 100%;
 }
-.UBQ_AbstractBuilder-module__dropdownList--jybN- > hr {
-  margin-inline: 0;
+.UBQ_AssetLibraryBreadcrumb-module__label--oMzYm {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  color: var(--ubq-foreground-default);
+  margin-left: var(--ubq-margin-xs);
+  padding-left: var(--ubq-margin-xs);
 }
 
-/* esbuild-sass-plugin:css-chunk:packages/ui/components/Canvas/CanvasMenu/CanvasMenu.module.scss */
-.UBQ_CanvasMenu-module__block--hk7CF {
+/* esbuild-sass-plugin:css-chunk:packages/ui/components/assets/AssetLibraryCard.module.scss */
+.UBQ_AssetLibraryCard-module__wrapper--stQdN {
   display: flex;
-  flex-direction: row;
+  flex-direction: column;
+  overflow: visible;
   align-items: center;
-  gap: var(--ubq-margin-xs);
-  padding: var(--ubq-margin-xs);
-  box-shadow: var(--ubq-effect-shadow), inset 0 0 0 1px var(--ubq-border-default);
-  border-radius: var(--ubq-border_radius-m);
-  background: var(--ubq-elevation-2);
 }
-.UBQ_CanvasMenu-module__block--hk7CF:empty {
-  display: none;
+.UBQ_AssetLibraryCard-module__stack--qnDzG {
+  width: 100%;
+  height: 100%;
 }
-@supports selector(:has(a, b)) {
-  .UBQ_CanvasMenu-module__block--hk7CF {
-    display: none;
-  }
-  .UBQ_CanvasMenu-module__block--hk7CF:has(> *:not(hr)) {
-    display: flex;
-  }
+.UBQ_AssetLibraryCard-module__stack--qnDzG.UBQ_AssetLibraryCard-module__hasChildren--yUxxD.UBQ_AssetLibraryCard-module__labelInside--OMslE > *:not(.UBQ_AssetLibraryCard-module__block--z689o),
+.UBQ_AssetLibraryCard-module__stack--qnDzG.UBQ_AssetLibraryCard-module__hasChildren--yUxxD.UBQ_AssetLibraryCard-module__labelInside--OMslE > *:has(~ [data-expanded=true]) .UBQ_AssetLibraryCard-module__label---NNY5 {
+  opacity: 0;
 }
-.UBQ_CanvasMenu-module__block--hk7CF > hr {
-  display: none;
+.UBQ_AssetLibraryCard-module__stack--qnDzG.UBQ_AssetLibraryCard-module__hasChildren--yUxxD.UBQ_AssetLibraryCard-module__labelInside--OMslE > [data-expanded=true] {
+  opacity: 1;
 }
-.UBQ_CanvasMenu-module__block--hk7CF > :not(hr):not(:last-of-type) + hr {
-  display: block;
+.UBQ_AssetLibraryCard-module__stack--qnDzG.UBQ_AssetLibraryCard-module__hasChildren--yUxxD.UBQ_AssetLibraryCard-module__labelInside--OMslE:hover .UBQ_AssetLibraryCard-module__block--z689o .UBQ_AssetLibraryCard-module__label---NNY5,
+.UBQ_AssetLibraryCard-module__stack--qnDzG.UBQ_AssetLibraryCard-module__hasChildren--yUxxD.UBQ_AssetLibraryCard-module__labelInside--OMslE:focus-within .UBQ_AssetLibraryCard-module__block--z689o .UBQ_AssetLibraryCard-module__label---NNY5 {
+  opacity: 0;
 }
-.UBQ_CanvasMenu-module__block--hk7CF > hr {
+.UBQ_AssetLibraryCard-module__stack--qnDzG.UBQ_AssetLibraryCard-module__hasChildren--yUxxD.UBQ_AssetLibraryCard-module__labelInside--OMslE:hover *:not(.UBQ_AssetLibraryCard-module__block--z689o),
+.UBQ_AssetLibraryCard-module__stack--qnDzG.UBQ_AssetLibraryCard-module__hasChildren--yUxxD.UBQ_AssetLibraryCard-module__labelInside--OMslE:focus-within *:not(.UBQ_AssetLibraryCard-module__block--z689o) {
+  opacity: 1;
+}
+.UBQ_AssetLibraryCard-module__stack--qnDzG.UBQ_AssetLibraryCard-module__isPreview--7ZqFG {
   height: unset;
-  width: 1px;
-  align-self: stretch;
-  margin-top: calc(-1 * (var(--ubq-margin-xs) - 1px));
-  margin-bottom: calc(-1 * (var(--ubq-margin-xs) - 1px));
 }
-.UBQ_CanvasMenu-module__tippy--Y7c0P {
-  max-width: unset !important;
+.UBQ_AssetLibraryCard-module__labelBelow--sZi-b {
+  max-height: calc(100% - var(--ubq-typography-label-s-line_height) * 2 - var(--ubq-margin-s) * 2);
 }
-.UBQ_CanvasMenu-module__tippy--Y7c0P[data-animation=shift-away][data-state=hidden] {
-  opacity: 0;
+.UBQ_AssetLibraryCard-module__labelBelow--sZi-b.UBQ_AssetLibraryCard-module__singleLineLabel--cyXzB {
+  max-height: calc(100% - var(--ubq-typography-label-s-line_height) - var(--ubq-margin-s) * 2);
 }
-.UBQ_CanvasMenu-module__tippy--Y7c0P[data-animation=shift-away][data-state=hidden][data-placement^=top] {
-  transform: translateY(10px);
+.UBQ_AssetLibraryCard-module__block--z689o {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  background-size: 100%;
+  transition: background-size 0.15s cubic-bezier(0.2, 0, 0, 1);
 }
-.UBQ_CanvasMenu-module__tippy--Y7c0P[data-animation=shift-away][data-state=hidden][data-placement^=bottom] {
-  transform: translateY(-10px);
+.UBQ_AssetLibraryCard-module__block--z689o.UBQ_AssetLibraryCard-module__containsLabel--tsqhH {
+  flex-direction: column-reverse;
 }
-.UBQ_CanvasMenu-module__tippy--Y7c0P[data-animation=shift-away][data-state=hidden][data-placement^=left] {
-  transform: translateX(10px);
+.UBQ_AssetLibraryCard-module__block--z689o.UBQ_AssetLibraryCard-module__hasBackground--XuHUW .UBQ_AssetLibraryCard-module__label---NNY5 {
+  font-family: var(--ubq-typography-label-m-font_family);
+  font-size: var(--ubq-typography-label-m-size);
+  font-weight: var(--ubq-typography-label-m-weight);
+  letter-spacing: var(--ubq-typography-label-m-letter_spacing);
+  line-height: var(--ubq-typography-label-m-line_height);
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  overflow-wrap: break-word;
+  -webkit-hyphens: auto;
+  hyphens: auto;
+  position: absolute;
+  bottom: var(--ubq-margin-xs);
+  inset-inline: var(--ubq-margin-xs);
+  border-radius: var(--ubq-border_radius-s);
+  width: auto;
+  padding: var(--ubq-margin-xs);
+  color: var(--ubq-static-contrast-white);
+  background: rgba(0, 0, 0, 0.3);
+  text-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.6);
+  text-align: left;
 }
-.UBQ_CanvasMenu-module__tippy--Y7c0P[data-animation=shift-away][data-state=hidden][data-placement^=right] {
-  transform: translateX(-10px);
+.UBQ_AssetLibraryCard-module__block--z689o:hover,
+.UBQ_AssetLibraryCard-module__block--z689o:active {
+  background-size: calc(100% - var(--ubq-margin-xs));
 }
-
-/* esbuild-sass-plugin:css-chunk:packages/ui/components/Canvas/frame/box.module.scss */
-.UBQ_box-module__block--n0qcC {
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  left: 0;
-  right: 0;
-  width: 100%;
-  height: 100%;
-  transform-origin: 0% 0%;
-  outline: none;
-  cursor: move;
-  z-index: 6;
+.UBQ_AssetLibraryCard-module__dragPreview--OmKMq {
+  overflow: hidden;
+  border-radius: var(--ubq-border-radius-l);
+  background: var(--ubq-elevation-2);
 }
-.UBQ_box-module__block--n0qcC.UBQ_box-module__disabledFrame--0FGdV .cesdk__frameHandle {
-  display: none;
+.UBQ_AssetLibraryCard-module__label---NNY5 {
+  font-family: var(--ubq-typography-label-s-font_family);
+  font-size: var(--ubq-typography-label-s-size);
+  font-weight: var(--ubq-typography-label-s-weight);
+  letter-spacing: var(--ubq-typography-label-s-letter_spacing);
+  line-height: var(--ubq-typography-label-s-line_height);
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  overflow-wrap: break-word;
+  -webkit-hyphens: auto;
+  hyphens: auto;
+  width: calc(100% - 2 * var(--ubq-margin-xs));
+  text-align: center;
+  color: var(--ubq-foreground-default);
 }
-.UBQ_box-module__disabled--s2QQv {
-  cursor: not-allowed;
+.UBQ_AssetLibraryCard-module__label---NNY5.UBQ_AssetLibraryCard-module__below--ULAsZ {
+  padding-top: var(--ubq-margin-s);
+  color: var(--ubq-foreground-light);
 }
-.UBQ_box-module__page--xsbUn {
-  cursor: default;
+.UBQ_AssetLibraryCard-module__label---NNY5.UBQ_AssetLibraryCard-module__active--2-GY4 {
+  color: var(--ubq-foreground-active);
 }
-.UBQ_box-module__dragging--rKfnM {
-  cursor: inherit;
+.UBQ_AssetLibraryCard-module__singleLineTruncation--QqQ8w {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: block;
+  width: 100%;
 }
-.UBQ_box-module__nonPageBoxShadow--LmEpP {
-  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0);
+.UBQ_AssetLibraryCard-module__multiLineTruncation--yNIbR {
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  overflow-wrap: break-word;
+  -webkit-hyphens: auto;
+  hyphens: auto;
 }
-.UBQ_box-module__deletingBoxShadow--djaxf {
-  box-shadow: inset 0 0 0 1px var(--ubq-notice-error);
+.UBQ_AssetLibraryCard-module__border--QhSq0 {
+  box-shadow: inset 0 0 0 1px var(--ubq-stroke-contrast-2);
 }
-
-/* esbuild-sass-plugin:css-chunk:packages/ui/components/CanvasBars.module.scss */
-.UBQ_CanvasBars-module__block--hQNKs {
+.UBQ_AssetLibraryCard-module__spotColorIndicator--7iifr {
+  border-radius: var(--ubq-border_radius-m);
   position: absolute;
   inset: 0;
+  background-size: calc(4.5 * var(--ubq-scale-base));
+  background-position: top right;
+  background-repeat: no-repeat;
   pointer-events: none;
-  z-index: 11;
 }
-.UBQ_CanvasBars-module__bar--cPGyA {
-  position: absolute;
-  left: var(--ubq-margin-m);
-  right: var(--ubq-margin-m);
-  display: flex;
-  gap: var(--ubq-margin-m);
+
+/* esbuild-sass-plugin:css-chunk:packages/ui/components/assets/properties/AssetLibraryPropertyPopover.module.scss */
+.UBQ_AssetLibraryPropertyPopover-module__block--A3c-n {
+  width: calc(var(--ubq-scale-base) * 70);
+  padding-inline: var(--ubq-margin-l);
+  padding-bottom: var(--ubq-margin-s);
+  background-color: var(--ubq-elevation-3);
 }
-.UBQ_CanvasBars-module__bar--cPGyA > hr {
-  display: none;
+.UBQ_AssetLibraryPropertyPopover-module__trigger--hC8J1 {
+  margin: var(--ubq-margin-xs);
+  border-radius: var(--ubq-border_radius-s);
+  background-color: var(--ubq-overlay);
 }
-.UBQ_CanvasBars-module__bar--cPGyA > :not(hr) ~ hr:has(+ :not(hr, x-spacer)) {
-  display: block;
-}
-@supports not selector(:has(a)) {
-  .UBQ_CanvasBars-module__bar--cPGyA > :not(hr, x-spacer):not(:last-of-type) + hr {
-    display: block;
-  }
-}
-.UBQ_CanvasBars-module__bar--cPGyA.UBQ_CanvasBars-module__renderOptimizedSmallViewport--NSAIy {
-  gap: var(--ubq-margin-l);
-}
-.UBQ_CanvasBars-module__bar--cPGyA > * {
-  pointer-events: auto;
-  flex: 0 0 auto;
-}
-.UBQ_CanvasBars-module__bar--cPGyA > hr {
-  height: unset;
-  align-self: stretch;
-  margin: 0;
-  flex: 0 0 1px;
-}
-.UBQ_CanvasBars-module__bar--cPGyA.UBQ_CanvasBars-module__bottom--AFs8k {
-  bottom: var(--ubq-margin-m);
-}
-.UBQ_CanvasBars-module__bar--cPGyA.UBQ_CanvasBars-module__top--k8O0E {
-  top: var(--ubq-margin-m);
-}
-
-/* esbuild-sass-plugin:css-chunk:packages/ui/components/Dialogs.module.scss */
-.UBQ_Dialogs-module__buttonWrapper--OvWys {
-  display: flex;
-  justify-content: flex-end;
-  gap: var(--ubq-margin-s);
-}
-
-/* esbuild-sass-plugin:css-chunk:packages/ui/components/DockSeparator.module.scss */
-.UBQ_DockSeparator-module__block--8XSWX {
-  height: 0px;
-  width: 0px;
-  margin-top: 0;
-  margin-left: 0;
-  margin-bottom: var(--ubq-margin-xl);
-  margin-right: var(--ubq-margin-xl);
-  border: 0px;
-}
-
-/* esbuild-sass-plugin:css-chunk:packages/ui/builder/DockBuilder.module.scss */
-svg.UBQ_DockBuilder-module__circularProgress---105B.UBQ_DockBuilder-module__normal--vlkdb {
-  height: calc(var(--ubq-scale-base) * 4);
-  width: calc(var(--ubq-scale-base) * 4);
-}
-svg.UBQ_DockBuilder-module__circularProgress---105B.UBQ_DockBuilder-module__large--fv3VZ {
-  height: calc(var(--ubq-scale-base) * 6);
-  width: calc(var(--ubq-scale-base) * 6);
-}
-
-/* esbuild-sass-plugin:css-chunk:packages/ui/components/blocks/text/ClipLines/ClipLines.module.scss */
-.UBQ_ClipLines-module__button--BZdAt > span > span {
-  text-align: center;
-}
-
-/* esbuild-sass-plugin:css-chunk:packages/ui/components/panels/Panel.module.scss */
-.UBQ_Panel-module__block--ktFvC {
-  height: 100%;
+.UBQ_AssetLibraryPropertyPopover-module__trigger--hC8J1:hover:not(:active) {
+  background-color: var(--ubq-overlay);
 }
-.UBQ_Panel-module__header--qDeg3 {
+.UBQ_AssetLibraryPropertyPopover-module__trigger--hC8J1 .UBQ_AssetLibraryPropertyPopover-module__iconBackground--2Z36A {
+  --ubq-internal-icon-size: calc(var(--ubq-scale-base) * 4);
   display: flex;
+  justify-content: center;
   align-items: center;
-  padding: var(--ubq-margin-m) var(--ubq-margin-l);
-  height: calc(12 * var(--ubq-scale-base) - 2 * var(--ubq-margin-m));
+  box-sizing: border-box;
+  width: calc(var(--ubq-internal-icon-size) + var(--ubq-margin-s) * 2);
+  height: calc(var(--ubq-internal-icon-size) + var(--ubq-margin-s) * 2);
+  background-color: var(--ubq-interactive-default);
+  border: 1px solid var(--ubq-interactive-active-default);
+  border-radius: 50%;
+  box-shadow: var(--ubq-effect-shadow);
 }
-.UBQ_Panel-module__header--qDeg3.UBQ_Panel-module__hidden---Zatz {
-  position: absolute;
-  width: 1px;
-  height: 1px;
-  padding: 0;
-  margin: -1px;
-  overflow: hidden;
-  clip: rect(0, 0, 0, 0);
-  white-space: nowrap;
-  border: 0;
+.UBQ_AssetLibraryPropertyPopover-module__trigger--hC8J1 .UBQ_AssetLibraryPropertyPopover-module__iconBackground--2Z36A svg {
+  width: var(--ubq-internal-icon-size);
+  height: var(--ubq-internal-icon-size);
+  color: var(--ubq-interactive-active-default);
 }
-.UBQ_Panel-module__header--qDeg3 .UBQ_Panel-module__headerCenter--DSLEc {
-  flex: 1 1 auto;
+.UBQ_AssetLibraryPropertyPopover-module__header--O30QG {
   display: flex;
+  justify-content: space-between;
   align-items: center;
+  padding-block: var(--ubq-margin-s);
 }
-.UBQ_Panel-module__header--qDeg3 .UBQ_Panel-module__headerLeft--yQHMF {
-  margin-right: var(--ubq-margin-s);
-}
-.UBQ_Panel-module__header--qDeg3 .UBQ_Panel-module__headerRight--bn0er {
-  margin-left: var(--ubq-margin-s);
-}
-.UBQ_Panel-module__header--qDeg3 .UBQ_Panel-module__headerLeft--yQHMF,
-.UBQ_Panel-module__header--qDeg3 .UBQ_Panel-module__headerRight--bn0er {
-  display: flex;
-  flex: 0 0 auto;
-}
-.UBQ_Panel-module__header--qDeg3 .UBQ_Panel-module__headerLeft--yQHMF > *:not(:first-child),
-.UBQ_Panel-module__header--qDeg3 .UBQ_Panel-module__headerRight--bn0er > *:not(:first-child) {
-  margin-left: var(--ubq-margin-s);
-}
-.UBQ_Panel-module__header--qDeg3 .UBQ_Panel-module__heading--pa7qn {
+.UBQ_AssetLibraryPropertyPopover-module__header--O30QG .UBQ_AssetLibraryPropertyPopover-module__heading--ZMjsl {
+  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);
   width: fit-content;
   color: var(--ubq-foreground-default);
-  font-family: var(--ubq-typography-headline-l-font_family);
-  font-size: var(--ubq-typography-headline-l-size);
-  font-weight: var(--ubq-typography-headline-l-weight);
-  letter-spacing: var(--ubq-typography-headline-l-letter_spacing);
-  line-height: var(--ubq-typography-headline-l-line_height);
 }
-.UBQ_Panel-module__header--qDeg3 + hr {
-  margin-block: 0;
-}
-.UBQ_Panel-module__panelContent--2-JT3 {
-  overflow-y: auto;
-  overflow-x: auto;
-  -webkit-overflow-scrolling: touch;
-  scrollbar-width: thin;
-  scrollbar-color: var(--ubq-foreground-info) transparent;
+.UBQ_AssetLibraryPropertyPopover-module__header--O30QG .UBQ_AssetLibraryPropertyPopover-module__actions--8Udd3 {
+  width: max-content;
+  flex-grow: 0;
   display: flex;
-  flex-direction: column;
-  height: calc(100% - 12 * var(--ubq-scale-base));
-  box-sizing: border-box;
-  overflow: auto;
-}
-.UBQ_Panel-module__panelContent--2-JT3::-webkit-scrollbar {
-  width: calc(2 * var(--ubq-scale-base));
-  height: calc(1.5 * var(--ubq-scale-base));
-}
-.UBQ_Panel-module__panelContent--2-JT3::-webkit-scrollbar-track {
-  background: transparent;
-  margin: var(--ubq-margin-s) var(--ubq-margin-s);
-}
-.UBQ_Panel-module__panelContent--2-JT3::-webkit-scrollbar-thumb {
-  background-color: var(--ubq-foreground-info);
-  border-radius: var(--ubq-border_radius-m);
+  align-items: center;
+  gap: var(--ubq-margin-s);
 }
-.UBQ_Panel-module__panelContent--2-JT3::-webkit-scrollbar-corner {
-  background: transparent;
+
+/* esbuild-sass-plugin:css-chunk:packages/ui/components/blocks/inputs/SliderInput/SliderInput.module.scss */
+.UBQ_SliderInput-module__block--pFy3O {
+  width: 100%;
 }
 
-/* esbuild-sass-plugin:css-chunk:packages/ui/components/panels/PanelPortal.module.scss */
-.UBQ_PanelPortal-module__block--Zlqwp {
-  height: 100%;
+/* esbuild-sass-plugin:css-chunk:packages/ui/components/assets/AssetMediaPlayer.module.scss */
+.UBQ_AssetMediaPlayer-module__block--2enRm {
+  align-self: end;
+  justify-self: end;
   position: relative;
-  display: grid;
-  grid-template-areas: "stack";
-  grid-template-rows: 100%;
+  margin: var(--ubq-margin-xs);
+  border-radius: var(--ubq-border_radius-s);
+  height: calc(6 * var(--ubq-scale-base));
+  width: calc(100% - 2 * var(--ubq-margin-xs));
+  max-width: calc(100% - 2 * var(--ubq-margin-xs));
+  display: flex;
+  justify-content: end;
+  align-items: center;
 }
-.UBQ_PanelPortal-module__block--Zlqwp > * {
-  grid-area: stack;
+.UBQ_AssetMediaPlayer-module__block--2enRm .UBQ_AssetMediaPlayer-module__layout--nxR1x {
+  border-radius: var(--ubq-border_radius-s);
+  flex-grow: 0;
+  flex-basis: fit-content;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  background: rgba(0, 0, 0, 0.3);
 }
-.UBQ_PanelPortal-module__fullWidth--AJvKV > * {
-  width: var(--ubq_internal-containerquery-width);
+.UBQ_AssetMediaPlayer-module__block--2enRm .UBQ_AssetMediaPlayer-module__playButton--sRBJU {
+  width: 0;
+  overflow: hidden;
+  padding-inline: 0;
+  flex-grow: 0;
+  opacity: 0;
 }
-.UBQ_PanelPortal-module__verticalPanel--gxFvi {
-  height: unset;
+.UBQ_AssetMediaPlayer-module__block--2enRm .UBQ_AssetMediaPlayer-module__playButton--sRBJU:not(:focus-visible):not(:hover) svg {
+  filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.3)) drop-shadow(0 1px 2px rgba(0, 0, 0, 0.6));
 }
-
-/* esbuild-sass-plugin:css-chunk:packages/ui/components/blocks/inputs/SliderInput/SliderInput.module.scss */
-.UBQ_SliderInput-module__block--pFy3O {
+.UBQ_AssetMediaPlayer-module__block--2enRm .UBQ_AssetMediaPlayer-module__playButton--sRBJU .UBQ_AssetMediaPlayer-module__loadingIndicator--BVqs6 {
+  width: calc(4 * var(--ubq-scale-base));
+  height: calc(4 * var(--ubq-scale-base));
+}
+.UBQ_AssetMediaPlayer-module__block--2enRm .UBQ_AssetMediaPlayer-module__playButton--sRBJU .UBQ_AssetMediaPlayer-module__loadingIndicator--BVqs6 > svg {
   width: 100%;
+  height: 100%;
+  color: var(--ubq-static-contrast-white);
+  filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.3)) drop-shadow(0 1px 2px rgba(0, 0, 0, 0.6));
 }
-
-/* esbuild-sass-plugin:css-chunk:packages/ui/components/assets/AssetLibraryBreadcrumb/AssetLibraryBreadcrumb.module.scss */
-.UBQ_AssetLibraryBreadcrumb-module__breadcrumb--J7U53 {
-  display: flex;
-  align-items: center;
-  margin: var(--ubq-margin-xs) var(--ubq-margin-m);
+.UBQ_AssetMediaPlayer-module__block--2enRm .UBQ_AssetMediaPlayer-module__playButton--sRBJU:not(:hover) {
+  color: var(--ubq-static-contrast-white);
 }
-.UBQ_AssetLibraryBreadcrumb-module__label--oMzYm,
-.UBQ_AssetLibraryBreadcrumb-module__button--H9k1U,
-.UBQ_AssetLibraryBreadcrumb-module__divider--ZHdnp {
+.UBQ_AssetMediaPlayer-module__block--2enRm time {
   font-family: var(--ubq-typography-label-m-font_family);
   font-size: var(--ubq-typography-label-m-size);
   font-weight: var(--ubq-typography-label-m-weight);
   letter-spacing: var(--ubq-typography-label-m-letter_spacing);
   line-height: var(--ubq-typography-label-m-line_height);
-  color: var(--ubq-foreground-info);
-}
-.UBQ_AssetLibraryBreadcrumb-module__divider--ZHdnp {
-  flex: 0 0 auto;
-  padding: 0 var(--ubq-margin-xs);
-}
-.UBQ_AssetLibraryBreadcrumb-module__button--H9k1U,
-.UBQ_AssetLibraryBreadcrumb-module__label--oMzYm {
-  flex: 0 1 auto;
-  max-width: 100%;
-}
-.UBQ_AssetLibraryBreadcrumb-module__label--oMzYm {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
-  color: var(--ubq-foreground-default);
-  margin-left: var(--ubq-margin-xs);
-  padding-left: var(--ubq-margin-xs);
-}
-
-/* esbuild-sass-plugin:css-chunk:packages/ui/components/assets/AssetLibraryCard.module.scss */
-.UBQ_AssetLibraryCard-module__wrapper--stQdN {
-  display: flex;
-  flex-direction: column;
-  overflow: visible;
-  align-items: center;
-}
-.UBQ_AssetLibraryCard-module__stack--qnDzG {
-  width: 100%;
-  height: 100%;
+  margin-inline: var(--ubq-margin-s);
+  max-width: calc(8.5 * var(--ubq-scale-base));
+  color: var(--ubq-static-contrast-white);
+  text-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.6);
+  text-align: right;
 }
-.UBQ_AssetLibraryCard-module__stack--qnDzG.UBQ_AssetLibraryCard-module__hasChildren--yUxxD.UBQ_AssetLibraryCard-module__labelInside--OMslE > *:not(.UBQ_AssetLibraryCard-module__block--z689o),
-.UBQ_AssetLibraryCard-module__stack--qnDzG.UBQ_AssetLibraryCard-module__hasChildren--yUxxD.UBQ_AssetLibraryCard-module__labelInside--OMslE > *:has(~ [data-expanded=true]) .UBQ_AssetLibraryCard-module__label---NNY5 {
-  opacity: 0;
-}
-.UBQ_AssetLibraryCard-module__stack--qnDzG.UBQ_AssetLibraryCard-module__hasChildren--yUxxD.UBQ_AssetLibraryCard-module__labelInside--OMslE > [data-expanded=true] {
-  opacity: 1;
-}
-.UBQ_AssetLibraryCard-module__stack--qnDzG.UBQ_AssetLibraryCard-module__hasChildren--yUxxD.UBQ_AssetLibraryCard-module__labelInside--OMslE:hover .UBQ_AssetLibraryCard-module__block--z689o .UBQ_AssetLibraryCard-module__label---NNY5,
-.UBQ_AssetLibraryCard-module__stack--qnDzG.UBQ_AssetLibraryCard-module__hasChildren--yUxxD.UBQ_AssetLibraryCard-module__labelInside--OMslE:focus-within .UBQ_AssetLibraryCard-module__block--z689o .UBQ_AssetLibraryCard-module__label---NNY5 {
-  opacity: 0;
+.UBQ_AssetMediaPlayer-module__sibling--KCgcZ:hover + .UBQ_AssetMediaPlayer-module__block--2enRm .UBQ_AssetMediaPlayer-module__layout--nxR1x,
+.UBQ_AssetMediaPlayer-module__sibling--KCgcZ:focus-within + .UBQ_AssetMediaPlayer-module__block--2enRm .UBQ_AssetMediaPlayer-module__layout--nxR1x,
+.UBQ_AssetMediaPlayer-module__sibling--KCgcZ:focus-visible + .UBQ_AssetMediaPlayer-module__block--2enRm .UBQ_AssetMediaPlayer-module__layout--nxR1x,
+.UBQ_AssetMediaPlayer-module__sibling--KCgcZ:focus + .UBQ_AssetMediaPlayer-module__block--2enRm .UBQ_AssetMediaPlayer-module__layout--nxR1x,
+.UBQ_AssetMediaPlayer-module__block--2enRm:hover .UBQ_AssetMediaPlayer-module__layout--nxR1x,
+.UBQ_AssetMediaPlayer-module__block--2enRm:focus-within .UBQ_AssetMediaPlayer-module__layout--nxR1x,
+.UBQ_AssetMediaPlayer-module__block--2enRm[data-expanded=true] .UBQ_AssetMediaPlayer-module__layout--nxR1x {
+  flex-grow: 1;
 }
-.UBQ_AssetLibraryCard-module__stack--qnDzG.UBQ_AssetLibraryCard-module__hasChildren--yUxxD.UBQ_AssetLibraryCard-module__labelInside--OMslE:hover *:not(.UBQ_AssetLibraryCard-module__block--z689o),
-.UBQ_AssetLibraryCard-module__stack--qnDzG.UBQ_AssetLibraryCard-module__hasChildren--yUxxD.UBQ_AssetLibraryCard-module__labelInside--OMslE:focus-within *:not(.UBQ_AssetLibraryCard-module__block--z689o) {
+.UBQ_AssetMediaPlayer-module__sibling--KCgcZ:hover + .UBQ_AssetMediaPlayer-module__block--2enRm .UBQ_AssetMediaPlayer-module__playButton--sRBJU,
+.UBQ_AssetMediaPlayer-module__sibling--KCgcZ:focus-within + .UBQ_AssetMediaPlayer-module__block--2enRm .UBQ_AssetMediaPlayer-module__playButton--sRBJU,
+.UBQ_AssetMediaPlayer-module__sibling--KCgcZ:focus-visible + .UBQ_AssetMediaPlayer-module__block--2enRm .UBQ_AssetMediaPlayer-module__playButton--sRBJU,
+.UBQ_AssetMediaPlayer-module__sibling--KCgcZ:focus + .UBQ_AssetMediaPlayer-module__block--2enRm .UBQ_AssetMediaPlayer-module__playButton--sRBJU,
+.UBQ_AssetMediaPlayer-module__block--2enRm:hover .UBQ_AssetMediaPlayer-module__playButton--sRBJU,
+.UBQ_AssetMediaPlayer-module__block--2enRm:focus-within .UBQ_AssetMediaPlayer-module__playButton--sRBJU,
+.UBQ_AssetMediaPlayer-module__block--2enRm[data-expanded=true] .UBQ_AssetMediaPlayer-module__playButton--sRBJU {
+  width: calc(6 * var(--ubq-scale-base));
   opacity: 1;
 }
-.UBQ_AssetLibraryCard-module__stack--qnDzG.UBQ_AssetLibraryCard-module__isPreview--7ZqFG {
-  height: unset;
+.UBQ_AssetMediaPlayer-module__sibling--KCgcZ:hover + .UBQ_AssetMediaPlayer-module__block--2enRm time,
+.UBQ_AssetMediaPlayer-module__sibling--KCgcZ:focus-within + .UBQ_AssetMediaPlayer-module__block--2enRm time,
+.UBQ_AssetMediaPlayer-module__sibling--KCgcZ:focus-visible + .UBQ_AssetMediaPlayer-module__block--2enRm time,
+.UBQ_AssetMediaPlayer-module__sibling--KCgcZ:focus + .UBQ_AssetMediaPlayer-module__block--2enRm time,
+.UBQ_AssetMediaPlayer-module__block--2enRm:hover time,
+.UBQ_AssetMediaPlayer-module__block--2enRm:focus-within time,
+.UBQ_AssetMediaPlayer-module__block--2enRm[data-expanded=true] time {
+  margin-inline: var(--ubq-margin-xs) var(--ubq-margin-s);
 }
-.UBQ_AssetLibraryCard-module__labelBelow--sZi-b {
-  max-height: calc(100% - var(--ubq-typography-label-s-line_height) * 2 - var(--ubq-margin-s) * 2);
+
+/* esbuild-sass-plugin:css-chunk:packages/ui/components/assets/AssetContextPopover.module.scss */
+.UBQ_AssetContextPopover-module__block--mBBDc {
+  border-radius: var(--ubq-border_radius-s);
 }
-.UBQ_AssetLibraryCard-module__labelBelow--sZi-b.UBQ_AssetLibraryCard-module__singleLineLabel--cyXzB {
-  max-height: calc(100% - var(--ubq-typography-label-s-line_height) - var(--ubq-margin-s) * 2);
+.UBQ_AssetContextPopover-module__button--zAa38 {
+  border-radius: var(--ubq-border_radius-s);
 }
-.UBQ_AssetLibraryCard-module__block--z689o {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  background-size: 100%;
-  transition: background-size 0.15s cubic-bezier(0.2, 0, 0, 1);
+.UBQ_AssetContextPopover-module__button--zAa38:not(:hover, :focus-visible) {
+  color: var(--ubq-static-contrast-white);
+  background: rgba(0, 0, 0, 0.3);
 }
-.UBQ_AssetLibraryCard-module__block--z689o.UBQ_AssetLibraryCard-module__containsLabel--tsqhH {
-  flex-direction: column-reverse;
+.UBQ_AssetContextPopover-module__button--zAa38:not(:hover, :focus-visible) svg {
+  filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.3)) drop-shadow(0 1px 2px rgba(0, 0, 0, 0.6));
 }
-.UBQ_AssetLibraryCard-module__block--z689o.UBQ_AssetLibraryCard-module__hasBackground--XuHUW .UBQ_AssetLibraryCard-module__label---NNY5 {
+.UBQ_AssetContextPopover-module__content--ZKSmX {
   font-family: var(--ubq-typography-label-m-font_family);
   font-size: var(--ubq-typography-label-m-size);
   font-weight: var(--ubq-typography-label-m-weight);
   letter-spacing: var(--ubq-typography-label-m-letter_spacing);
   line-height: var(--ubq-typography-label-m-line_height);
-  display: -webkit-box;
-  -webkit-line-clamp: 2;
-  -webkit-box-orient: vertical;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  overflow-wrap: break-word;
-  -webkit-hyphens: auto;
-  hyphens: auto;
-  position: absolute;
-  bottom: var(--ubq-margin-xs);
-  inset-inline: var(--ubq-margin-xs);
-  border-radius: var(--ubq-border_radius-s);
-  width: auto;
-  padding: var(--ubq-margin-xs);
-  color: var(--ubq-static-contrast-white);
-  background: rgba(0, 0, 0, 0.3);
-  text-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.6);
-  text-align: left;
-}
-.UBQ_AssetLibraryCard-module__block--z689o:hover,
-.UBQ_AssetLibraryCard-module__block--z689o:active {
-  background-size: calc(100% - var(--ubq-margin-xs));
-}
-.UBQ_AssetLibraryCard-module__dragPreview--OmKMq {
-  overflow: hidden;
-  border-radius: var(--ubq-border-radius-l);
-  background: var(--ubq-elevation-2);
-}
-.UBQ_AssetLibraryCard-module__label---NNY5 {
-  font-family: var(--ubq-typography-label-s-font_family);
-  font-size: var(--ubq-typography-label-s-size);
-  font-weight: var(--ubq-typography-label-s-weight);
-  letter-spacing: var(--ubq-typography-label-s-letter_spacing);
-  line-height: var(--ubq-typography-label-s-line_height);
-  display: -webkit-box;
-  -webkit-line-clamp: 2;
-  -webkit-box-orient: vertical;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  overflow-wrap: break-word;
-  -webkit-hyphens: auto;
-  hyphens: auto;
-  width: calc(100% - 2 * var(--ubq-margin-xs));
-  text-align: center;
+  width: calc(72 * var(--ubq-scale-base));
   color: var(--ubq-foreground-default);
 }
-.UBQ_AssetLibraryCard-module__label---NNY5.UBQ_AssetLibraryCard-module__below--ULAsZ {
-  padding-top: var(--ubq-margin-s);
-  color: var(--ubq-foreground-light);
-}
-.UBQ_AssetLibraryCard-module__label---NNY5.UBQ_AssetLibraryCard-module__active--2-GY4 {
-  color: var(--ubq-foreground-active);
+.UBQ_AssetContextPopover-module__content--ZKSmX > *:not(hr) {
+  margin-left: var(--ubq-margin-s);
+  margin-right: var(--ubq-margin-s);
 }
-.UBQ_AssetLibraryCard-module__singleLineTruncation--QqQ8w {
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  display: block;
-  width: 100%;
+.UBQ_AssetContextPopover-module__content--ZKSmX hr {
+  margin-block: var(--ubq-margin-m);
 }
-.UBQ_AssetLibraryCard-module__multiLineTruncation--yNIbR {
-  display: -webkit-box;
-  -webkit-line-clamp: 2;
-  -webkit-box-orient: vertical;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  overflow-wrap: break-word;
-  -webkit-hyphens: auto;
-  hyphens: auto;
+.UBQ_AssetContextPopover-module__heading--IoULF {
+  margin-block: var(--ubq-margin-xs) var(--ubq-margin-m);
 }
-.UBQ_AssetLibraryCard-module__border--QhSq0 {
-  box-shadow: inset 0 0 0 1px var(--ubq-stroke-contrast-2);
+.UBQ_AssetContextPopover-module__license--FjDkN,
+.UBQ_AssetContextPopover-module__credits--lIm0T {
+  color: var(--ubq-foreground-light);
 }
-.UBQ_AssetLibraryCard-module__spotColorIndicator--7iifr {
-  border-radius: var(--ubq-border_radius-m);
-  position: absolute;
-  inset: 0;
-  background-size: calc(4.5 * var(--ubq-scale-base));
-  background-position: top right;
-  background-repeat: no-repeat;
-  pointer-events: none;
+.UBQ_AssetContextPopover-module__license--FjDkN a,
+.UBQ_AssetContextPopover-module__credits--lIm0T a {
+  color: var(--ubq-foreground-light);
 }
-
-/* esbuild-sass-plugin:css-chunk:packages/ui/components/assets/properties/AssetLibraryPropertyPopover.module.scss */
-.UBQ_AssetLibraryPropertyPopover-module__block--A3c-n {
-  width: calc(var(--ubq-scale-base) * 70);
-  padding-inline: var(--ubq-margin-l);
-  padding-bottom: var(--ubq-margin-s);
-  background-color: var(--ubq-elevation-3);
+.UBQ_AssetContextPopover-module__tags--1JGaE {
+  display: flex;
+  justify-content: center;
 }
-.UBQ_AssetLibraryPropertyPopover-module__trigger--hC8J1 {
-  margin: var(--ubq-margin-xs);
-  border-radius: var(--ubq-border_radius-s);
-  background-color: var(--ubq-overlay);
+.UBQ_AssetContextPopover-module__tag--Ao6oh {
+  display: inline-block;
+  background: var(--ubq-interactive-default);
+  border-radius: var(--ubq-border_radius-l);
+  padding: var(--ubq-margin-xs) var(--ubq-margin-s);
+  color: var(--ubq-foreground-light);
 }
-.UBQ_AssetLibraryPropertyPopover-module__trigger--hC8J1:hover:not(:active) {
-  background-color: var(--ubq-overlay);
+.UBQ_AssetContextPopover-module__tag--Ao6oh:not(:last-child) {
+  margin-right: var(--ubq-margin-xs);
 }
-.UBQ_AssetLibraryPropertyPopover-module__trigger--hC8J1 .UBQ_AssetLibraryPropertyPopover-module__iconBackground--2Z36A {
-  --ubq-internal-icon-size: calc(var(--ubq-scale-base) * 4);
+.UBQ_AssetContextPopover-module__license--FjDkN {
   display: flex;
-  justify-content: center;
   align-items: center;
-  box-sizing: border-box;
-  width: calc(var(--ubq-internal-icon-size) + var(--ubq-margin-s) * 2);
-  height: calc(var(--ubq-internal-icon-size) + var(--ubq-margin-s) * 2);
-  background-color: var(--ubq-interactive-default);
-  border: 1px solid var(--ubq-interactive-active-default);
-  border-radius: 50%;
-  box-shadow: var(--ubq-effect-shadow);
-}
-.UBQ_AssetLibraryPropertyPopover-module__trigger--hC8J1 .UBQ_AssetLibraryPropertyPopover-module__iconBackground--2Z36A svg {
-  width: var(--ubq-internal-icon-size);
-  height: var(--ubq-internal-icon-size);
-  color: var(--ubq-interactive-active-default);
 }
-.UBQ_AssetLibraryPropertyPopover-module__header--O30QG {
+.UBQ_AssetContextPopover-module__licenseUrl--XuFgL {
   display: flex;
-  justify-content: space-between;
   align-items: center;
-  padding-block: var(--ubq-margin-s);
+  margin-left: var(--ubq-margin-xs);
 }
-.UBQ_AssetLibraryPropertyPopover-module__header--O30QG .UBQ_AssetLibraryPropertyPopover-module__heading--ZMjsl {
-  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);
-  width: fit-content;
-  color: var(--ubq-foreground-default);
+footer {
+  padding-block: var(--ubq-margin-s);
 }
-.UBQ_AssetLibraryPropertyPopover-module__header--O30QG .UBQ_AssetLibraryPropertyPopover-module__actions--8Udd3 {
-  width: max-content;
-  flex-grow: 0;
-  display: flex;
-  align-items: center;
-  gap: var(--ubq-margin-s);
+.UBQ_AssetContextPopover-module__confirmationDialog---Y73- {
+  width: calc(80 * var(--ubq-scale-base));
 }
 
-/* esbuild-sass-plugin:css-chunk:packages/ui/components/assets/AssetMediaPlayer.module.scss */
-.UBQ_AssetMediaPlayer-module__block--2enRm {
-  align-self: end;
-  justify-self: end;
-  position: relative;
-  margin: var(--ubq-margin-xs);
-  border-radius: var(--ubq-border_radius-s);
-  height: calc(6 * var(--ubq-scale-base));
-  width: calc(100% - 2 * var(--ubq-margin-xs));
-  max-width: calc(100% - 2 * var(--ubq-margin-xs));
-  display: flex;
-  justify-content: end;
-  align-items: center;
-}
-.UBQ_AssetMediaPlayer-module__block--2enRm .UBQ_AssetMediaPlayer-module__layout--nxR1x {
-  border-radius: var(--ubq-border_radius-s);
-  flex-grow: 0;
-  flex-basis: fit-content;
+/* esbuild-sass-plugin:css-chunk:packages/ui/components/assets/AssetLoadingSpinner/AssetLoadingSpinner.module.scss */
+.UBQ_AssetLoadingSpinner-module__block--sa-XM {
+  position: absolute;
+  top: 0;
+  left: 0;
+  height: 100%;
+  width: 100%;
   display: flex;
-  justify-content: space-between;
+  justify-content: center;
   align-items: center;
-  background: rgba(0, 0, 0, 0.3);
+  color: var(--ubq-foreground-default);
 }
-.UBQ_AssetMediaPlayer-module__block--2enRm .UBQ_AssetMediaPlayer-module__playButton--sRBJU {
-  width: 0;
-  overflow: hidden;
-  padding-inline: 0;
-  flex-grow: 0;
+.UBQ_AssetLoadingSpinner-module__loadingSpinnerIcon--p8Z3l {
+  animation: UBQ_AssetLoadingSpinner-module__loading--CJ2M7 1.1s infinite linear, UBQ_AssetLoadingSpinner-module__fade-in--fMZk4 200ms 1 ease-in-out;
+  animation-delay: 200ms;
+  height: calc(var(--ubq-scale-base) * 12);
+  width: calc(var(--ubq-scale-base) * 12);
   opacity: 0;
 }
-.UBQ_AssetMediaPlayer-module__block--2enRm .UBQ_AssetMediaPlayer-module__playButton--sRBJU:not(:focus-visible):not(:hover) svg {
-  filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.3)) drop-shadow(0 1px 2px rgba(0, 0, 0, 0.6));
-}
-.UBQ_AssetMediaPlayer-module__block--2enRm .UBQ_AssetMediaPlayer-module__playButton--sRBJU .UBQ_AssetMediaPlayer-module__loadingIndicator--BVqs6 {
-  width: calc(4 * var(--ubq-scale-base));
-  height: calc(4 * var(--ubq-scale-base));
+@keyframes UBQ_AssetLoadingSpinner-module__loading--CJ2M7 {
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
 }
-.UBQ_AssetMediaPlayer-module__block--2enRm .UBQ_AssetMediaPlayer-module__playButton--sRBJU .UBQ_AssetMediaPlayer-module__loadingIndicator--BVqs6 > svg {
+@keyframes UBQ_AssetLoadingSpinner-module__fade-in--fMZk4 {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+}
+
+/* esbuild-sass-plugin:css-chunk:packages/ui/components/assets/AssetResultContainer/AssetResultContainer.module.scss */
+.UBQ_AssetResultContainer-module__block---28wZ {
+  position: relative;
+  display: grid;
+  grid-template-columns: 100%;
+  grid-template-rows: 100%;
+  height: 100%;
   width: 100%;
+}
+.UBQ_AssetResultContainer-module__block---28wZ .UBQ_AssetResultContainer-module__creditsButton--t--Ce {
+  position: absolute;
+  top: var(--ubq-margin-xs);
+  right: var(--ubq-margin-xs);
+  opacity: 0;
+}
+.UBQ_AssetResultContainer-module__block---28wZ:focus-within .UBQ_AssetResultContainer-module__creditsButton--t--Ce,
+.UBQ_AssetResultContainer-module__block---28wZ:hover .UBQ_AssetResultContainer-module__creditsButton--t--Ce {
+  opacity: 1;
+  z-index: 2;
+}
+.UBQ_AssetResultContainer-module__block---28wZ .UBQ_AssetResultContainer-module__creditsButton--t--Ce[data-expanded=true] {
+  opacity: 1;
+  z-index: 2;
+}
+
+/* esbuild-sass-plugin:css-chunk:packages/ui/components/assets/sources/LocalSourceSectionHeaderUpload/LocalSourceSectionHeaderUpload.module.scss */
+.UBQ_LocalSourceSectionHeaderUpload-module__block--MyifH {
+  max-width: max-content;
+}
+
+/* esbuild-sass-plugin:css-chunk:packages/ui/components/assets/sources/LocalSourceGridUpload/LocalSourceGridUpload.module.scss */
+.UBQ_LocalSourceGridUpload-module__block--tOb8-,
+.UBQ_LocalSourceGridUpload-module__wrapper--zk1zi {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  flex-wrap: wrap;
+  gap: var(--ubq-margin-s);
+}
+
+/* esbuild-sass-plugin:css-chunk:packages/ui/components/assets/AssetLibraryGrid/AssetLibraryGrid.module.scss */
+.UBQ_AssetLibraryGrid-module__block--CAXT- {
+  overflow-y: auto;
+  overflow-x: auto;
+  -webkit-overflow-scrolling: touch;
+  scrollbar-width: thin;
+  scrollbar-color: var(--ubq-foreground-info) transparent;
+  flex: 1;
+  padding: var(--ubq-margin-m);
   height: 100%;
-  color: var(--ubq-static-contrast-white);
-  filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.3)) drop-shadow(0 1px 2px rgba(0, 0, 0, 0.6));
+  overflow-y: scroll;
 }
-.UBQ_AssetMediaPlayer-module__block--2enRm .UBQ_AssetMediaPlayer-module__playButton--sRBJU:not(:hover) {
-  color: var(--ubq-static-contrast-white);
+.UBQ_AssetLibraryGrid-module__block--CAXT-::-webkit-scrollbar {
+  width: calc(2 * var(--ubq-scale-base));
+  height: calc(1.5 * var(--ubq-scale-base));
 }
-.UBQ_AssetMediaPlayer-module__block--2enRm time {
+.UBQ_AssetLibraryGrid-module__block--CAXT-::-webkit-scrollbar-track {
+  background: transparent;
+  margin: var(--ubq-margin-s) var(--ubq-margin-s);
+}
+.UBQ_AssetLibraryGrid-module__block--CAXT-::-webkit-scrollbar-thumb {
+  background-color: var(--ubq-foreground-info);
+  border-radius: var(--ubq-border_radius-m);
+}
+.UBQ_AssetLibraryGrid-module__block--CAXT-::-webkit-scrollbar-corner {
+  background: transparent;
+}
+
+/* esbuild-sass-plugin:css-chunk:packages/ui/components/assets/AssetLibraryGrid/AssetLibraryGridLoadingAnchor.module.scss */
+.UBQ_AssetLibraryGridLoadingAnchor-module__block--9RbWn {
   font-family: var(--ubq-typography-label-m-font_family);
   font-size: var(--ubq-typography-label-m-size);
   font-weight: var(--ubq-typography-label-m-weight);
   letter-spacing: var(--ubq-typography-label-m-letter_spacing);
   line-height: var(--ubq-typography-label-m-line_height);
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  margin-inline: var(--ubq-margin-s);
-  max-width: calc(8.5 * var(--ubq-scale-base));
-  color: var(--ubq-static-contrast-white);
-  text-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.6);
-  text-align: right;
+  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);
 }
-.UBQ_AssetMediaPlayer-module__sibling--KCgcZ:hover + .UBQ_AssetMediaPlayer-module__block--2enRm .UBQ_AssetMediaPlayer-module__layout--nxR1x,
-.UBQ_AssetMediaPlayer-module__sibling--KCgcZ:focus-within + .UBQ_AssetMediaPlayer-module__block--2enRm .UBQ_AssetMediaPlayer-module__layout--nxR1x,
-.UBQ_AssetMediaPlayer-module__sibling--KCgcZ:focus-visible + .UBQ_AssetMediaPlayer-module__block--2enRm .UBQ_AssetMediaPlayer-module__layout--nxR1x,
-.UBQ_AssetMediaPlayer-module__sibling--KCgcZ:focus + .UBQ_AssetMediaPlayer-module__block--2enRm .UBQ_AssetMediaPlayer-module__layout--nxR1x,
-.UBQ_AssetMediaPlayer-module__block--2enRm:hover .UBQ_AssetMediaPlayer-module__layout--nxR1x,
-.UBQ_AssetMediaPlayer-module__block--2enRm:focus-within .UBQ_AssetMediaPlayer-module__layout--nxR1x,
-.UBQ_AssetMediaPlayer-module__block--2enRm[data-expanded=true] .UBQ_AssetMediaPlayer-module__layout--nxR1x {
-  flex-grow: 1;
+.UBQ_AssetLibraryGridLoadingAnchor-module__noMoreItems--7JuDW {
+  display: none;
 }
-.UBQ_AssetMediaPlayer-module__sibling--KCgcZ:hover + .UBQ_AssetMediaPlayer-module__block--2enRm .UBQ_AssetMediaPlayer-module__playButton--sRBJU,
-.UBQ_AssetMediaPlayer-module__sibling--KCgcZ:focus-within + .UBQ_AssetMediaPlayer-module__block--2enRm .UBQ_AssetMediaPlayer-module__playButton--sRBJU,
-.UBQ_AssetMediaPlayer-module__sibling--KCgcZ:focus-visible + .UBQ_AssetMediaPlayer-module__block--2enRm .UBQ_AssetMediaPlayer-module__playButton--sRBJU,
-.UBQ_AssetMediaPlayer-module__sibling--KCgcZ:focus + .UBQ_AssetMediaPlayer-module__block--2enRm .UBQ_AssetMediaPlayer-module__playButton--sRBJU,
-.UBQ_AssetMediaPlayer-module__block--2enRm:hover .UBQ_AssetMediaPlayer-module__playButton--sRBJU,
-.UBQ_AssetMediaPlayer-module__block--2enRm:focus-within .UBQ_AssetMediaPlayer-module__playButton--sRBJU,
-.UBQ_AssetMediaPlayer-module__block--2enRm[data-expanded=true] .UBQ_AssetMediaPlayer-module__playButton--sRBJU {
-  width: calc(6 * var(--ubq-scale-base));
+.UBQ_AssetLibraryGridLoadingAnchor-module__anchor--gytBf {
+  height: 1px;
+  width: 100%;
+  transform: translateY(-250px);
+}
+.UBQ_AssetLibraryGridLoadingAnchor-module__anchor--gytBf > svg {
+  width: calc(var(--ubq-scale-base) * 9);
+  height: calc(var(--ubq-scale-base) * 9);
+}
+
+/* esbuild-sass-plugin:css-chunk:packages/ui/components/assets/AssetLibraryGrid/AssetLibraryGridSkeleton.module.scss */
+.UBQ_AssetLibraryGridSkeleton-module__grid--G6I7Y {
+  position: relative;
+}
+.UBQ_AssetLibraryGridSkeleton-module__label--gdSHY {
+  color: var(--ubq-foreground-info);
+  margin-left: var(--ubq-margin-s);
+}
+.UBQ_AssetLibraryGridSkeleton-module__gradient--M3qR- {
+  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-module__labelContainer--saTFS {
+  font-family: var(--ubq-typography-label-m-font_family);
+  font-size: var(--ubq-typography-label-m-size);
+  font-weight: var(--ubq-typography-label-m-weight);
+  letter-spacing: var(--ubq-typography-label-m-letter_spacing);
+  line-height: var(--ubq-typography-label-m-line_height);
+  position: absolute;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  flex-direction: column;
+  color: var(--ubq-foreground-default);
+}
+.UBQ_AssetLibraryGridSkeleton-module__prependedSourceUIComponentContainer--D38b8 {
+  margin-top: var(--ubq-margin-m);
+}
+.UBQ_AssetLibraryGridSkeleton-module__cardWrapper--1za-F {
+  height: 100%;
+  width: 100%;
+}
+.UBQ_AssetLibraryGridSkeleton-module__animatedBackground--zsW4c {
+  animation-duration: 1.8s;
+  animation-fill-mode: forwards;
+  animation-iteration-count: infinite;
+  animation-name: UBQ_AssetLibraryGridSkeleton-module__placeHolderShimmer--4-W5d;
+  animation-timing-function: linear;
+  background: transparent;
+  background:
+    linear-gradient(
+      to right,
+      hsla(0, 0%, 100%, 0.04) 8%,
+      hsla(0, 0%, 100%, 0) 38%,
+      hsla(0, 0%, 100%, 0.04) 54%);
+  background-size: 1000px 640px;
+  position: relative;
+}
+@keyframes UBQ_AssetLibraryGridSkeleton-module__placeHolderShimmer--4-W5d {
+  0% {
+    background-position: -468px 0;
+  }
+  100% {
+    background-position: 468px 0;
+  }
+}
+.UBQ_AssetLibraryGridSkeleton-module__loadingSpinnerIcon---60AY {
+  animation: UBQ_AssetLibraryGridSkeleton-module__loading--nAVXg 1.1s infinite linear;
+}
+@keyframes UBQ_AssetLibraryGridSkeleton-module__loading--nAVXg {
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
+}
+
+/* esbuild-sass-plugin:css-chunk:packages/ui/components/assets/AssetLibraryLoading.module.scss */
+.UBQ_AssetLibraryLoading-module__block--stvVP {
+  padding: var(--ubq-margin-m);
+}
+
+/* esbuild-sass-plugin:css-chunk:packages/ui/components/assets/AssetLibraryEmpty.module.scss */
+.UBQ_AssetLibraryEmpty-module__block--sQ81G {
+  padding: var(--ubq-margin-m);
+}
+
+/* esbuild-sass-plugin:css-chunk:packages/ui/components/assets/AssetLibrarySection/AssetLibrarySection.module.scss */
+.UBQ_AssetLibrarySection-module__block--GjBKH {
+  --ubq_internal-effect-focus-inset:
+    inset 0px 0px 0px 2px var(--ubq-elevation-2),
+    inset 0px 0px 0px 3px var(--ubq-focus-default),
+    inset 0px 0px 0px 7px var(--ubq-focus-outline);
+  transition: opacity 0.1s ease-in-out;
+  opacity: 0;
+}
+.UBQ_AssetLibrarySection-module__block--GjBKH.UBQ_AssetLibrarySection-module__visible--jDroU {
   opacity: 1;
 }
-.UBQ_AssetMediaPlayer-module__sibling--KCgcZ:hover + .UBQ_AssetMediaPlayer-module__block--2enRm time,
-.UBQ_AssetMediaPlayer-module__sibling--KCgcZ:focus-within + .UBQ_AssetMediaPlayer-module__block--2enRm time,
-.UBQ_AssetMediaPlayer-module__sibling--KCgcZ:focus-visible + .UBQ_AssetMediaPlayer-module__block--2enRm time,
-.UBQ_AssetMediaPlayer-module__sibling--KCgcZ:focus + .UBQ_AssetMediaPlayer-module__block--2enRm time,
-.UBQ_AssetMediaPlayer-module__block--2enRm:hover time,
-.UBQ_AssetMediaPlayer-module__block--2enRm:focus-within time,
-.UBQ_AssetMediaPlayer-module__block--2enRm[data-expanded=true] time {
-  margin-inline: var(--ubq-margin-xs) var(--ubq-margin-s);
+.UBQ_AssetLibrarySection-module__header--zaDtl {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-top: var(--ubq-margin-m);
+  margin-inline: var(--ubq-margin-l);
+  margin-bottom: var(--ubq-margin-s);
+}
+.UBQ_AssetLibrarySection-module__heading--wwrkD {
+  flex: 1;
+}
+.UBQ_AssetLibrarySection-module__moreButton--evCHL {
+  flex: 0 1 auto;
+  margin-left: var(--ubq-margin-xs);
+}
+.UBQ_AssetLibrarySection-module__previews--tS0xD {
+  position: relative;
+  display: grid;
+  grid-gap: var(--ubq-margin-s);
+  grid-auto-flow: column;
+  margin-inline: var(--ubq-margin-l);
+  margin-block: var(--ubq-margin-s);
+}
+.UBQ_AssetLibrarySection-module__scrollContainer--vz2MB {
+  margin-bottom: var(--ubq-margin-s);
+  position: relative;
+  overflow-x: scroll;
+  scrollbar-width: none;
+}
+.UBQ_AssetLibrarySection-module__scrollContainer--vz2MB::-webkit-scrollbar {
+  display: none;
+}
+.UBQ_AssetLibrarySection-module__scrollContainer--vz2MB:focus-visible {
+  z-index: 2;
+  border-radius: var(--ubq-border_radius-s);
+  outline: none;
+  box-shadow: var(--ubq_internal-effect-focus-inset);
+}
+.UBQ_AssetLibrarySection-module__paginationContainer--4-kTI {
+  position: relative;
+  margin-inline: 1px;
+}
+.UBQ_AssetLibrarySection-module__paginationButton--ZB0fn {
+  position: absolute;
+  top: 0;
+  z-index: 1;
+  height: 100%;
+  width: calc(10 * var(--ubq-scale-base));
+  border: none;
+  display: grid;
+  place-content: center;
+  color: var(--ubq-foreground-light);
+  cursor: pointer;
+}
+.UBQ_AssetLibrarySection-module__paginationButton--ZB0fn svg {
+  border-radius: var(--ubq-border_radius-s);
+}
+.UBQ_AssetLibrarySection-module__paginationButtonLeft--Jzbym {
+  left: 0;
+  padding-left: var(--ubq-margin-l);
+  background:
+    linear-gradient(
+      90deg,
+      var(--ubq-elevation-2) 49.85%,
+      transparent 100%);
+}
+.UBQ_AssetLibrarySection-module__paginationButtonLeft--Jzbym svg {
+  margin-left: calc(-1 * var(--ubq-margin-l));
+}
+.UBQ_AssetLibrarySection-module__paginationButtonRight----DAi {
+  right: 0;
+  padding-right: var(--ubq-margin-l);
+  background:
+    linear-gradient(
+      270deg,
+      var(--ubq-elevation-2) 49.85%,
+      transparent 100%);
+}
+.UBQ_AssetLibrarySection-module__paginationButtonRight----DAi svg {
+  margin-right: calc(-1 * var(--ubq-margin-l));
+}
+.UBQ_AssetLibrarySection-module__paginationButton--ZB0fn:hover,
+.UBQ_AssetLibrarySection-module__paginationButton--ZB0fn:focus-visible {
+  color: var(--ubq-foreground-default);
+}
+.UBQ_AssetLibrarySection-module__paginationButton--ZB0fn:focus-visible {
+  border-radius: var(--ubq-border_radius-s);
+  outline: none;
+  box-shadow: var(--ubq_internal-effect-focus-inset);
+}
+.UBQ_AssetLibrarySection-module__moreIcon--dBquf {
+  padding-left: var(--ubq-margin-xs);
+}
+.UBQ_AssetLibrarySection-module__inlineMoreButtonContainer--lv-sU {
+  --ubq-typography-button-m-line_height: calc(6 * var(--ubq-scale-base));
+  display: grid;
+  justify-content: left;
+  align-content: center;
+  padding-left: var(--ubq-margin-s);
+}
+.UBQ_AssetLibrarySection-module__inlineMoreButton--Zqp2y {
+  height: calc(10 * var(--ubq-scale-base));
+  width: calc(10 * var(--ubq-scale-base));
+  border-radius: 100%;
+}
+
+/* esbuild-sass-plugin:css-chunk:packages/ui/components/assets/AssetLibrarySection/AssetLibrarySectionSkeleton.module.scss */
+.UBQ_AssetLibrarySectionSkeleton-module__content--q4nH2 {
+  font-family: var(--ubq-typography-label-m-font_family);
+  font-size: var(--ubq-typography-label-m-size);
+  font-weight: var(--ubq-typography-label-m-weight);
+  letter-spacing: var(--ubq-typography-label-m-letter_spacing);
+  line-height: var(--ubq-typography-label-m-line_height);
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  color: var(--ubq-foreground-default);
+}
+.UBQ_AssetLibrarySectionSkeleton-module__label--9610J {
+  margin-left: var(--ubq-margin-s);
+}
+.UBQ_AssetLibrarySectionSkeleton-module__animatedBackground--PGO2X {
+  animation-duration: 1.8s;
+  animation-fill-mode: forwards;
+  animation-iteration-count: infinite;
+  animation-name: UBQ_AssetLibrarySectionSkeleton-module__placeHolderShimmer--6UJTv;
+  animation-timing-function: linear;
+  background: transparent;
+  background:
+    linear-gradient(
+      to right,
+      hsla(0, 0%, 100%, 0.04) 8%,
+      hsla(0, 0%, 100%, 0) 38%,
+      hsla(0, 0%, 100%, 0.04) 54%);
+  background-size: 1000px 640px;
+  position: relative;
+}
+@keyframes UBQ_AssetLibrarySectionSkeleton-module__placeHolderShimmer--6UJTv {
+  0% {
+    background-position: -468px 0;
+  }
+  100% {
+    background-position: 468px 0;
+  }
+}
+.UBQ_AssetLibrarySectionSkeleton-module__loadingSpinnerIcon---n0-v {
+  animation: UBQ_AssetLibrarySectionSkeleton-module__loading--OKjqk 1.1s infinite linear;
+}
+@keyframes UBQ_AssetLibrarySectionSkeleton-module__loading--OKjqk {
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
+}
+
+/* esbuild-sass-plugin:css-chunk:packages/ui/components/assets/AssetLibraryOverview/AssetLibraryOverview.module.scss */
+.UBQ_AssetLibraryOverview-module__block--eHaxL {
+  overflow-y: auto;
+  overflow-x: auto;
+  -webkit-overflow-scrolling: touch;
+  scrollbar-width: thin;
+  scrollbar-color: var(--ubq-foreground-info) transparent;
+  overflow: auto;
+  height: 100%;
+}
+.UBQ_AssetLibraryOverview-module__block--eHaxL::-webkit-scrollbar {
+  width: calc(2 * var(--ubq-scale-base));
+  height: calc(1.5 * var(--ubq-scale-base));
+}
+.UBQ_AssetLibraryOverview-module__block--eHaxL::-webkit-scrollbar-track {
+  background: transparent;
+  margin: var(--ubq-margin-s) var(--ubq-margin-s);
+}
+.UBQ_AssetLibraryOverview-module__block--eHaxL::-webkit-scrollbar-thumb {
+  background-color: var(--ubq-foreground-info);
+  border-radius: var(--ubq-border_radius-m);
+}
+.UBQ_AssetLibraryOverview-module__block--eHaxL::-webkit-scrollbar-corner {
+  background: transparent;
+}
+.UBQ_AssetLibraryOverview-module__block--eHaxL hr {
+  margin-block: 0;
+}
+
+/* esbuild-sass-plugin:css-chunk:packages/ui/components/assets/AssetLibraryContent/AssetLibraryContent.module.scss */
+.UBQ_AssetLibraryContent-module__block--SroUk {
+  position: relative;
+  flex-grow: 1;
+  overflow: hidden;
+}
+.UBQ_AssetLibraryContent-module__block--SroUk hr {
+  margin-top: var(--ubq-margin-xs);
+  margin-bottom: 0;
+  width: 100%;
+}
+.UBQ_AssetLibraryContent-module__motionWrapper--Bxmsh {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+}
+
+/* esbuild-sass-plugin:css-chunk:packages/ui/components/assets/AssetLibrarySearch/AssetLibrarySearch.module.scss */
+.UBQ_AssetLibrarySearch-module__block--mcAtt {
+  display: flex;
+  align-items: center;
+  box-sizing: content-box;
+  padding-inline: var(--ubq-margin-s);
+  padding-block-start: var(--ubq-margin-s);
 }
-
-/* esbuild-sass-plugin:css-chunk:packages/ui/components/assets/AssetContextPopover.module.scss */
-.UBQ_AssetContextPopover-module__block--mBBDc {
-  border-radius: var(--ubq-border_radius-s);
+.UBQ_AssetLibrarySearch-module__searchInput--GoKQU {
+  height: calc(var(--ubq-scale-base) * 10);
+  border-radius: var(--ubq-border_radius-m);
+  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-margin-xs));
+  padding-top: var(--ubq-margin-m);
+  padding-bottom: var(--ubq-margin-m);
 }
-.UBQ_AssetContextPopover-module__button--zAa38 {
-  border-radius: var(--ubq-border_radius-s);
+.UBQ_AssetLibrarySearch-module__inputContainer--0-LjK {
+  position: relative;
+  width: 100%;
 }
-.UBQ_AssetContextPopover-module__button--zAa38:not(:hover, :focus-visible) {
-  color: var(--ubq-static-contrast-white);
-  background: rgba(0, 0, 0, 0.3);
+.UBQ_AssetLibrarySearch-module__searchIconContainer--MQrw6,
+.UBQ_AssetLibrarySearch-module__clearSearchIconContainer--pxocd {
+  position: absolute;
+  top: 0;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  height: 100%;
 }
-.UBQ_AssetContextPopover-module__button--zAa38:not(:hover, :focus-visible) svg {
-  filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.3)) drop-shadow(0 1px 2px rgba(0, 0, 0, 0.6));
+.UBQ_AssetLibrarySearch-module__searchIconContainer--MQrw6 {
+  left: var(--ubq-margin-s);
 }
-.UBQ_AssetContextPopover-module__content--ZKSmX {
-  font-family: var(--ubq-typography-label-m-font_family);
-  font-size: var(--ubq-typography-label-m-size);
-  font-weight: var(--ubq-typography-label-m-weight);
-  letter-spacing: var(--ubq-typography-label-m-letter_spacing);
-  line-height: var(--ubq-typography-label-m-line_height);
-  width: calc(72 * var(--ubq-scale-base));
-  color: var(--ubq-foreground-default);
+.UBQ_AssetLibrarySearch-module__clearSearchIconContainer--pxocd {
+  right: var(--ubq-margin-s);
 }
-.UBQ_AssetContextPopover-module__content--ZKSmX > *:not(hr) {
-  margin-left: var(--ubq-margin-s);
-  margin-right: var(--ubq-margin-s);
+.UBQ_AssetLibrarySearch-module__clearSearchIconContainer--pxocd.UBQ_AssetLibrarySearch-module__hasEmptySearchValue--c5Ttf {
+  display: none;
 }
-.UBQ_AssetContextPopover-module__content--ZKSmX hr {
-  margin-block: var(--ubq-margin-m);
+.UBQ_AssetLibrarySearch-module__searchIcon--6Rq2Q,
+.UBQ_AssetLibrarySearch-module__clearSearchIcon--KOtYH {
+  height: calc(var(--ubq-scale-base) * 4);
+  width: calc(var(--ubq-scale-base) * 4);
+  color: var(--ubq-foreground-default);
 }
-.UBQ_AssetContextPopover-module__heading--IoULF {
-  margin-block: var(--ubq-margin-xs) var(--ubq-margin-m);
+
+/* esbuild-sass-plugin:css-chunk:packages/ui/components/blocks/inputs/ColorSelection/ColorModeSelect.module.scss */
+.UBQ_ColorModeSelect-module__button--8-8sX {
+  flex: 0 0 50%;
 }
-.UBQ_AssetContextPopover-module__license--FjDkN,
-.UBQ_AssetContextPopover-module__credits--lIm0T {
-  color: var(--ubq-foreground-light);
+.UBQ_ColorModeSelect-module__button--8-8sX > span > span {
+  flex-grow: 0;
 }
-.UBQ_AssetContextPopover-module__license--FjDkN a,
-.UBQ_AssetContextPopover-module__credits--lIm0T a {
-  color: var(--ubq-foreground-light);
+
+/* esbuild-sass-plugin:css-chunk:packages/ui/components/blocks/inputs/ColorSelection/ColorSelection.module.scss */
+.UBQ_ColorSelection-module__block--hQIfN {
+  width: min(70 * var(--ubq-scale-base), 0.8 * var(--ubq_internal-containerquery-width, 80vw));
+  padding: var(--ubq-margin-s);
 }
-.UBQ_AssetContextPopover-module__tags--1JGaE {
-  display: flex;
-  justify-content: center;
+.UBQ_ColorSelection-module__block--hQIfN.UBQ_ColorSelection-module__noPopover--K51bl {
+  width: 100%;
+  padding: 0;
 }
-.UBQ_AssetContextPopover-module__tag--Ao6oh {
-  display: inline-block;
-  background: var(--ubq-interactive-default);
-  border-radius: var(--ubq-border_radius-l);
-  padding: var(--ubq-margin-xs) var(--ubq-margin-s);
-  color: var(--ubq-foreground-light);
+.UBQ_ColorSelection-module__block--hQIfN.UBQ_ColorSelection-module__noPopover--K51bl .UBQ_ColorSelection-module__sectionRow--R-VVL > label {
+  flex: 0 0 calc(18 * var(--ubq-scale-base));
 }
-.UBQ_AssetContextPopover-module__tag--Ao6oh:not(:last-child) {
-  margin-right: var(--ubq-margin-xs);
+.UBQ_ColorSelection-module__block--hQIfN.UBQ_ColorSelection-module__noPopover--K51bl .UBQ_ColorSelection-module__multilineSectionRow--SB1m7 {
+  max-height: max-content;
 }
-.UBQ_AssetContextPopover-module__license--FjDkN {
+.UBQ_ColorSelection-module__block--hQIfN.UBQ_ColorSelection-module__noPopover--K51bl .UBQ_ColorSelection-module__multilineSectionRow--SB1m7 label {
+  align-self: flex-start;
   display: flex;
   align-items: center;
+  height: calc(2 * var(--ubq-margin-xs) + var(--ubq-typography-button-m-line_height));
 }
-.UBQ_AssetContextPopover-module__licenseUrl--XuFgL {
+.UBQ_ColorSelection-module__header--59n9c {
   display: flex;
+  justify-content: space-between;
   align-items: center;
-  margin-left: var(--ubq-margin-xs);
+  margin-bottom: var(--ubq-margin-m);
 }
-footer {
-  padding-block: var(--ubq-margin-s);
+.UBQ_ColorSelection-module__header--59n9c > *:not(.UBQ_ColorSelection-module__heading--3lEKT) {
+  flex: 0 0 auto;
 }
-.UBQ_AssetContextPopover-module__confirmationDialog---Y73- {
-  width: calc(80 * var(--ubq-scale-base));
+.UBQ_ColorSelection-module__heading--3lEKT {
+  font-family: var(--ubq-typography-headline-l-font_family);
+  font-size: var(--ubq-typography-headline-l-size);
+  font-weight: var(--ubq-typography-headline-l-weight);
+  letter-spacing: var(--ubq-typography-headline-l-letter_spacing);
+  line-height: var(--ubq-typography-headline-l-line_height);
 }
-
-/* esbuild-sass-plugin:css-chunk:packages/ui/components/assets/AssetLoadingSpinner/AssetLoadingSpinner.module.scss */
-.UBQ_AssetLoadingSpinner-module__block--sa-XM {
-  position: absolute;
-  top: 0;
-  left: 0;
-  height: 100%;
-  width: 100%;
+.UBQ_ColorSelection-module__section--R1UZS {
+  padding-top: var(--ubq-margin-xs);
   display: flex;
-  justify-content: center;
-  align-items: center;
-  color: var(--ubq-foreground-default);
+  flex-direction: column;
 }
-.UBQ_AssetLoadingSpinner-module__loadingSpinnerIcon--p8Z3l {
-  animation: UBQ_AssetLoadingSpinner-module__loading--CJ2M7 1.1s infinite linear, UBQ_AssetLoadingSpinner-module__fade-in--fMZk4 200ms 1 ease-in-out;
-  animation-delay: 200ms;
-  height: calc(var(--ubq-scale-base) * 12);
-  width: calc(var(--ubq-scale-base) * 12);
-  opacity: 0;
+.UBQ_ColorSelection-module__section--R1UZS:not(:last-child) {
+  padding-bottom: var(--ubq-margin-l);
 }
-@keyframes UBQ_AssetLoadingSpinner-module__loading--CJ2M7 {
-  0% {
-    transform: rotate(0deg);
-  }
-  100% {
-    transform: rotate(360deg);
-  }
+.UBQ_ColorSelection-module__section--R1UZS > div:not(:last-child) {
+  margin-bottom: var(--ubq-margin-s);
 }
-@keyframes UBQ_AssetLoadingSpinner-module__fade-in--fMZk4 {
-  from {
-    opacity: 0;
-  }
-  to {
-    opacity: 1;
-  }
+input[type=range].UBQ_ColorSelection-module__hueSlider--WQXI2 {
+  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-module__hueSlider--WQXI2,
+input[type=range].UBQ_ColorSelection-module__opacitySlider--PI-Wu {
+  outline: 1px solid var(--ubq-stroke-contrast-2);
+  outline-offset: -1px;
+}
+input[type=range].UBQ_ColorSelection-module__hueSlider--WQXI2::-ms-thumb,
+input[type=range].UBQ_ColorSelection-module__opacitySlider--PI-Wu::-ms-thumb {
+  box-shadow: inset 0 0 0 var(--ubq-scale-base) white !important;
+  background: transparent !important;
 }
 
-/* esbuild-sass-plugin:css-chunk:packages/ui/components/assets/AssetResultContainer/AssetResultContainer.module.scss */
-.UBQ_AssetResultContainer-module__block---28wZ {
+/* esbuild-sass-plugin:css-chunk:packages/ui/components/blocks/inputs/ColorSelection/GradientControls.module.scss */
+.UBQ_GradientControls-module__smallButton--YgOFv {
+  flex: 0 0 auto;
+}
+.UBQ_GradientControls-module__gradientBar--8VRnB {
+  display: flex;
+  align-items: center;
+  width: 100%;
   position: relative;
-  display: grid;
-  grid-template-columns: 100%;
-  grid-template-rows: 100%;
+  height: calc(6 * var(--ubq-scale-base));
+  margin-bottom: var(--ubq-margin-m);
+  border-radius: var(--ubq-border_radius-s);
+  background-image: url("data:image/svg+xml,%3Csvg width%3D%2216%22 height%3D%2216%22 viewBox%3D%220 0 16 16%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 opacity%3D%220.1%22%3E%3Crect width%3D%2216%22 height%3D%2216%22 fill%3D%22white%22%2F%3E%3Crect width%3D%224%22 height%3D%224%22 fill%3D%22black%22%2F%3E%3Crect x%3D%228%22 width%3D%224%22 height%3D%224%22 fill%3D%22black%22%2F%3E%3Crect x%3D%224%22 y%3D%224%22 width%3D%224%22 height%3D%224%22 fill%3D%22black%22%2F%3E%3Crect x%3D%2212%22 y%3D%224%22 width%3D%224%22 height%3D%224%22 fill%3D%22black%22%2F%3E%3Crect y%3D%228%22 width%3D%224%22 height%3D%224%22 fill%3D%22black%22%2F%3E%3Crect x%3D%228%22 y%3D%228%22 width%3D%224%22 height%3D%224%22 fill%3D%22black%22%2F%3E%3Crect x%3D%224%22 y%3D%2212%22 width%3D%224%22 height%3D%224%22 fill%3D%22black%22%2F%3E%3Crect x%3D%2212%22 y%3D%2212%22 width%3D%224%22 height%3D%224%22 fill%3D%22black%22%2F%3E%3C%2Fsvg%3E");
+  background-position: -1px -1px;
+}
+.UBQ_GradientControls-module__gradientBar--8VRnB .UBQ_GradientControls-module__gradientBackground--dM7wA {
+  width: 100%;
   height: 100%;
+  border-radius: var(--ubq-border_radius-s);
+  box-shadow: inset 0 0 0 1px var(--ubq-stroke-contrast-2);
+}
+.UBQ_GradientControls-module__gradientBar--8VRnB .UBQ_GradientControls-module__border--gh9-1 {
   width: 100%;
+  height: 100%;
 }
-.UBQ_AssetResultContainer-module__block---28wZ .UBQ_AssetResultContainer-module__creditsButton--t--Ce {
+.UBQ_GradientControls-module__gradientBar--8VRnB.UBQ_GradientControls-module__disabled--6bEIv {
+  opacity: 0.55;
+}
+.UBQ_GradientControls-module__gradientBar--8VRnB > button {
   position: absolute;
-  top: var(--ubq-margin-xs);
-  right: var(--ubq-margin-xs);
-  opacity: 0;
+  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_AssetResultContainer-module__block---28wZ:focus-within .UBQ_AssetResultContainer-module__creditsButton--t--Ce,
-.UBQ_AssetResultContainer-module__block---28wZ:hover .UBQ_AssetResultContainer-module__creditsButton--t--Ce {
-  opacity: 1;
-  z-index: 2;
+.UBQ_GradientControls-module__gradientBar--8VRnB > button:disabled {
+  cursor: inherit;
 }
-.UBQ_AssetResultContainer-module__block---28wZ .UBQ_AssetResultContainer-module__creditsButton--t--Ce[data-expanded=true] {
-  opacity: 1;
-  z-index: 2;
+.UBQ_GradientControls-module__gradientBar--8VRnB > button.UBQ_GradientControls-module__active--2mERW {
+  height: calc(100% - 2 * 2px);
+}
+.UBQ_GradientControls-module__gradientBar--8VRnB > button.UBQ_GradientControls-module__grabbing--GE-pj {
+  cursor: grabbing;
+}
+.UBQ_GradientControls-module__gradientBar--8VRnB > button.UBQ_GradientControls-module__add--5IRVi {
+  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-module__gradientBar--8VRnB > button.UBQ_GradientControls-module__add--5IRVi .UBQ_GradientControls-module__stack--QbEx9 {
+  justify-items: center;
+  align-items: center;
+}
+.UBQ_GradientControls-module__gradientBar--8VRnB > button.UBQ_GradientControls-module__add--5IRVi .UBQ_GradientControls-module__stack--QbEx9 svg {
+  opacity: 0.8;
+}
+.UBQ_GradientControls-module__gradientBar--8VRnB > button.UBQ_GradientControls-module__add--5IRVi .UBQ_GradientControls-module__background--UAeF5 {
+  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-module__gradientBar--8VRnB > button > * {
+  flex: 0 0 100%;
 }
-
-/* esbuild-sass-plugin:css-chunk:packages/ui/components/assets/sources/LocalSourceSectionHeaderUpload/LocalSourceSectionHeaderUpload.module.scss */
-.UBQ_LocalSourceSectionHeaderUpload-module__block--MyifH {
-  max-width: max-content;
+.UBQ_GradientControls-module__gradientBar--8VRnB > button:focus-visible {
+  box-shadow: var(--ubq-effect-focus);
+}
+.UBQ_GradientControls-module__gradientBar--8VRnB > button > .UBQ_GradientControls-module__doubleBorder--QAqgA {
+  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);
 }
 
-/* esbuild-sass-plugin:css-chunk:packages/ui/components/assets/sources/LocalSourceGridUpload/LocalSourceGridUpload.module.scss */
-.UBQ_LocalSourceGridUpload-module__block--tOb8-,
-.UBQ_LocalSourceGridUpload-module__wrapper--zk1zi {
+/* esbuild-sass-plugin:css-chunk:packages/ui/components/panels/LibraryPanel.module.scss */
+.UBQ_LibraryPanel-module__panelContent--rmasN {
+  flex-grow: 1;
   display: flex;
-  justify-content: center;
-  align-items: center;
-  flex-wrap: wrap;
-  gap: var(--ubq-margin-s);
+  flex-direction: column;
+  overflow: hidden;
 }
 
-/* esbuild-sass-plugin:css-chunk:packages/ui/components/assets/AssetLibraryGrid/AssetLibraryGrid.module.scss */
-.UBQ_AssetLibraryGrid-module__block--CAXT- {
+/* esbuild-sass-plugin:css-chunk:packages/ui/builder/BaseBuilder.module.scss */
+.UBQ_BaseBuilder-module__dropdownList--sdhIw {
   overflow-y: auto;
   overflow-x: auto;
   -webkit-overflow-scrolling: touch;
   scrollbar-width: thin;
   scrollbar-color: var(--ubq-foreground-info) transparent;
-  flex: 1;
-  padding: var(--ubq-margin-m);
-  height: 100%;
-  overflow-y: scroll;
+  display: flex;
+  flex-direction: column;
+  margin: 0;
+  padding: 0;
+  list-style: none;
+  max-height: min(97.5 * var(--ubq-scale-base), 0.6 * var(--ubq_internal-containerquery-height, 60vh));
 }
-.UBQ_AssetLibraryGrid-module__block--CAXT-::-webkit-scrollbar {
+.UBQ_BaseBuilder-module__dropdownList--sdhIw::-webkit-scrollbar {
   width: calc(2 * var(--ubq-scale-base));
   height: calc(1.5 * var(--ubq-scale-base));
 }
-.UBQ_AssetLibraryGrid-module__block--CAXT-::-webkit-scrollbar-track {
+.UBQ_BaseBuilder-module__dropdownList--sdhIw::-webkit-scrollbar-track {
   background: transparent;
   margin: var(--ubq-margin-s) var(--ubq-margin-s);
 }
-.UBQ_AssetLibraryGrid-module__block--CAXT-::-webkit-scrollbar-thumb {
+.UBQ_BaseBuilder-module__dropdownList--sdhIw::-webkit-scrollbar-thumb {
   background-color: var(--ubq-foreground-info);
   border-radius: var(--ubq-border_radius-m);
 }
-.UBQ_AssetLibraryGrid-module__block--CAXT-::-webkit-scrollbar-corner {
+.UBQ_BaseBuilder-module__dropdownList--sdhIw::-webkit-scrollbar-corner {
   background: transparent;
 }
-
-/* esbuild-sass-plugin:css-chunk:packages/ui/components/assets/AssetLibraryGrid/AssetLibraryGridLoadingAnchor.module.scss */
-.UBQ_AssetLibraryGridLoadingAnchor-module__block--9RbWn {
-  font-family: var(--ubq-typography-label-m-font_family);
-  font-size: var(--ubq-typography-label-m-size);
-  font-weight: var(--ubq-typography-label-m-weight);
-  letter-spacing: var(--ubq-typography-label-m-letter_spacing);
-  line-height: var(--ubq-typography-label-m-line_height);
-  width: 100%;
-  height: calc(10 * var(--ubq-scale-base));
+.UBQ_BaseBuilder-module__dropdownList--sdhIw > li {
   display: flex;
-  justify-content: center;
-  align-items: center;
-  flex-direction: column;
-  margin-top: var(--ubq-margin-m);
-  color: var(--ubq-foreground-info);
+  margin-top: var(--ubq-margin-xs);
 }
-.UBQ_AssetLibraryGridLoadingAnchor-module__noMoreItems--7JuDW {
-  display: none;
+.UBQ_BaseBuilder-module__dropdownList--sdhIw > li:first-child {
+  margin-top: 0;
 }
-.UBQ_AssetLibraryGridLoadingAnchor-module__anchor--gytBf {
-  height: 1px;
-  width: 100%;
-  transform: translateY(-250px);
+.UBQ_BaseBuilder-module__dropdownList--sdhIw hr + li {
+  margin-top: 0;
 }
-.UBQ_AssetLibraryGridLoadingAnchor-module__anchor--gytBf > svg {
-  width: calc(var(--ubq-scale-base) * 9);
-  height: calc(var(--ubq-scale-base) * 9);
+.UBQ_BaseBuilder-module__dropdownList--sdhIw > hr {
+  margin-inline: 0;
 }
 
-/* esbuild-sass-plugin:css-chunk:packages/ui/components/assets/AssetLibraryGrid/AssetLibraryGridSkeleton.module.scss */
-.UBQ_AssetLibraryGridSkeleton-module__grid--G6I7Y {
-  position: relative;
-}
-.UBQ_AssetLibraryGridSkeleton-module__label--gdSHY {
-  color: var(--ubq-foreground-info);
-  margin-left: var(--ubq-margin-s);
-}
-.UBQ_AssetLibraryGridSkeleton-module__gradient--M3qR- {
-  position: absolute;
-  top: 0;
+/* esbuild-sass-plugin:css-chunk:packages/ui/builder/PanelBuilder.module.scss */
+.UBQ_PanelBuilder-module__block--T3ctJ {
   width: 100%;
-  height: 100%;
-  background:
-    linear-gradient(
-      180deg,
-      rgba(18, 25, 33, 0) 0%,
-      var(--ubq-elevation-2) 60%);
 }
-.UBQ_AssetLibraryGridSkeleton-module__labelContainer--saTFS {
-  font-family: var(--ubq-typography-label-m-font_family);
-  font-size: var(--ubq-typography-label-m-size);
-  font-weight: var(--ubq-typography-label-m-weight);
-  letter-spacing: var(--ubq-typography-label-m-letter_spacing);
-  line-height: var(--ubq-typography-label-m-line_height);
-  position: absolute;
-  top: 0;
-  width: 100%;
-  height: 100%;
+.UBQ_PanelBuilder-module__dropdownContent--0Brv4 {
+  overflow-y: auto;
+  overflow-x: auto;
+  -webkit-overflow-scrolling: touch;
+  scrollbar-width: thin;
+  scrollbar-color: var(--ubq-foreground-info) transparent;
   display: flex;
-  justify-content: center;
-  align-items: center;
   flex-direction: column;
-  color: var(--ubq-foreground-default);
-}
-.UBQ_AssetLibraryGridSkeleton-module__prependedSourceUIComponentContainer--D38b8 {
-  margin-top: var(--ubq-margin-m);
-}
-.UBQ_AssetLibraryGridSkeleton-module__cardWrapper--1za-F {
-  height: 100%;
-  width: 100%;
-}
-.UBQ_AssetLibraryGridSkeleton-module__animatedBackground--zsW4c {
-  animation-duration: 1.8s;
-  animation-fill-mode: forwards;
-  animation-iteration-count: infinite;
-  animation-name: UBQ_AssetLibraryGridSkeleton-module__placeHolderShimmer--4-W5d;
-  animation-timing-function: linear;
-  background: transparent;
-  background:
-    linear-gradient(
-      to right,
-      hsla(0, 0%, 100%, 0.04) 8%,
-      hsla(0, 0%, 100%, 0) 38%,
-      hsla(0, 0%, 100%, 0.04) 54%);
-  background-size: 1000px 640px;
-  position: relative;
-}
-@keyframes UBQ_AssetLibraryGridSkeleton-module__placeHolderShimmer--4-W5d {
-  0% {
-    background-position: -468px 0;
-  }
-  100% {
-    background-position: 468px 0;
-  }
-}
-.UBQ_AssetLibraryGridSkeleton-module__loadingSpinnerIcon---60AY {
-  animation: UBQ_AssetLibraryGridSkeleton-module__loading--nAVXg 1.1s infinite linear;
-}
-@keyframes UBQ_AssetLibraryGridSkeleton-module__loading--nAVXg {
-  0% {
-    transform: rotate(0deg);
-  }
-  100% {
-    transform: rotate(360deg);
-  }
-}
-
-/* esbuild-sass-plugin:css-chunk:packages/ui/components/assets/AssetLibraryLoading.module.scss */
-.UBQ_AssetLibraryLoading-module__block--stvVP {
-  padding: var(--ubq-margin-m);
-}
-
-/* esbuild-sass-plugin:css-chunk:packages/ui/components/assets/AssetLibraryEmpty.module.scss */
-.UBQ_AssetLibraryEmpty-module__block--sQ81G {
-  padding: var(--ubq-margin-m);
-}
-
-/* esbuild-sass-plugin:css-chunk:packages/ui/components/assets/AssetLibrarySection/AssetLibrarySection.module.scss */
-.UBQ_AssetLibrarySection-module__block--GjBKH {
-  --ubq_internal-effect-focus-inset:
-    inset 0px 0px 0px 2px var(--ubq-elevation-2),
-    inset 0px 0px 0px 3px var(--ubq-focus-default),
-    inset 0px 0px 0px 7px var(--ubq-focus-outline);
-  transition: opacity 0.1s ease-in-out;
-  opacity: 0;
-}
-.UBQ_AssetLibrarySection-module__block--GjBKH.UBQ_AssetLibrarySection-module__visible--jDroU {
-  opacity: 1;
-}
-.UBQ_AssetLibrarySection-module__header--zaDtl {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  margin-top: var(--ubq-margin-m);
-  margin-inline: var(--ubq-margin-l);
-  margin-bottom: var(--ubq-margin-s);
-}
-.UBQ_AssetLibrarySection-module__heading--wwrkD {
-  flex: 1;
-}
-.UBQ_AssetLibrarySection-module__moreButton--evCHL {
-  flex: 0 1 auto;
-  margin-left: var(--ubq-margin-xs);
-}
-.UBQ_AssetLibrarySection-module__previews--tS0xD {
-  position: relative;
-  display: grid;
-  grid-gap: var(--ubq-margin-s);
-  grid-auto-flow: column;
-  margin-inline: var(--ubq-margin-l);
-  margin-block: var(--ubq-margin-s);
-}
-.UBQ_AssetLibrarySection-module__scrollContainer--vz2MB {
-  margin-bottom: var(--ubq-margin-s);
-  position: relative;
-  overflow-x: scroll;
-  scrollbar-width: none;
-}
-.UBQ_AssetLibrarySection-module__scrollContainer--vz2MB::-webkit-scrollbar {
-  display: none;
-}
-.UBQ_AssetLibrarySection-module__scrollContainer--vz2MB:focus-visible {
-  z-index: 2;
-  border-radius: var(--ubq-border_radius-s);
-  outline: none;
-  box-shadow: var(--ubq_internal-effect-focus-inset);
-}
-.UBQ_AssetLibrarySection-module__paginationContainer--4-kTI {
-  position: relative;
-  margin-inline: 1px;
-}
-.UBQ_AssetLibrarySection-module__paginationButton--ZB0fn {
-  position: absolute;
-  top: 0;
-  z-index: 1;
-  height: 100%;
-  width: calc(10 * var(--ubq-scale-base));
-  border: none;
-  display: grid;
-  place-content: center;
-  color: var(--ubq-foreground-light);
-  cursor: pointer;
-}
-.UBQ_AssetLibrarySection-module__paginationButton--ZB0fn svg {
-  border-radius: var(--ubq-border_radius-s);
-}
-.UBQ_AssetLibrarySection-module__paginationButtonLeft--Jzbym {
-  left: 0;
-  padding-left: var(--ubq-margin-l);
-  background:
-    linear-gradient(
-      90deg,
-      var(--ubq-elevation-2) 49.85%,
-      transparent 100%);
-}
-.UBQ_AssetLibrarySection-module__paginationButtonLeft--Jzbym svg {
-  margin-left: calc(-1 * var(--ubq-margin-l));
-}
-.UBQ_AssetLibrarySection-module__paginationButtonRight----DAi {
-  right: 0;
-  padding-right: var(--ubq-margin-l);
-  background:
-    linear-gradient(
-      270deg,
-      var(--ubq-elevation-2) 49.85%,
-      transparent 100%);
+  margin: 0;
+  padding: 0;
+  list-style: none;
+  max-height: min(97.5 * var(--ubq-scale-base), 0.6 * var(--ubq_internal-containerquery-height, 60vh));
 }
-.UBQ_AssetLibrarySection-module__paginationButtonRight----DAi svg {
-  margin-right: calc(-1 * var(--ubq-margin-l));
+.UBQ_PanelBuilder-module__dropdownContent--0Brv4::-webkit-scrollbar {
+  width: calc(2 * var(--ubq-scale-base));
+  height: calc(1.5 * var(--ubq-scale-base));
 }
-.UBQ_AssetLibrarySection-module__paginationButton--ZB0fn:hover,
-.UBQ_AssetLibrarySection-module__paginationButton--ZB0fn:focus-visible {
-  color: var(--ubq-foreground-default);
+.UBQ_PanelBuilder-module__dropdownContent--0Brv4::-webkit-scrollbar-track {
+  background: transparent;
+  margin: var(--ubq-margin-s) var(--ubq-margin-s);
 }
-.UBQ_AssetLibrarySection-module__paginationButton--ZB0fn:focus-visible {
-  border-radius: var(--ubq-border_radius-s);
-  outline: none;
-  box-shadow: var(--ubq_internal-effect-focus-inset);
+.UBQ_PanelBuilder-module__dropdownContent--0Brv4::-webkit-scrollbar-thumb {
+  background-color: var(--ubq-foreground-info);
+  border-radius: var(--ubq-border_radius-m);
 }
-.UBQ_AssetLibrarySection-module__moreIcon--dBquf {
-  padding-left: var(--ubq-margin-xs);
+.UBQ_PanelBuilder-module__dropdownContent--0Brv4::-webkit-scrollbar-corner {
+  background: transparent;
 }
-.UBQ_AssetLibrarySection-module__inlineMoreButtonContainer--lv-sU {
-  --ubq-typography-button-m-line_height: calc(6 * var(--ubq-scale-base));
-  display: grid;
-  justify-content: left;
-  align-content: center;
-  padding-left: var(--ubq-margin-s);
+.UBQ_PanelBuilder-module__dropdownContent--0Brv4 > li {
+  display: flex;
+  margin-top: var(--ubq-margin-xs);
 }
-.UBQ_AssetLibrarySection-module__inlineMoreButton--Zqp2y {
-  height: calc(10 * var(--ubq-scale-base));
-  width: calc(10 * var(--ubq-scale-base));
-  border-radius: 100%;
+.UBQ_PanelBuilder-module__dropdownContent--0Brv4 > li:first-child {
+  margin-top: 0;
 }
-
-/* esbuild-sass-plugin:css-chunk:packages/ui/components/assets/AssetLibrarySection/AssetLibrarySectionSkeleton.module.scss */
-.UBQ_AssetLibrarySectionSkeleton-module__content--q4nH2 {
+.UBQ_PanelBuilder-module__dropdownContent--0Brv4 hr + li {
+  margin-top: 0;
+}
+.UBQ_PanelBuilder-module__dropdownContent--0Brv4 > hr {
+  margin-inline: 0;
+}
+.UBQ_PanelBuilder-module__textParagraph--YANJ7 {
   font-family: var(--ubq-typography-label-m-font_family);
   font-size: var(--ubq-typography-label-m-size);
   font-weight: var(--ubq-typography-label-m-weight);
   letter-spacing: var(--ubq-typography-label-m-letter_spacing);
   line-height: var(--ubq-typography-label-m-line_height);
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  left: 0;
-  right: 0;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  color: var(--ubq-foreground-default);
+  color: var(--ubq-foreground-light);
 }
-.UBQ_AssetLibrarySectionSkeleton-module__label--9610J {
-  margin-left: var(--ubq-margin-s);
+.UBQ_PanelBuilder-module__textParagraph--YANJ7.UBQ_PanelBuilder-module__alignCenter--k6Qmn {
+  text-align: center;
 }
-.UBQ_AssetLibrarySectionSkeleton-module__animatedBackground--PGO2X {
-  animation-duration: 1.8s;
-  animation-fill-mode: forwards;
-  animation-iteration-count: infinite;
-  animation-name: UBQ_AssetLibrarySectionSkeleton-module__placeHolderShimmer--6UJTv;
-  animation-timing-function: linear;
-  background: transparent;
-  background:
-    linear-gradient(
-      to right,
-      hsla(0, 0%, 100%, 0.04) 8%,
-      hsla(0, 0%, 100%, 0) 38%,
-      hsla(0, 0%, 100%, 0.04) 54%);
-  background-size: 1000px 640px;
-  position: relative;
+.UBQ_PanelBuilder-module__textParagraph--YANJ7.UBQ_PanelBuilder-module__alignRight--qMRvG {
+  text-align: right;
 }
-@keyframes UBQ_AssetLibrarySectionSkeleton-module__placeHolderShimmer--6UJTv {
-  0% {
-    background-position: -468px 0;
-  }
-  100% {
-    background-position: 468px 0;
-  }
+.UBQ_PanelBuilder-module__textParagraph--YANJ7:first-child {
+  margin-top: 0;
 }
-.UBQ_AssetLibrarySectionSkeleton-module__loadingSpinnerIcon---n0-v {
-  animation: UBQ_AssetLibrarySectionSkeleton-module__loading--OKjqk 1.1s infinite linear;
+.UBQ_PanelBuilder-module__textParagraph--YANJ7:last-child {
+  margin-bottom: 0;
 }
-@keyframes UBQ_AssetLibrarySectionSkeleton-module__loading--OKjqk {
-  0% {
-    transform: rotate(0deg);
-  }
-  100% {
-    transform: rotate(360deg);
-  }
+
+/* esbuild-sass-plugin:css-chunk:packages/ui/builder/Suffix.module.scss */
+.UBQ_Suffix-module__block--W2fb5 {
+  box-shadow: inset 0 0 0 0 transparent;
+  flex: 0 0 calc(6 * var(--ubq-scale-base));
+  display: flex;
+  justify-content: center;
+}
+.UBQ_Suffix-module__emptyGap--H74OF {
+  flex: 0 0 calc(6 * var(--ubq-scale-base));
+  display: hidden;
+  -webkit-user-select: none;
+  user-select: none;
 }
 
-/* esbuild-sass-plugin:css-chunk:packages/ui/components/assets/AssetLibraryOverview/AssetLibraryOverview.module.scss */
-.UBQ_AssetLibraryOverview-module__block--eHaxL {
+/* esbuild-sass-plugin:css-chunk:packages/ui/builder/experimental/BaseBuilder.module.scss */
+.UBQ_BaseBuilder-module__popoverContent--48Ghd {
   overflow-y: auto;
   overflow-x: auto;
   -webkit-overflow-scrolling: touch;
   scrollbar-width: thin;
   scrollbar-color: var(--ubq-foreground-info) transparent;
-  overflow: auto;
-  height: 100%;
+  width: calc(72 * var(--ubq-scale-base));
+  max-height: min(97.5 * var(--ubq-scale-base), 0.6 * var(--ubq_internal-containerquery-height, 60vh));
 }
-.UBQ_AssetLibraryOverview-module__block--eHaxL::-webkit-scrollbar {
+.UBQ_BaseBuilder-module__popoverContent--48Ghd::-webkit-scrollbar {
   width: calc(2 * var(--ubq-scale-base));
   height: calc(1.5 * var(--ubq-scale-base));
 }
-.UBQ_AssetLibraryOverview-module__block--eHaxL::-webkit-scrollbar-track {
+.UBQ_BaseBuilder-module__popoverContent--48Ghd::-webkit-scrollbar-track {
   background: transparent;
   margin: var(--ubq-margin-s) var(--ubq-margin-s);
 }
-.UBQ_AssetLibraryOverview-module__block--eHaxL::-webkit-scrollbar-thumb {
+.UBQ_BaseBuilder-module__popoverContent--48Ghd::-webkit-scrollbar-thumb {
   background-color: var(--ubq-foreground-info);
   border-radius: var(--ubq-border_radius-m);
 }
-.UBQ_AssetLibraryOverview-module__block--eHaxL::-webkit-scrollbar-corner {
+.UBQ_BaseBuilder-module__popoverContent--48Ghd::-webkit-scrollbar-corner {
   background: transparent;
 }
-.UBQ_AssetLibraryOverview-module__block--eHaxL hr {
-  margin-block: 0;
-}
 
-/* esbuild-sass-plugin:css-chunk:packages/ui/components/assets/AssetLibraryContent/AssetLibraryContent.module.scss */
-.UBQ_AssetLibraryContent-module__block--SroUk {
-  position: relative;
-  flex-grow: 1;
-  overflow: hidden;
+/* esbuild-sass-plugin:css-chunk:packages/ui/components/Canvas/CanvasMenu/CanvasMenu.module.scss */
+.UBQ_CanvasMenu-module__block--hk7CF {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  gap: var(--ubq-margin-xs);
+  padding: var(--ubq-margin-xs);
+  box-shadow: var(--ubq-effect-shadow), inset 0 0 0 1px var(--ubq-border-default);
+  border-radius: var(--ubq-border_radius-m);
+  background: var(--ubq-elevation-2);
 }
-.UBQ_AssetLibraryContent-module__block--SroUk hr {
-  margin-top: var(--ubq-margin-xs);
-  margin-bottom: 0;
-  width: 100%;
+.UBQ_CanvasMenu-module__block--hk7CF:empty {
+  display: none;
 }
-.UBQ_AssetLibraryContent-module__motionWrapper--Bxmsh {
-  display: flex;
-  flex-direction: column;
-  height: 100%;
+@supports selector(:has(a, b)) {
+  .UBQ_CanvasMenu-module__block--hk7CF {
+    display: none;
+  }
+  .UBQ_CanvasMenu-module__block--hk7CF:has(> *:not(hr)) {
+    display: flex;
+  }
 }
-
-/* esbuild-sass-plugin:css-chunk:packages/ui/components/assets/AssetLibrarySearch/AssetLibrarySearch.module.scss */
-.UBQ_AssetLibrarySearch-module__block--mcAtt {
-  display: flex;
-  align-items: center;
-  box-sizing: content-box;
-  padding-inline: var(--ubq-margin-s);
-  padding-block-start: var(--ubq-margin-s);
+.UBQ_CanvasMenu-module__block--hk7CF > hr {
+  display: none;
 }
-.UBQ_AssetLibrarySearch-module__searchInput--GoKQU {
-  height: calc(var(--ubq-scale-base) * 10);
-  border-radius: var(--ubq-border_radius-m);
-  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-margin-xs));
-  padding-top: var(--ubq-margin-m);
-  padding-bottom: var(--ubq-margin-m);
+.UBQ_CanvasMenu-module__block--hk7CF > :not(hr):not(:last-of-type) + hr {
+  display: block;
 }
-.UBQ_AssetLibrarySearch-module__inputContainer--0-LjK {
-  position: relative;
-  width: 100%;
+.UBQ_CanvasMenu-module__block--hk7CF > hr {
+  height: unset;
+  width: 1px;
+  align-self: stretch;
+  margin-top: calc(-1 * (var(--ubq-margin-xs) - 1px));
+  margin-bottom: calc(-1 * (var(--ubq-margin-xs) - 1px));
 }
-.UBQ_AssetLibrarySearch-module__searchIconContainer--MQrw6,
-.UBQ_AssetLibrarySearch-module__clearSearchIconContainer--pxocd {
+.UBQ_CanvasMenu-module__tippy--Y7c0P {
+  max-width: unset !important;
+}
+.UBQ_CanvasMenu-module__tippy--Y7c0P[data-animation=shift-away][data-state=hidden] {
+  opacity: 0;
+}
+.UBQ_CanvasMenu-module__tippy--Y7c0P[data-animation=shift-away][data-state=hidden][data-placement^=top] {
+  transform: translateY(10px);
+}
+.UBQ_CanvasMenu-module__tippy--Y7c0P[data-animation=shift-away][data-state=hidden][data-placement^=bottom] {
+  transform: translateY(-10px);
+}
+.UBQ_CanvasMenu-module__tippy--Y7c0P[data-animation=shift-away][data-state=hidden][data-placement^=left] {
+  transform: translateX(10px);
+}
+.UBQ_CanvasMenu-module__tippy--Y7c0P[data-animation=shift-away][data-state=hidden][data-placement^=right] {
+  transform: translateX(-10px);
+}
+
+/* esbuild-sass-plugin:css-chunk:packages/ui/components/Canvas/frame/box.module.scss */
+.UBQ_box-module__block--n0qcC {
   position: absolute;
   top: 0;
-  display: flex;
-  justify-content: center;
-  align-items: center;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  width: 100%;
   height: 100%;
+  transform-origin: 0% 0%;
+  outline: none;
+  cursor: move;
+  z-index: 6;
+}
+.UBQ_box-module__block--n0qcC.UBQ_box-module__disabledFrame--0FGdV .cesdk__frameHandle {
+  display: none;
+}
+.UBQ_box-module__disabled--s2QQv {
+  cursor: not-allowed;
+}
+.UBQ_box-module__page--xsbUn {
+  cursor: default;
+}
+.UBQ_box-module__dragging--rKfnM {
+  cursor: inherit;
+}
+.UBQ_box-module__nonPageBoxShadow--LmEpP {
+  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0);
+}
+.UBQ_box-module__deletingBoxShadow--djaxf {
+  box-shadow: inset 0 0 0 1px var(--ubq-notice-error);
+}
+
+/* esbuild-sass-plugin:css-chunk:packages/ui/components/CanvasBars.module.scss */
+.UBQ_CanvasBars-module__block--hQNKs {
+  position: absolute;
+  inset: 0;
+  pointer-events: none;
+  z-index: 11;
+}
+.UBQ_CanvasBars-module__bar--cPGyA {
+  position: absolute;
+  left: var(--ubq-margin-m);
+  right: var(--ubq-margin-m);
+  display: flex;
+  gap: var(--ubq-margin-m);
+}
+.UBQ_CanvasBars-module__bar--cPGyA > hr {
+  display: none;
+}
+.UBQ_CanvasBars-module__bar--cPGyA > :not(hr) ~ hr:has(+ :not(hr, x-spacer)) {
+  display: block;
 }
-.UBQ_AssetLibrarySearch-module__searchIconContainer--MQrw6 {
-  left: var(--ubq-margin-s);
+@supports not selector(:has(a)) {
+  .UBQ_CanvasBars-module__bar--cPGyA > :not(hr, x-spacer):not(:last-of-type) + hr {
+    display: block;
+  }
 }
-.UBQ_AssetLibrarySearch-module__clearSearchIconContainer--pxocd {
-  right: var(--ubq-margin-s);
+.UBQ_CanvasBars-module__bar--cPGyA.UBQ_CanvasBars-module__renderOptimizedSmallViewport--NSAIy {
+  gap: var(--ubq-margin-l);
 }
-.UBQ_AssetLibrarySearch-module__clearSearchIconContainer--pxocd.UBQ_AssetLibrarySearch-module__hasEmptySearchValue--c5Ttf {
-  display: none;
+.UBQ_CanvasBars-module__bar--cPGyA > * {
+  pointer-events: auto;
+  flex: 0 0 auto;
 }
-.UBQ_AssetLibrarySearch-module__searchIcon--6Rq2Q,
-.UBQ_AssetLibrarySearch-module__clearSearchIcon--KOtYH {
-  height: calc(var(--ubq-scale-base) * 4);
-  width: calc(var(--ubq-scale-base) * 4);
-  color: var(--ubq-foreground-default);
+.UBQ_CanvasBars-module__bar--cPGyA > hr {
+  height: unset;
+  align-self: stretch;
+  margin: 0;
+  flex: 0 0 1px;
 }
-
-/* esbuild-sass-plugin:css-chunk:packages/ui/components/blocks/generic/inspector/PropertyToggle/PropertyToggle.module.scss */
-.UBQ_PropertyToggle-module__block--1Putg {
-  box-shadow: inset 0 0 0 0 transparent;
-  flex: 0 0 calc(6 * var(--ubq-scale-base));
+.UBQ_CanvasBars-module__bar--cPGyA.UBQ_CanvasBars-module__bottom--AFs8k {
+  bottom: var(--ubq-margin-m);
 }
-.UBQ_PropertyToggle-module__emptyGap--KNCCA {
-  flex: 0 0 calc(6 * var(--ubq-scale-base));
-  display: hidden;
-  -webkit-user-select: none;
-  user-select: none;
+.UBQ_CanvasBars-module__bar--cPGyA.UBQ_CanvasBars-module__top--k8O0E {
+  top: var(--ubq-margin-m);
 }
 
-/* esbuild-sass-plugin:css-chunk:packages/ui/components/Inspector/AnimationSubInspector.module.scss */
-.UBQ_AnimationSubInspector-module__panelContent--kCSYF {
-  flex-grow: 1;
+/* esbuild-sass-plugin:css-chunk:packages/ui/components/Dialogs.module.scss */
+.UBQ_Dialogs-module__buttonWrapper--OvWys {
   display: flex;
-  flex-direction: column;
-  overflow: hidden;
+  justify-content: flex-end;
+  gap: var(--ubq-margin-s);
 }
 
-/* esbuild-sass-plugin:css-chunk:packages/ui/components/Inspector/Placeholder/PlaceholderSettings.module.scss */
-.UBQ_PlaceholderSettings-module__placeholderPopoverButton--OBw2i {
-  background: var(--ubq-interactive-template-default);
-  color: var(--ubq-foreground-accent);
+/* esbuild-sass-plugin:css-chunk:packages/ui/components/DockSeparator.module.scss */
+.UBQ_DockSeparator-module__block--8XSWX {
+  height: 0px;
+  width: 0px;
+  margin-top: 0;
+  margin-left: 0;
+  margin-bottom: var(--ubq-margin-xl);
+  margin-right: var(--ubq-margin-xl);
+  border: 0px;
 }
-.UBQ_PlaceholderSettings-module__placeholderPopoverButton--OBw2i:hover:not([data-active=true]):not(:active) {
-  background: var(--ubq-interactive-template-hover);
+
+/* esbuild-sass-plugin:css-chunk:packages/ui/builder/DockBuilder.module.scss */
+svg.UBQ_DockBuilder-module__circularProgress---105B.UBQ_DockBuilder-module__normal--vlkdb {
+  height: calc(var(--ubq-scale-base) * 4);
+  width: calc(var(--ubq-scale-base) * 4);
 }
-.UBQ_PlaceholderSettings-module__placeholderPopoverButton--OBw2i:active {
-  background: var(--ubq-interactive-template-pressed);
+svg.UBQ_DockBuilder-module__circularProgress---105B.UBQ_DockBuilder-module__large--fv3VZ {
+  height: calc(var(--ubq-scale-base) * 6);
+  width: calc(var(--ubq-scale-base) * 6);
 }
-.UBQ_PlaceholderSettings-module__subScopeMenuItem--kdwPR {
-  padding-left: var(--ubq-margin-l);
+
+/* esbuild-sass-plugin:css-chunk:packages/ui/components/blocks/text/ClipLines/ClipLines.module.scss */
+.UBQ_ClipLines-module__button--BZdAt > span > span {
+  text-align: center;
 }
-.UBQ_PlaceholderSettings-module__spacer--q-B6X {
-  width: var(--ubq-margin-xs);
+
+/* esbuild-sass-plugin:css-chunk:packages/ui/components/panels/Panel.module.scss */
+.UBQ_Panel-module__block--ktFvC {
+  height: 100%;
 }
-.UBQ_PlaceholderSettings-module__hidden--GpS4n {
+.UBQ_Panel-module__header--qDeg3 {
+  display: flex;
+  align-items: center;
+  padding: var(--ubq-margin-m) var(--ubq-margin-l);
+  height: calc(12 * var(--ubq-scale-base) - 2 * var(--ubq-margin-m));
+}
+.UBQ_Panel-module__header--qDeg3.UBQ_Panel-module__hidden---Zatz {
   position: absolute;
   width: 1px;
   height: 1px;
@@ -5138,47 +5311,39 @@ footer {
   white-space: nowrap;
   border: 0;
 }
-.UBQ_PlaceholderSettings-module__separator--7Zpcr {
-  margin: var(--ubq-margin-xs);
-}
-.UBQ_PlaceholderSettings-module__checkbox--GACd3:not(:last-child),
-.UBQ_PlaceholderSettings-module__indentedCheckbox--j5RrA:not(:last-child) {
-  margin-bottom: var(--ubq-margin-xs);
-}
-.UBQ_PlaceholderSettings-module__indentedCheckbox--j5RrA {
-  padding-left: var(--ubq-margin-xl);
+.UBQ_Panel-module__header--qDeg3 .UBQ_Panel-module__headerCenter--DSLEc {
+  flex: 1 1 auto;
+  display: flex;
+  align-items: center;
 }
-.UBQ_PlaceholderSettings-module__wrapper--aTaWS {
-  height: 100%;
+.UBQ_Panel-module__header--qDeg3 .UBQ_Panel-module__headerLeft--yQHMF {
+  margin-right: var(--ubq-margin-s);
 }
-.UBQ_PlaceholderSettings-module__containerSection--iWUhH {
-  overflow-y: auto;
-  overflow-x: auto;
-  -webkit-overflow-scrolling: touch;
-  scrollbar-width: thin;
-  scrollbar-color: var(--ubq-foreground-info) transparent;
-  height: calc(100% - 12 * var(--ubq-scale-base));
-  box-sizing: border-box;
-  overflow: auto;
+.UBQ_Panel-module__header--qDeg3 .UBQ_Panel-module__headerRight--bn0er {
+  margin-left: var(--ubq-margin-s);
 }
-.UBQ_PlaceholderSettings-module__containerSection--iWUhH::-webkit-scrollbar {
-  width: calc(2 * var(--ubq-scale-base));
-  height: calc(1.5 * var(--ubq-scale-base));
+.UBQ_Panel-module__header--qDeg3 .UBQ_Panel-module__headerLeft--yQHMF,
+.UBQ_Panel-module__header--qDeg3 .UBQ_Panel-module__headerRight--bn0er {
+  display: flex;
+  flex: 0 0 auto;
 }
-.UBQ_PlaceholderSettings-module__containerSection--iWUhH::-webkit-scrollbar-track {
-  background: transparent;
-  margin: var(--ubq-margin-s) var(--ubq-margin-s);
+.UBQ_Panel-module__header--qDeg3 .UBQ_Panel-module__headerLeft--yQHMF > *:not(:first-child),
+.UBQ_Panel-module__header--qDeg3 .UBQ_Panel-module__headerRight--bn0er > *:not(:first-child) {
+  margin-left: var(--ubq-margin-s);
 }
-.UBQ_PlaceholderSettings-module__containerSection--iWUhH::-webkit-scrollbar-thumb {
-  background-color: var(--ubq-foreground-info);
-  border-radius: var(--ubq-border_radius-m);
+.UBQ_Panel-module__header--qDeg3 .UBQ_Panel-module__heading--pa7qn {
+  width: fit-content;
+  color: var(--ubq-foreground-default);
+  font-family: var(--ubq-typography-headline-l-font_family);
+  font-size: var(--ubq-typography-headline-l-size);
+  font-weight: var(--ubq-typography-headline-l-weight);
+  letter-spacing: var(--ubq-typography-headline-l-letter_spacing);
+  line-height: var(--ubq-typography-headline-l-line_height);
 }
-.UBQ_PlaceholderSettings-module__containerSection--iWUhH::-webkit-scrollbar-corner {
-  background: transparent;
+.UBQ_Panel-module__header--qDeg3 + hr {
+  margin-block: 0;
 }
-
-/* esbuild-sass-plugin:css-chunk:packages/ui/components/SubInspector/SubInspector.module.scss */
-.UBQ_SubInspector-module__containerSection--Ftz0G {
+.UBQ_Panel-module__panelContent--2-JT3 {
   overflow-y: auto;
   overflow-x: auto;
   -webkit-overflow-scrolling: touch;
@@ -5186,202 +5351,167 @@ footer {
   scrollbar-color: var(--ubq-foreground-info) transparent;
   display: flex;
   flex-direction: column;
-  height: calc(100% - 48px);
+  height: calc(100% - 12 * var(--ubq-scale-base));
   box-sizing: border-box;
   overflow: auto;
 }
-.UBQ_SubInspector-module__containerSection--Ftz0G::-webkit-scrollbar {
+.UBQ_Panel-module__panelContent--2-JT3::-webkit-scrollbar {
   width: calc(2 * var(--ubq-scale-base));
   height: calc(1.5 * var(--ubq-scale-base));
 }
-.UBQ_SubInspector-module__containerSection--Ftz0G::-webkit-scrollbar-track {
+.UBQ_Panel-module__panelContent--2-JT3::-webkit-scrollbar-track {
   background: transparent;
   margin: var(--ubq-margin-s) var(--ubq-margin-s);
 }
-.UBQ_SubInspector-module__containerSection--Ftz0G::-webkit-scrollbar-thumb {
+.UBQ_Panel-module__panelContent--2-JT3::-webkit-scrollbar-thumb {
   background-color: var(--ubq-foreground-info);
   border-radius: var(--ubq-border_radius-m);
 }
-.UBQ_SubInspector-module__containerSection--Ftz0G::-webkit-scrollbar-corner {
+.UBQ_Panel-module__panelContent--2-JT3::-webkit-scrollbar-corner {
   background: transparent;
 }
-.UBQ_SubInspector-module__button--6sNiS {
-  border: 1px solid var(--ubq-stroke-contrast-1);
-}
-.UBQ_SubInspector-module__wrapper--QKT9X {
+
+/* esbuild-sass-plugin:css-chunk:packages/ui/components/panels/PanelPortal.module.scss */
+.UBQ_PanelPortal-module__block--Zlqwp {
   height: 100%;
+  position: relative;
+  display: grid;
+  grid-template-areas: "stack";
+  grid-template-rows: 100%;
 }
-.UBQ_SubInspector-module__iconStack--EjCg8.UBQ_SubInspector-module__disabled--ew-Kp:first-child {
-  opacity: 0.55;
+.UBQ_PanelPortal-module__block--Zlqwp > * {
+  grid-area: stack;
 }
-
-/* esbuild-sass-plugin:css-chunk:packages/ui/components/blocks/inputs/ColorSelection/ColorModeSelect.module.scss */
-.UBQ_ColorModeSelect-module__button--8-8sX {
-  flex: 0 0 50%;
+.UBQ_PanelPortal-module__fullWidth--AJvKV > * {
+  width: var(--ubq_internal-containerquery-width);
 }
-.UBQ_ColorModeSelect-module__button--8-8sX > span > span {
-  flex-grow: 0;
+.UBQ_PanelPortal-module__verticalPanel--gxFvi {
+  height: unset;
 }
 
-/* esbuild-sass-plugin:css-chunk:packages/ui/components/blocks/inputs/ColorSelection/ColorSelection.module.scss */
-.UBQ_ColorSelection-module__block--hQIfN {
-  width: min(70 * var(--ubq-scale-base), 0.8 * var(--ubq_internal-containerquery-width, 80vw));
-  padding: var(--ubq-margin-s);
-}
-.UBQ_ColorSelection-module__block--hQIfN.UBQ_ColorSelection-module__noPopover--K51bl {
-  width: 100%;
-  padding: 0;
-}
-.UBQ_ColorSelection-module__block--hQIfN.UBQ_ColorSelection-module__noPopover--K51bl .UBQ_ColorSelection-module__sectionRow--R-VVL > label {
-  flex: 0 0 calc(18 * var(--ubq-scale-base));
-}
-.UBQ_ColorSelection-module__block--hQIfN.UBQ_ColorSelection-module__noPopover--K51bl .UBQ_ColorSelection-module__multilineSectionRow--SB1m7 {
-  max-height: max-content;
-}
-.UBQ_ColorSelection-module__block--hQIfN.UBQ_ColorSelection-module__noPopover--K51bl .UBQ_ColorSelection-module__multilineSectionRow--SB1m7 label {
-  align-self: flex-start;
-  display: flex;
-  align-items: center;
-  height: calc(2 * var(--ubq-margin-xs) + var(--ubq-typography-button-m-line_height));
-}
-.UBQ_ColorSelection-module__header--59n9c {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  margin-bottom: var(--ubq-margin-m);
-}
-.UBQ_ColorSelection-module__header--59n9c > *:not(.UBQ_ColorSelection-module__heading--3lEKT) {
-  flex: 0 0 auto;
-}
-.UBQ_ColorSelection-module__heading--3lEKT {
-  font-family: var(--ubq-typography-headline-l-font_family);
-  font-size: var(--ubq-typography-headline-l-size);
-  font-weight: var(--ubq-typography-headline-l-weight);
-  letter-spacing: var(--ubq-typography-headline-l-letter_spacing);
-  line-height: var(--ubq-typography-headline-l-line_height);
-}
-.UBQ_ColorSelection-module__section--R1UZS {
-  padding-top: var(--ubq-margin-xs);
-  display: flex;
-  flex-direction: column;
-}
-.UBQ_ColorSelection-module__section--R1UZS:not(:last-child) {
-  padding-bottom: var(--ubq-margin-l);
-}
-.UBQ_ColorSelection-module__section--R1UZS > div:not(:last-child) {
-  margin-bottom: var(--ubq-margin-s);
-}
-input[type=range].UBQ_ColorSelection-module__hueSlider--WQXI2 {
-  background:
-    linear-gradient(
-      90deg,
-      #f00 0%,
-      #ff0 16.66%,
-      #0f0 33.33%,
-      #0ff 50%,
-      #00f 66.66%,
-      #f0f 83.33%,
-      #f00 100%) !important;
+/* esbuild-sass-plugin:css-chunk:packages/ui/components/blocks/generic/inspector/PropertyToggle/PropertyToggle.module.scss */
+.UBQ_PropertyToggle-module__block--1Putg {
+  box-shadow: inset 0 0 0 0 transparent;
+  flex: 0 0 calc(6 * var(--ubq-scale-base));
 }
-input[type=range].UBQ_ColorSelection-module__hueSlider--WQXI2,
-input[type=range].UBQ_ColorSelection-module__opacitySlider--PI-Wu {
-  outline: 1px solid var(--ubq-stroke-contrast-2);
-  outline-offset: -1px;
+.UBQ_PropertyToggle-module__emptyGap--KNCCA {
+  flex: 0 0 calc(6 * var(--ubq-scale-base));
+  display: hidden;
+  -webkit-user-select: none;
+  user-select: none;
 }
-input[type=range].UBQ_ColorSelection-module__hueSlider--WQXI2::-ms-thumb,
-input[type=range].UBQ_ColorSelection-module__opacitySlider--PI-Wu::-ms-thumb {
-  box-shadow: inset 0 0 0 var(--ubq-scale-base) white !important;
-  background: transparent !important;
+
+/* esbuild-sass-plugin:css-chunk:packages/ui/components/Inspector/AnimationSubInspector.module.scss */
+.UBQ_AnimationSubInspector-module__panelContent--kCSYF {
+  flex-grow: 1;
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
 }
 
-/* esbuild-sass-plugin:css-chunk:packages/ui/components/blocks/inputs/ColorSelection/GradientControls.module.scss */
-.UBQ_GradientControls-module__smallButton--YgOFv {
-  flex: 0 0 auto;
+/* esbuild-sass-plugin:css-chunk:packages/ui/components/Inspector/Placeholder/PlaceholderSettings.module.scss */
+.UBQ_PlaceholderSettings-module__placeholderPopoverButton--OBw2i {
+  background: var(--ubq-interactive-template-default);
+  color: var(--ubq-foreground-accent);
 }
-.UBQ_GradientControls-module__gradientBar--8VRnB {
-  display: flex;
-  align-items: center;
-  width: 100%;
-  position: relative;
-  height: calc(6 * var(--ubq-scale-base));
-  margin-bottom: var(--ubq-margin-m);
-  border-radius: var(--ubq-border_radius-s);
-  background-image: url("data:image/svg+xml,%3Csvg width%3D%2216%22 height%3D%2216%22 viewBox%3D%220 0 16 16%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 opacity%3D%220.1%22%3E%3Crect width%3D%2216%22 height%3D%2216%22 fill%3D%22white%22%2F%3E%3Crect width%3D%224%22 height%3D%224%22 fill%3D%22black%22%2F%3E%3Crect x%3D%228%22 width%3D%224%22 height%3D%224%22 fill%3D%22black%22%2F%3E%3Crect x%3D%224%22 y%3D%224%22 width%3D%224%22 height%3D%224%22 fill%3D%22black%22%2F%3E%3Crect x%3D%2212%22 y%3D%224%22 width%3D%224%22 height%3D%224%22 fill%3D%22black%22%2F%3E%3Crect y%3D%228%22 width%3D%224%22 height%3D%224%22 fill%3D%22black%22%2F%3E%3Crect x%3D%228%22 y%3D%228%22 width%3D%224%22 height%3D%224%22 fill%3D%22black%22%2F%3E%3Crect x%3D%224%22 y%3D%2212%22 width%3D%224%22 height%3D%224%22 fill%3D%22black%22%2F%3E%3Crect x%3D%2212%22 y%3D%2212%22 width%3D%224%22 height%3D%224%22 fill%3D%22black%22%2F%3E%3C%2Fsvg%3E");
-  background-position: -1px -1px;
+.UBQ_PlaceholderSettings-module__placeholderPopoverButton--OBw2i:hover:not([data-active=true]):not(:active) {
+  background: var(--ubq-interactive-template-hover);
 }
-.UBQ_GradientControls-module__gradientBar--8VRnB .UBQ_GradientControls-module__gradientBackground--dM7wA {
-  width: 100%;
-  height: 100%;
-  border-radius: var(--ubq-border_radius-s);
-  box-shadow: inset 0 0 0 1px var(--ubq-stroke-contrast-2);
+.UBQ_PlaceholderSettings-module__placeholderPopoverButton--OBw2i:active {
+  background: var(--ubq-interactive-template-pressed);
 }
-.UBQ_GradientControls-module__gradientBar--8VRnB .UBQ_GradientControls-module__border--gh9-1 {
-  width: 100%;
-  height: 100%;
+.UBQ_PlaceholderSettings-module__subScopeMenuItem--kdwPR {
+  padding-left: var(--ubq-margin-l);
 }
-.UBQ_GradientControls-module__gradientBar--8VRnB.UBQ_GradientControls-module__disabled--6bEIv {
-  opacity: 0.55;
+.UBQ_PlaceholderSettings-module__spacer--q-B6X {
+  width: var(--ubq-margin-xs);
 }
-.UBQ_GradientControls-module__gradientBar--8VRnB > button {
+.UBQ_PlaceholderSettings-module__hidden--GpS4n {
   position: absolute;
-  width: calc(var(--ubq-scale-base) * 2);
-  height: calc(var(--ubq-scale-base) * 2);
+  width: 1px;
+  height: 1px;
   padding: 0;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  border: none;
-  outline: none;
-  border-radius: var(--ubq-border_radius-m);
-  cursor: grab;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+  border: 0;
 }
-.UBQ_GradientControls-module__gradientBar--8VRnB > button:disabled {
-  cursor: inherit;
+.UBQ_PlaceholderSettings-module__separator--7Zpcr {
+  margin: var(--ubq-margin-xs);
 }
-.UBQ_GradientControls-module__gradientBar--8VRnB > button.UBQ_GradientControls-module__active--2mERW {
-  height: calc(100% - 2 * 2px);
+.UBQ_PlaceholderSettings-module__checkbox--GACd3:not(:last-child),
+.UBQ_PlaceholderSettings-module__indentedCheckbox--j5RrA:not(:last-child) {
+  margin-bottom: var(--ubq-margin-xs);
 }
-.UBQ_GradientControls-module__gradientBar--8VRnB > button.UBQ_GradientControls-module__grabbing--GE-pj {
-  cursor: grabbing;
+.UBQ_PlaceholderSettings-module__indentedCheckbox--j5RrA {
+  padding-left: var(--ubq-margin-xl);
 }
-.UBQ_GradientControls-module__gradientBar--8VRnB > button.UBQ_GradientControls-module__add--5IRVi {
-  width: calc(3 * var(--ubq-scale-base));
-  height: calc(6 * var(--ubq-scale-base));
+.UBQ_PlaceholderSettings-module__wrapper--aTaWS {
+  height: 100%;
+}
+.UBQ_PlaceholderSettings-module__containerSection--iWUhH {
+  overflow-y: auto;
+  overflow-x: auto;
+  -webkit-overflow-scrolling: touch;
+  scrollbar-width: thin;
+  scrollbar-color: var(--ubq-foreground-info) transparent;
+  height: calc(100% - 12 * var(--ubq-scale-base));
+  box-sizing: border-box;
+  overflow: auto;
+}
+.UBQ_PlaceholderSettings-module__containerSection--iWUhH::-webkit-scrollbar {
+  width: calc(2 * var(--ubq-scale-base));
+  height: calc(1.5 * var(--ubq-scale-base));
+}
+.UBQ_PlaceholderSettings-module__containerSection--iWUhH::-webkit-scrollbar-track {
+  background: transparent;
+  margin: var(--ubq-margin-s) var(--ubq-margin-s);
+}
+.UBQ_PlaceholderSettings-module__containerSection--iWUhH::-webkit-scrollbar-thumb {
+  background-color: var(--ubq-foreground-info);
   border-radius: var(--ubq-border_radius-m);
-  margin: 0;
+}
+.UBQ_PlaceholderSettings-module__containerSection--iWUhH::-webkit-scrollbar-corner {
+  background: transparent;
+}
+
+/* esbuild-sass-plugin:css-chunk:packages/ui/components/SubInspector/SubInspector.module.scss */
+.UBQ_SubInspector-module__containerSection--Ftz0G {
+  overflow-y: auto;
+  overflow-x: auto;
+  -webkit-overflow-scrolling: touch;
+  scrollbar-width: thin;
+  scrollbar-color: var(--ubq-foreground-info) transparent;
   display: flex;
-  justify-content: center;
-  overflow: hidden;
-  background-color: transparent;
-  color: var(--ubq-static-contrast-white);
-  cursor: default;
+  flex-direction: column;
+  height: calc(100% - 48px);
+  box-sizing: border-box;
+  overflow: auto;
 }
-.UBQ_GradientControls-module__gradientBar--8VRnB > button.UBQ_GradientControls-module__add--5IRVi .UBQ_GradientControls-module__stack--QbEx9 {
-  justify-items: center;
-  align-items: center;
+.UBQ_SubInspector-module__containerSection--Ftz0G::-webkit-scrollbar {
+  width: calc(2 * var(--ubq-scale-base));
+  height: calc(1.5 * var(--ubq-scale-base));
 }
-.UBQ_GradientControls-module__gradientBar--8VRnB > button.UBQ_GradientControls-module__add--5IRVi .UBQ_GradientControls-module__stack--QbEx9 svg {
-  opacity: 0.8;
+.UBQ_SubInspector-module__containerSection--Ftz0G::-webkit-scrollbar-track {
+  background: transparent;
+  margin: var(--ubq-margin-s) var(--ubq-margin-s);
 }
-.UBQ_GradientControls-module__gradientBar--8VRnB > button.UBQ_GradientControls-module__add--5IRVi .UBQ_GradientControls-module__background--UAeF5 {
-  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_SubInspector-module__containerSection--Ftz0G::-webkit-scrollbar-thumb {
+  background-color: var(--ubq-foreground-info);
+  border-radius: var(--ubq-border_radius-m);
 }
-.UBQ_GradientControls-module__gradientBar--8VRnB > button > * {
-  flex: 0 0 100%;
+.UBQ_SubInspector-module__containerSection--Ftz0G::-webkit-scrollbar-corner {
+  background: transparent;
 }
-.UBQ_GradientControls-module__gradientBar--8VRnB > button:focus-visible {
-  box-shadow: var(--ubq-effect-focus);
+.UBQ_SubInspector-module__button--6sNiS {
+  border: 1px solid var(--ubq-stroke-contrast-1);
 }
-.UBQ_GradientControls-module__gradientBar--8VRnB > button > .UBQ_GradientControls-module__doubleBorder--QAqgA {
-  filter: opacity(50%);
-  width: 100%;
+.UBQ_SubInspector-module__wrapper--QKT9X {
   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_SubInspector-module__iconStack--EjCg8.UBQ_SubInspector-module__disabled--ew-Kp:first-child {
+  opacity: 0.55;
 }
 
 /* esbuild-sass-plugin:css-chunk:packages/ui/components/color/ColorBox.module.scss */
@@ -5998,17 +6128,10 @@ input[type=range].UBQ_ColorSelection-module__opacitySlider--PI-Wu::-ms-thumb {
 /* esbuild-sass-plugin:css-chunk:packages/ui/components/ErrorDialog.module.scss */
 .UBQ_ErrorDialog-module__errorDialog--KnjHV p {
   width: 40ch;
+  max-width: 100%;
   margin: 0;
 }
 
-/* esbuild-sass-plugin:css-chunk:packages/ui/components/panels/LibraryPanel.module.scss */
-.UBQ_LibraryPanel-module__panelContent--rmasN {
-  flex-grow: 1;
-  display: flex;
-  flex-direction: column;
-  overflow: hidden;
-}
-
 /* esbuild-sass-plugin:css-chunk:packages/ui/components/panels/CustomPanelError.module.scss */
 .UBQ_CustomPanelError-module__block--k98jX {
   width: 100%;
@@ -6261,86 +6384,6 @@ input[type=range].UBQ_ColorSelection-module__opacitySlider--PI-Wu::-ms-thumb {
   margin-left: var(--ubq-margin-xs);
 }
 
-/* esbuild-sass-plugin:css-chunk:packages/ui/builder/PanelBuilder.module.scss */
-.UBQ_PanelBuilder-module__block--T3ctJ {
-  width: 100%;
-}
-.UBQ_PanelBuilder-module__dropdownContent--0Brv4 {
-  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;
-  margin: 0;
-  padding: 0;
-  list-style: none;
-  max-height: min(97.5 * var(--ubq-scale-base), 0.6 * var(--ubq_internal-containerquery-height, 60vh));
-}
-.UBQ_PanelBuilder-module__dropdownContent--0Brv4::-webkit-scrollbar {
-  width: calc(2 * var(--ubq-scale-base));
-  height: calc(1.5 * var(--ubq-scale-base));
-}
-.UBQ_PanelBuilder-module__dropdownContent--0Brv4::-webkit-scrollbar-track {
-  background: transparent;
-  margin: var(--ubq-margin-s) var(--ubq-margin-s);
-}
-.UBQ_PanelBuilder-module__dropdownContent--0Brv4::-webkit-scrollbar-thumb {
-  background-color: var(--ubq-foreground-info);
-  border-radius: var(--ubq-border_radius-m);
-}
-.UBQ_PanelBuilder-module__dropdownContent--0Brv4::-webkit-scrollbar-corner {
-  background: transparent;
-}
-.UBQ_PanelBuilder-module__dropdownContent--0Brv4 > li {
-  display: flex;
-  margin-top: var(--ubq-margin-xs);
-}
-.UBQ_PanelBuilder-module__dropdownContent--0Brv4 > li:first-child {
-  margin-top: 0;
-}
-.UBQ_PanelBuilder-module__dropdownContent--0Brv4 hr + li {
-  margin-top: 0;
-}
-.UBQ_PanelBuilder-module__dropdownContent--0Brv4 > hr {
-  margin-inline: 0;
-}
-.UBQ_PanelBuilder-module__textParagraph--YANJ7 {
-  font-family: var(--ubq-typography-label-m-font_family);
-  font-size: var(--ubq-typography-label-m-size);
-  font-weight: var(--ubq-typography-label-m-weight);
-  letter-spacing: var(--ubq-typography-label-m-letter_spacing);
-  line-height: var(--ubq-typography-label-m-line_height);
-  color: var(--ubq-foreground-light);
-}
-.UBQ_PanelBuilder-module__textParagraph--YANJ7.UBQ_PanelBuilder-module__alignCenter--k6Qmn {
-  text-align: center;
-}
-.UBQ_PanelBuilder-module__textParagraph--YANJ7.UBQ_PanelBuilder-module__alignRight--qMRvG {
-  text-align: right;
-}
-.UBQ_PanelBuilder-module__textParagraph--YANJ7:first-child {
-  margin-top: 0;
-}
-.UBQ_PanelBuilder-module__textParagraph--YANJ7:last-child {
-  margin-bottom: 0;
-}
-
-/* esbuild-sass-plugin:css-chunk:packages/ui/builder/Suffix.module.scss */
-.UBQ_Suffix-module__block--W2fb5 {
-  box-shadow: inset 0 0 0 0 transparent;
-  flex: 0 0 calc(6 * var(--ubq-scale-base));
-  display: flex;
-  justify-content: center;
-}
-.UBQ_Suffix-module__emptyGap--H74OF {
-  flex: 0 0 calc(6 * var(--ubq-scale-base));
-  display: hidden;
-  -webkit-user-select: none;
-  user-select: none;
-}
-
 /* esbuild-sass-plugin:css-chunk:packages/ui/components/Credits/Credits.module.scss */
 .UBQ_Credits-module__block---OeoC {
   max-height: 70vh;