@cesdk/cesdk-js 1.68.0-nightly.20260123 → 1.69.0-nightly.20260128

package/assets/ui/stylesheets/cesdk.css

@@ -1723,6 +1723,17 @@
   z-index: 100;
   background: var(--ubq-overlay);
 }
+.UBQ_Dialog-module__block--h88WP.UBQ_Dialog-module__opaque--txHG4 {
+  background:
+    linear-gradient(
+      to left,
+      var(--ubq-overlay),
+      var(--ubq-overlay)),
+    linear-gradient(
+      to left,
+      var(--ubq-canvas),
+      var(--ubq-canvas));
+}
 .UBQ_Dialog-module__block--h88WP > .UBQ_Dialog-module__dialog---WNq1 {
   position: absolute;
   box-sizing: border-box;
@@ -3913,9 +3924,6 @@ hr + .UBQ_Section-module__block--ZZ2wD > hr {
 .UBQ_DropLayer-module__block--1V8vk.UBQ_DropLayer-module__isDragging--6I8uF {
   pointer-events: auto;
 }
-.UBQ_DropLayer-module__block--1V8vk.UBQ_DropLayer-module__isDragging--6I8uF.UBQ_DropLayer-module__withOverlay--yfSHz {
-  background-color: var(--ubq-overlay);
-}
 .UBQ_DropLayer-module__block--1V8vk.UBQ_DropLayer-module__isDragging--6I8uF::before {
   content: "";
   position: absolute;
@@ -3931,35 +3939,6 @@ hr + .UBQ_Section-module__block--ZZ2wD > hr {
   box-shadow: 0px 0px 80px 0px rgba(51, 85, 255, 0.24) inset;
   border: 1px dashed #3355ff;
 }
-.UBQ_DropLayer-module__message--NFWd3 {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  color: var(--ubq-static-contrast-white);
-}
-.UBQ_DropLayer-module__message--NFWd3 > :not(:last-child) {
-  margin-bottom: var(--ubq-margin-m);
-}
-.UBQ_DropLayer-module__message--NFWd3 .UBQ_DropLayer-module__heading--Mpi-Q {
-  font-family: var(--ubq-typography-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);
-  text-align: center;
-  margin-bottom: var(--ubq-scale-base);
-  color: var(--ubq-static-contrast-white);
-}
-.UBQ_DropLayer-module__message--NFWd3 p {
-  font-family: var(--ubq-typography-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);
-  text-align: center;
-  margin: 0;
-  color: var(--ubq-static-contrast-white);
-}
 
 /* esbuild-sass-plugin:css-chunk:packages/ui/components/Canvas/Canvas.module.scss */
 .UBQ_Canvas-module__block--Es62A {
@@ -6013,6 +5992,11 @@ svg.UBQ_DockBuilder-module__circularProgress---105B.UBQ_DockBuilder-module__larg
   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/blocks/generic/inspector/PropertyToggle/PropertyToggle.module.scss */
 .UBQ_PropertyToggle-module__block--1Putg {
   box-shadow: inset 0 0 0 0 transparent;
@@ -6037,78 +6021,6 @@ svg.UBQ_DockBuilder-module__circularProgress---105B.UBQ_DockBuilder-module__larg
   overflow: hidden;
 }
 
-/* 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_PlaceholderSettings-module__placeholderPopoverButton--OBw2i:hover:not([data-active=true]):not(:active) {
-  background: var(--ubq-interactive-template-hover);
-}
-.UBQ_PlaceholderSettings-module__placeholderPopoverButton--OBw2i:active {
-  background: var(--ubq-interactive-template-pressed);
-}
-.UBQ_PlaceholderSettings-module__subScopeMenuItem--kdwPR {
-  padding-left: var(--ubq-margin-l);
-}
-.UBQ_PlaceholderSettings-module__spacer--q-B6X {
-  width: var(--ubq-margin-xs);
-}
-.UBQ_PlaceholderSettings-module__hidden--GpS4n {
-  position: absolute;
-  width: 1px;
-  height: 1px;
-  padding: 0;
-  margin: -1px;
-  overflow: hidden;
-  clip: rect(0, 0, 0, 0);
-  white-space: nowrap;
-  border: 0;
-}
-.UBQ_PlaceholderSettings-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_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);
-}
-.UBQ_PlaceholderSettings-module__containerSection--iWUhH::-webkit-scrollbar-corner {
-  background: transparent;
-}
-
-/* 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/assets/AssetPresetSection/AssetPresetSection.module.scss */
 .UBQ_AssetPresetSection-module__noPadding--A-DGN {
   padding: 0;
@@ -6304,6 +6216,73 @@ svg.UBQ_DockBuilder-module__circularProgress---105B.UBQ_DockBuilder-module__larg
   white-space: nowrap;
 }
 
+/* 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_PlaceholderSettings-module__placeholderPopoverButton--OBw2i:hover:not([data-active=true]):not(:active) {
+  background: var(--ubq-interactive-template-hover);
+}
+.UBQ_PlaceholderSettings-module__placeholderPopoverButton--OBw2i:active {
+  background: var(--ubq-interactive-template-pressed);
+}
+.UBQ_PlaceholderSettings-module__subScopeMenuItem--kdwPR {
+  padding-left: var(--ubq-margin-l);
+}
+.UBQ_PlaceholderSettings-module__spacer--q-B6X {
+  width: var(--ubq-margin-xs);
+}
+.UBQ_PlaceholderSettings-module__hidden--GpS4n {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+  border: 0;
+}
+.UBQ_PlaceholderSettings-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_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);
+}
+.UBQ_PlaceholderSettings-module__containerSection--iWUhH::-webkit-scrollbar-corner {
+  background: transparent;
+}
+
 /* esbuild-sass-plugin:css-chunk:packages/ui/components/Inspector/shadow/ShadowInspector.module.scss */
 .UBQ_ShadowInspector-module__smallButton--qgfMm {
   flex: 0 0 auto;
@@ -6484,1001 +6463,1001 @@ svg.UBQ_DockBuilder-module__circularProgress---105B.UBQ_DockBuilder-module__larg
   padding: var(--ubq-margin-m);
 }
 
-/* esbuild-sass-plugin:css-chunk:packages/ui/components/UploadModal/UploadModal.module.scss */
-.UBQ_UploadModal-module__content--bWxul p {
+/* 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/Video/Clip.module.scss */
-.UBQ_Clip-module__ghost--tCq5- {
-  display: block;
-  box-sizing: border-box;
-  width: 100%;
-  height: 100%;
-  overflow: "hidden";
-  background-color: var(--ubq-elevation-3);
-  border: 1px dashed var(--ubq-focus-default);
-  border-radius: var(--ubq-border_radius-m);
-}
-
-/* esbuild-sass-plugin:css-chunk:packages/ui/components/Video/ClipAtlas.module.scss */
-.UBQ_ClipAtlas-module__videoAtlas--vAotA {
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  height: 100%;
+/* esbuild-sass-plugin:css-chunk:packages/ui/components/panels/CaptionPanel.module.scss */
+.UBQ_CaptionPanel-module__separator--y5IZG {
+  margin-block: 0;
 }
-.UBQ_ClipAtlas-module__staticAtlas--gs2HR {
-  display: block;
-  position: absolute;
-  inset: 0;
-  background-repeat: repeat-x;
-  background-size: contain;
+.UBQ_CaptionPanel-module__formSection--64DUT {
+  overflow-y: auto;
+  overflow-x: auto;
+  -webkit-overflow-scrolling: touch;
+  scrollbar-width: thin;
+  scrollbar-color: var(--ubq-foreground-info) transparent;
+  height: calc(100% - 14 * var(--ubq-scale-base));
+  min-height: unset;
+  overflow-y: auto;
 }
-.UBQ_ClipAtlas-module__thumbnail--iaJWJ {
-  max-width: calc(var(--ubq-scale-base) * 14);
-  height: 100%;
-  background-repeat: no-repeat;
-  background-size: contain;
-  background-position: center;
+.UBQ_CaptionPanel-module__formSection--64DUT::-webkit-scrollbar {
+  width: calc(2 * var(--ubq-scale-base));
+  height: calc(1.5 * var(--ubq-scale-base));
 }
-.UBQ_ClipAtlas-module__audioAtlas--FJKNv {
-  position: absolute;
-  inset: 0;
-  width: 100%;
-  height: 100%;
-  z-index: -1;
-  border-radius: inherit;
-  -webkit-mask-size: contain;
-  mask-size: contain;
-  height: 100%;
-  background-color: var(--ubq-foreground-default);
-  opacity: 0.2;
+.UBQ_CaptionPanel-module__formSection--64DUT::-webkit-scrollbar-track {
+  background: transparent;
+  margin: var(--ubq-margin-s) var(--ubq-margin-s);
 }
-.UBQ_ClipAtlas-module__placeholder--sBp8n {
-  display: block;
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  background-repeat: repeat-x;
+.UBQ_CaptionPanel-module__formSection--64DUT::-webkit-scrollbar-thumb {
+  background-color: var(--ubq-foreground-info);
+  border-radius: var(--ubq-border_radius-m);
 }
-.UBQ_ClipAtlas-module__leftPlaceholder--9d7to {
-  background-position: right top;
+.UBQ_CaptionPanel-module__formSection--64DUT::-webkit-scrollbar-corner {
+  background: transparent;
 }
-.UBQ_ClipAtlas-module__animatedBackground--iH96z {
-  display: block;
-  position: absolute;
-  inset: 0;
-  width: 100%;
-  height: 100%;
-  background: transparent;
-  background:
-    linear-gradient(
-      to right,
-      transparent 20%,
-      var(--ubq-interactive-pressed) 50%,
-      transparent 80%);
-  background-size: 100% 100%;
-  background-repeat: no-repeat;
-  transform: translateX(-100%);
+.UBQ_CaptionPanel-module__captionFormWrapper--r1uG0 {
+  display: grid;
+  grid-template-columns: 1fr calc(6 * var(--ubq-scale-base));
+  grid-template-rows: auto;
+  gap: var(--ubq-margin-s);
 }
-
-/* esbuild-sass-plugin:css-chunk:packages/ui/components/Video/PlayHead.module.scss */
-.UBQ_PlayHead-module__block--L6eKu {
-  z-index: 3;
+.UBQ_CaptionPanel-module__captionRow--2FJGO {
+  grid-column: 1/3;
+  display: grid;
+  grid-template-columns: 1fr calc(6 * var(--ubq-scale-base));
+  grid-template-rows: auto;
+  gap: var(--ubq-margin-s);
+}
+.UBQ_CaptionPanel-module__captionRow--2FJGO:hover .UBQ_CaptionPanel-module__rowOptionsMenu--rzTmH,
+.UBQ_CaptionPanel-module__captionRow--2FJGO:has(.UBQ_CaptionPanel-module__captionInput--a0XvW[data-selected=true]) .UBQ_CaptionPanel-module__rowOptionsMenu--rzTmH {
+  visibility: visible;
+}
+.UBQ_CaptionPanel-module__rowOptionsMenu--rzTmH {
+  align-self: start;
+  visibility: hidden;
 }
 
-/* esbuild-sass-plugin:css-chunk:packages/ui/components/Video/VideoTimelineControls.module.scss */
-.UBQ_VideoTimelineControls-module__block--51LSm {
-  position: relative;
+/* esbuild-sass-plugin:css-chunk:packages/ui/components/panels/CaptionPanel/CaptionForm.module.scss */
+.UBQ_CaptionForm-module__block--4ESXW {
   display: grid;
-  grid-template-columns: 1fr 1fr 1fr;
-  grid-template-rows: max-content;
-  justify-items: center;
-  align-items: center;
-  box-sizing: border-box;
-  width: 100%;
-  padding: var(--ubq-margin-s) var(--ubq-margin-l);
-  -webkit-user-select: none;
-  user-select: none;
+  grid-template-columns: 1fr calc(6 * var(--ubq-scale-base));
+  grid-template-rows: auto;
+  gap: var(--ubq-margin-s);
 }
-.UBQ_VideoTimelineControls-module__group--O98jr {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  width: max-content;
+
+/* esbuild-sass-plugin:css-chunk:packages/ui/components/panels/CaptionPanel/CaptionInput.module.scss */
+.UBQ_CaptionInput-module__captionInputWrapper---E69c {
+  --ubq_internal-caption_panel-time_inputs-row_height: auto;
+  display: grid;
+  grid-template-columns: 1fr;
+  grid-template-rows: auto;
   gap: var(--ubq-margin-s);
+  position: relative;
 }
-.UBQ_VideoTimelineControls-module__group--O98jr:first-child {
-  justify-self: flex-start;
+.UBQ_CaptionInput-module__captionInputWrapper---E69c textarea {
+  height: calc(8 * var(--ubq-scale-base));
+  min-height: calc(8 * var(--ubq-scale-base));
+  max-height: unset;
 }
-.UBQ_VideoTimelineControls-module__group--O98jr:last-child {
-  justify-self: flex-end;
+.UBQ_CaptionInput-module__captionInputWrapper---E69c .UBQ_CaptionInput-module__timeInputs--i4wmQ + textarea {
+  height: calc(16 * var(--ubq-scale-base) + var(--ubq-margin-xs));
+  min-height: calc(16 * var(--ubq-scale-base) + var(--ubq-margin-xs));
 }
-.UBQ_VideoTimelineControls-module__playbackControls--tTdue {
-  display: grid;
-  grid-template-columns: 1fr min-content 1fr;
+.UBQ_CaptionInput-module__captionInputWrapper---E69c:has(> .UBQ_CaptionInput-module__timeInputs--i4wmQ) {
+  grid-template-columns: calc(18 * var(--ubq-scale-base)) 1fr;
+  grid-template-rows: inherit;
 }
-.UBQ_VideoTimelineControls-module__playbackControls--tTdue :first-child {
-  justify-self: end;
+.UBQ_CaptionInput-module__captionInputWrapper---E69c::before {
+  content: " ";
+  position: absolute;
+  left: calc(-1 * var(--ubq-margin-s));
+  width: calc(var(--ubq-scale-base) / 2);
+  height: 100%;
+  background-color: transparent;
 }
-.UBQ_VideoTimelineControls-module__playbackControls--tTdue :last-child {
-  justify-self: start;
+.UBQ_CaptionInput-module__captionInputWrapper---E69c:hover::before {
+  background-color: var(--ubq-interactive-hover);
 }
-.UBQ_VideoTimelineControls-module__playbackControlsSmall--bt51V {
-  grid-template-columns: 2fr min-content 1fr;
+.UBQ_CaptionInput-module__captionInputWrapper---E69c[data-selected=true]::before {
+  background-color: var(--ubq-interactive-accent-default);
 }
-.UBQ_VideoTimelineControls-module__playbackInfo--qBo24 {
-  font-family: var(--ubq-typography-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-default);
+.UBQ_CaptionInput-module__timeInputs--i4wmQ {
   display: flex;
-  align-items: baseline;
+  flex-direction: column;
   gap: var(--ubq-margin-xs);
-  padding-inline-end: var(--ubq-margin-xs);
-  font-variant-numeric: tabular-nums;
 }
-.UBQ_VideoTimelineControls-module__zoomControls--sMM4p {
-  display: flex;
-  align-items: center;
+
+/* esbuild-sass-plugin:css-chunk:packages/ui/components/panels/CaptionPanel/CaptionRow.module.scss */
+.UBQ_CaptionRow-module__block--ipIhT {
+  grid-column: 1/3;
+  display: grid;
+  grid-template-columns: 1fr calc(6 * var(--ubq-scale-base));
+  grid-template-rows: auto;
   gap: var(--ubq-margin-s);
 }
-.UBQ_VideoTimelineControls-module__expandButton--MRale {
-  margin-inline-start: var(--ubq-margin-s);
+.UBQ_CaptionRow-module__block--ipIhT:hover .UBQ_CaptionRow-module__rowOptionsMenu--WQMH9,
+.UBQ_CaptionRow-module__block--ipIhT:has(.UBQ_CaptionRow-module__captionInput--fVJMX[data-selected=true]) .UBQ_CaptionRow-module__rowOptionsMenu--WQMH9 {
+  visibility: visible;
 }
-.UBQ_VideoTimelineControls-module__modern--SBxyN.UBQ_VideoTimelineControls-module__block--51LSm {
-  padding: var(--ubq-margin-s) var(--ubq-margin-m);
+.UBQ_CaptionRow-module__rowOptionsMenu--WQMH9 {
+  align-self: start;
+  visibility: hidden;
 }
 
-/* esbuild-sass-plugin:css-chunk:packages/ui/utils/getScrollbarHeight.module.scss */
-.UBQ_getScrollbarHeight-module__scrollbarMeasurement--5EFDV {
-  overflow-y: auto;
-  overflow-x: auto;
-  -webkit-overflow-scrolling: touch;
-  scrollbar-width: thin;
-  scrollbar-color: var(--ubq-foreground-info) transparent;
-  position: absolute;
-  width: 1px;
-  height: 1px;
-  padding: 0;
-  margin: -1px;
-  overflow: hidden;
-  clip: rect(0, 0, 0, 0);
-  white-space: nowrap;
-  border: 0;
-}
-.UBQ_getScrollbarHeight-module__scrollbarMeasurement--5EFDV::-webkit-scrollbar {
-  width: calc(2 * var(--ubq-scale-base));
-  height: calc(1.5 * var(--ubq-scale-base));
-}
-.UBQ_getScrollbarHeight-module__scrollbarMeasurement--5EFDV::-webkit-scrollbar-track {
-  background: transparent;
-  margin: var(--ubq-margin-s) var(--ubq-margin-s);
-}
-.UBQ_getScrollbarHeight-module__scrollbarMeasurement--5EFDV::-webkit-scrollbar-thumb {
-  background-color: var(--ubq-foreground-info);
-  border-radius: var(--ubq-border_radius-m);
+/* esbuild-sass-plugin:css-chunk:packages/ui/components/panels/CaptionPanel/CaptionImport.module.scss */
+.UBQ_CaptionImport-module__paragraph--5xKW- {
+  font-family: var(--ubq-typography-font_family, var(--ubq-typography-body-m-font_family));
+  font-size: var(--ubq-typography-body-m-size);
+  font-weight: var(--ubq-typography-body-m-weight);
+  letter-spacing: var(--ubq-typography-body-m-letter_spacing);
+  line-height: var(--ubq-typography-body-m-line_height);
+  text-align: center;
+  color: var(--ubq-foreground-light);
 }
-.UBQ_getScrollbarHeight-module__scrollbarMeasurement--5EFDV::-webkit-scrollbar-corner {
-  background: transparent;
+.UBQ_CaptionImport-module__fileUploadButton--LG4LK {
+  margin-right: 0;
 }
 
-/* esbuild-sass-plugin:css-chunk:packages/ui/components/Video/BackgroundTrackAddButton.module.scss */
-.UBQ_BackgroundTrackAddButton-module__block--zazTm {
-  position: sticky;
-  right: var(--ubq-margin-xs);
-  grid-area: add-button;
+/* esbuild-sass-plugin:css-chunk:packages/ui/components/panels/CustomPanelError.module.scss */
+.UBQ_CustomPanelError-module__block--k98jX {
   width: 100%;
-  height: calc(var(--ubq-scale-base) * 12);
+  padding-top: calc(var(--ubq-margin-xl) * 2);
+  display: flex;
+  align-items: center;
+  flex-direction: column;
 }
-.UBQ_BackgroundTrackAddButton-module__block--zazTm > .UBQ_BackgroundTrackAddButton-module__addClipButton--JCuyI {
+.UBQ_CustomPanelError-module__heading--lmAVM {
   width: 100%;
-  height: 100%;
-  margin-left: auto;
-  padding-inline: var(--ubq-margin-s);
-  border-radius: var(--ubq-border_radius-m);
+  box-sizing: border-box;
+  padding: var(--ubq-margin-m);
 }
-.UBQ_BackgroundTrackAddButton-module__block--zazTm > .UBQ_BackgroundTrackAddButton-module__addClipButton--JCuyI.UBQ_BackgroundTrackAddButton-module__sticky--mgPon {
-  padding-right: 0;
+
+/* esbuild-sass-plugin:css-chunk:packages/ui/components/Inspector/AlignAndArrangeSectionRow.module.scss */
+.UBQ_AlignAndArrangeSectionRow-module__sectionRow--YCPJ7 {
+  gap: calc(6 * var(--ubq-scale-base));
 }
-.UBQ_BackgroundTrackAddButton-module__addClipStickySentinel--Wcwxd {
-  font-family: var(--ubq-typography-font_family, var(--ubq-typography-button-m-font_family));
-  font-size: var(--ubq-typography-button-m-size);
-  font-weight: var(--ubq-typography-button-m-weight);
-  letter-spacing: var(--ubq-typography-button-m-letter_spacing);
-  line-height: var(--ubq-typography-button-m-line_height);
-  grid-area: add-button;
-  width: max-content;
-  height: calc(var(--ubq-scale-base) * 12);
-  padding-inline: var(--ubq-margin-l);
-  visibility: hidden;
-  z-index: -999999;
+.UBQ_AlignAndArrangeSectionRow-module__buttonGroup--BY3xO {
+  display: flex;
+  gap: var(--ubq-margin-s);
+  margin-right: 0;
 }
-
-/* esbuild-sass-plugin:css-chunk:packages/ui/design-system/components/CaptionDragBounds/NewTimeline.module.scss */
-.UBQ_NewTimeline-module__timeline--6rCKO {
-  -webkit-user-select: none;
-  user-select: none;
-  position: relative;
+.UBQ_AlignAndArrangeSectionRow-module__modern--6jJoN.UBQ_AlignAndArrangeSectionRow-module__sectionRow--YCPJ7 {
+  gap: var(--ubq-margin-m);
 }
-.UBQ_NewTimeline-module__dragBounds--BnVaf {
-  display: grid;
-  grid-auto-flow: row;
-  align-items: stretch;
-  min-width: 100%;
-  width: max-content;
-  height: 100%;
-  -webkit-user-select: none;
-  user-select: none;
+.UBQ_AlignAndArrangeSectionRow-module__modern--6jJoN .UBQ_AlignAndArrangeSectionRow-module__buttonGroup--BY3xO {
+  gap: var(--ubq-margin-xs);
 }
-.UBQ_NewTimeline-module__droppableTrack--dFtao {
-  padding-top: calc(var(--ubq-margin-base) * 0.25);
-  padding-bottom: calc(var(--ubq-margin-base) * 0.25);
-  border-top: calc(var(--ubq-margin-base) * 0.5) solid transparent;
-  width: 100%;
+
+/* esbuild-sass-plugin:css-chunk:packages/ui/components/Inspector/BlendModeSelect.module.scss */
+.UBQ_BlendModeSelect-module__options--Oel9f {
+  max-height: calc(var(--ubq-scale-base) * 108);
 }
-.UBQ_NewTimeline-module__droppableTrack--dFtao.UBQ_NewTimeline-module__dropping--7N8Ng {
-  border-top: calc(var(--ubq-margin-base) * 0.5) solid var(--ubq-focus-default);
+.UBQ_BlendModeSelect-module__smallViewport--CNKnK {
+  max-height: calc(var(--ubq-scale-base) * 64);
 }
-.UBQ_NewTimeline-module__timelineElement--yFnTG {
-  position: absolute;
+.UBQ_BlendModeSelect-module__option--CBAfX {
+  min-width: calc(var(--ubq-scale-base) * 42);
 }
-.UBQ_NewTimeline-module__fixed--mrFbh {
-  position: fixed;
-  top: 0;
-  left: 0;
-  z-index: 1;
-  pointer-events: none;
+
+/* esbuild-sass-plugin:css-chunk:packages/ui/components/blocks/generic/inspector/Transform/Transform.module.scss */
+.UBQ_Transform-module__rotationGroup--z2I6N {
+  display: flex;
 }
-.UBQ_NewTimeline-module__ghost--loxmc {
-  display: block;
-  box-sizing: border-box;
-  width: 100%;
-  height: 100%;
-  overflow: "hidden";
-  opacity: 0.55;
-  background-color: var(--ubq-elevation-3);
-  border: calc(var(--ubq-scale-base) / 2) solid var(--ubq-focus-default);
-  border-radius: var(--ubq-border_radius-m);
+.UBQ_Transform-module__rotationGroup--z2I6N > *:not(:last-child) {
+  margin-right: var(--ubq-margin-s);
 }
 
-/* esbuild-sass-plugin:css-chunk:packages/ui/components/Video/SelectionRectangle.module.scss */
-.UBQ_SelectionRectangle-module__rectangle--IhB4f {
-  position: absolute;
-  border: 1px solid var(--ubq-static-selection-frame);
-  background-color: color-mix(in srgb, var(--ubq-static-selection-frame) 10%, transparent);
-  pointer-events: none;
-  z-index: 1000;
-  z-index: calc(infinity);
+/* esbuild-sass-plugin:css-chunk:packages/ui/components/Inspector/text/TextBackgroundControls.module.scss */
+.UBQ_TextBackgroundControls-module__popoverContent--qy726 {
+  width: calc(60 * var(--ubq-scale-base));
 }
 
-/* esbuild-sass-plugin:css-chunk:packages/ui/components/Video/VideoTimeline.module.scss */
-.UBQ_VideoTimeline-module__block--7jS2p {
-  position: relative;
-  isolation: isolate;
-  background: var(--ubq-elevation-1-blur);
-  border: 1px solid var(--ubq-stroke-contrast-1);
-  border-radius: var(--ubq-border_radius-xl);
-  margin: 0 var(--ubq-margin-m) var(--ubq-margin-m) var(--ubq-margin-m);
-  overflow: hidden;
+/* esbuild-sass-plugin:css-chunk:packages/ui/components/blocks/inputs/FontSize/FontSize.module.scss */
+.UBQ_FontSize-module__inputLabel--volPX {
+  flex-shrink: 0;
 }
-.UBQ_VideoTimeline-module__block--7jS2p::before {
-  content: "";
-  position: absolute;
-  inset: 0;
-  z-index: -1;
-  border-radius: inherit;
-  backdrop-filter: blur(10px);
-  -webkit-backdrop-filter: blur(10px);
+.UBQ_FontSize-module__labelBox--GYggq {
+  display: flex;
+  flex-wrap: wrap;
+  align-content: center;
+  padding-right: 0;
+  color: var(--ubq-foreground-default);
 }
-.UBQ_VideoTimeline-module__resizeHandle--BwFFh {
-  position: relative;
-  width: 100%;
-  height: calc(var(--ubq-scale-base) * 0.5);
-  background-color: var(--ubq-focus-default);
-  z-index: 1;
-  opacity: 0;
-  transition: 0.2s opacity 0.2s ease-in-out;
+.UBQ_FontSize-module__labelBox--GYggq:hover {
+  color: var(--ubq-foreground-default);
+  background: var(--ubq-input-default);
 }
-.UBQ_VideoTimeline-module__resizeHandle--BwFFh::after {
-  content: "";
-  position: absolute;
-  top: calc(var(--ubq-scale-base) * -2.5);
-  inset-inline: 0;
-  height: calc(var(--ubq-scale-base) * 5);
+.UBQ_FontSize-module__inBar--0otIU {
+  width: calc(var(--ubq-scale-base) * 19);
+  flex-shrink: 0;
 }
-.UBQ_VideoTimeline-module__resizeHandle--BwFFh:hover:not([aria-disabled=true]),
-.UBQ_VideoTimeline-module__resizeHandle--BwFFh[data-resizing=true] {
-  opacity: 1;
-  cursor: row-resize;
+.UBQ_FontSize-module__modern--CRnLa.UBQ_FontSize-module__inBar--0otIU {
+  width: calc(var(--ubq-scale-base) * 23);
 }
-.UBQ_VideoTimeline-module__expandable--qztys {
-  position: relative;
+.UBQ_FontSize-module__modern--CRnLa .UBQ_FontSize-module__labelBox--GYggq {
+  border-radius: var(--ubq-border_radius-m);
+  height: calc(var(--ubq-margin-s) * 2 + var(--ubq-typography-input-m-line_height));
+  padding-block: var(--ubq-margin-m);
 }
-.UBQ_VideoTimeline-module__scrollContainer--ZSu2E {
-  isolation: isolate;
-  overflow-y: auto;
-  overflow-x: auto;
-  -webkit-overflow-scrolling: touch;
-  scrollbar-width: thin;
-  scrollbar-color: var(--ubq-foreground-info) transparent;
-  overflow: scroll;
-  scrollbar-gutter: both-edges;
-  position: relative;
+
+/* esbuild-sass-plugin:css-chunk:packages/ui/components/blocks/inputs/FontSizeRange/FontSizeRange.module.scss */
+.UBQ_FontSizeRange-module__segmentedGroup--N2N-B {
+  grid-template-columns: 1fr 1fr;
+  grid-gap: calc(var(--ubq-margin-xs) / 2);
+}
+.UBQ_FontSizeRange-module__segmentedGroup--N2N-B > * > input {
+  border-radius: inherit;
+}
+
+/* esbuild-sass-plugin:css-chunk:packages/ui/components/blocks/inputs/FontStyleSelect/FontStyleSelect.module.scss */
+.UBQ_FontStyleSelect-module__inBar--F0-HH {
+  min-width: calc(var(--ubq-scale-base) * 22);
+  max-width: calc(var(--ubq-scale-base) * 22);
+}
+.UBQ_FontStyleSelect-module__separator--Cv1QZ {
+  height: 1px;
   width: 100%;
-  height: 100%;
-  display: flex;
-  flex-direction: column;
+  margin: var(--ubq-margin-xs) 0;
+  flex-shrink: 0;
+  background: var(--ubq-stroke-contrast-1);
+  border: none;
 }
-.UBQ_VideoTimeline-module__scrollContainer--ZSu2E::-webkit-scrollbar {
-  width: calc(2 * var(--ubq-scale-base));
-  height: calc(1.5 * var(--ubq-scale-base));
+
+/* esbuild-sass-plugin:css-chunk:packages/ui/components/blocks/inputs/FontStyleSelect/FontStyleSelectItem.module.scss */
+.UBQ_FontStyleSelectItem-module__block--O1xQO {
+  min-width: 100px;
 }
-.UBQ_VideoTimeline-module__scrollContainer--ZSu2E::-webkit-scrollbar-track {
-  background: transparent;
-  margin: var(--ubq-margin-s) var(--ubq-margin-s);
+
+/* esbuild-sass-plugin:css-chunk:packages/ui/components/blocks/inputs/TypefaceSelect/TypefaceSelect.module.scss */
+.UBQ_TypefaceSelect-module__block---i9F3 {
+  padding: 0;
+  width: min(var(--ubq-scale-base) * 75, 0.6 * var(--ubq_internal-containerquery-width, 60vw));
+  min-width: calc(50 * var(--ubq-scale-base));
 }
-.UBQ_VideoTimeline-module__scrollContainer--ZSu2E::-webkit-scrollbar-thumb {
-  background-color: var(--ubq-foreground-info);
-  border-radius: var(--ubq-border_radius-m);
+.UBQ_TypefaceSelect-module__options--YnDoG {
+  padding-inline: var(--ubq-margin-s);
 }
-.UBQ_VideoTimeline-module__scrollContainer--ZSu2E::-webkit-scrollbar-corner {
-  background: transparent;
+.UBQ_TypefaceSelect-module__search--u75dX {
+  margin-block: var(--ubq-margin-s);
 }
-.UBQ_VideoTimeline-module__scrollContainer--ZSu2E.UBQ_VideoTimeline-module__hideVerticalOverflow--dPGRy {
-  overflow-y: hidden;
+.UBQ_TypefaceSelect-module__separator--FSE-- {
+  margin: 0;
 }
-.UBQ_VideoTimeline-module__timelineWrapper--3GAM9 {
-  flex-shrink: 0;
-  position: relative;
-  min-width: 100%;
-  min-height: 100%;
-  width: max-content;
+.UBQ_TypefaceSelect-module__noResults--3mQ7X {
+  margin-inline: var(--ubq-margin-s);
+  margin-block: var(--ubq-margin-xs);
+  color: var(--ubq-foreground-light);
+  font-family: var(--ubq-typography-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);
+}
+
+/* esbuild-sass-plugin:css-chunk:packages/ui/components/blocks/inputs/TypefaceSelect/TypefaceSelectItem.module.scss */
+.UBQ_TypefaceSelectItem-module__block--pzqad {
+  display: flex;
+  align-items: center;
+  height: calc(var(--ubq-scale-base) * 7.5);
+}
+.UBQ_TypefaceSelectItem-module__text--B3knY {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+/* esbuild-sass-plugin:css-chunk:packages/ui/components/blocks/text/FontInput/FontInput.module.scss */
+.UBQ_FontInput-module__block--DCCC5 {
   display: grid;
-  grid-template-rows: max-content 1fr max-content;
+  grid-template-columns: repeat(6, minmax(0, 1fr));
+  grid-auto-rows: 24px;
+  column-gap: var(--ubq-margin-s);
+  row-gap: var(--ubq-margin-s);
 }
-.UBQ_VideoTimeline-module__foregroundTracks--NrHt- {
-  margin-block: var(--ubq-margin-xs);
-  margin-right: var(--ubq-margin-l);
-  align-self: flex-end;
+.UBQ_FontInput-module__fontFamilySelect--CIZ0u,
+.UBQ_FontInput-module__fontStyleSelect--8--vg {
+  display: flex;
 }
-.UBQ_VideoTimeline-module__foregroundTracks--NrHt-.UBQ_VideoTimeline-module__fluidHeight--SoR0g {
-  height: max-content;
+.UBQ_FontInput-module__fontFamilySelect--CIZ0u,
+.UBQ_FontInput-module__fontStyleSelect--8--vg {
+  display: flex;
 }
-.UBQ_VideoTimeline-module__backgroundTracks--KH3zZ {
-  position: sticky;
-  bottom: 0;
-  isolation: isolate;
-  box-sizing: border-box;
-  min-width: 100%;
-  width: max-content;
-  min-height: calc(var(--ubq-scale-base) * 16);
-  padding-top: var(--ubq-margin-s);
-  padding-bottom: var(--ubq-margin-l);
-  padding-right: var(--ubq-margin-l);
+.UBQ_FontInput-module__fontFamilySelect--CIZ0u,
+.UBQ_FontInput-module__fontSizeSelect--flszW {
+  grid-column-start: 1;
+  grid-column-end: span 3;
+}
+.UBQ_FontInput-module__fontStyleSelect--8--vg,
+.UBQ_FontInput-module__fontStyleToggles--XOeir {
+  grid-column-start: 4;
+  grid-column-end: span 3;
+}
+.UBQ_FontInput-module__fontStyleToggles--XOeir {
   display: grid;
-  grid-template-columns: repeat(2, max-content);
-  grid-template-areas: "background-clips add-button";
-  align-items: center;
-  gap: var(--ubq-margin-m);
-  background-color: var(--ubq-elevation-2);
-  border-top: 1px solid var(--ubq-stroke-contrast-1);
-  z-index: 2;
+  grid-template-columns: repeat(2, 1fr);
+  column-gap: var(--ubq-margin-s);
 }
-.UBQ_VideoTimeline-module__timeRuler--jUJdX {
-  position: sticky;
-  top: -1px;
-  z-index: 1;
+
+/* esbuild-sass-plugin:css-chunk:packages/ui/components/blocks/inputs/Cutout/CutoutType/CutoutType.module.scss */
+.UBQ_CutoutType-module__option--1kzfV {
+  display: flex;
+  justify-content: flex-start;
+  align-items: center;
+  gap: var(--ubq-margin-xs);
+  min-width: 70px;
 }
 
-/* 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/Inspector/scene/ClipContent/ClipContent.module.scss */
+.UBQ_ClipContent-module__button--Y6fUP {
+  flex: 1;
+  text-align: center;
+}
+.UBQ_ClipContent-module__button--Y6fUP > span > span {
+  text-align: center;
 }
 
-/* esbuild-sass-plugin:css-chunk:packages/ui/components/panels/CaptionPanel.module.scss */
-.UBQ_CaptionPanel-module__separator--y5IZG {
-  margin-block: 0;
+/* esbuild-sass-plugin:css-chunk:packages/ui/components/Inspector/WelcomeInspector/WelcomeInspector.module.scss */
+.UBQ_WelcomeInspector-module__container--1g3cE {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  flex-wrap: nowrap;
+  flex-flow: column;
+  height: 100%;
 }
-.UBQ_CaptionPanel-module__formSection--64DUT {
-  overflow-y: auto;
-  overflow-x: auto;
-  -webkit-overflow-scrolling: touch;
-  scrollbar-width: thin;
-  scrollbar-color: var(--ubq-foreground-info) transparent;
-  height: calc(100% - 14 * var(--ubq-scale-base));
-  min-height: unset;
-  overflow-y: auto;
+.UBQ_WelcomeInspector-module__container--1g3cE .UBQ_WelcomeInspector-module__white-label-logo--YuI6e {
+  color: var(--ubq-foreground-default);
 }
-.UBQ_CaptionPanel-module__formSection--64DUT::-webkit-scrollbar {
-  width: calc(2 * var(--ubq-scale-base));
-  height: calc(1.5 * var(--ubq-scale-base));
+.UBQ_WelcomeInspector-module__sectionblock--gnll2 {
+  display: flex;
+  color: var(--ubq-foreground-default);
+  min-height: min-content;
+  height: inherit;
+  margin: var(--ubq-margin-l) 0;
 }
-.UBQ_CaptionPanel-module__formSection--64DUT::-webkit-scrollbar-track {
-  background: transparent;
-  margin: var(--ubq-margin-s) var(--ubq-margin-s);
+.UBQ_WelcomeInspector-module__sectionblock--gnll2:first-child {
+  margin-top: 0;
 }
-.UBQ_CaptionPanel-module__formSection--64DUT::-webkit-scrollbar-thumb {
-  background-color: var(--ubq-foreground-info);
-  border-radius: var(--ubq-border_radius-m);
+.UBQ_WelcomeInspector-module__sectionblock--gnll2:last-child {
+  margin-bottom: 0;
 }
-.UBQ_CaptionPanel-module__formSection--64DUT::-webkit-scrollbar-corner {
-  background: transparent;
+.UBQ_WelcomeInspector-module__sectionblock--gnll2 > *:not(:last-child) {
+  margin-bottom: var(--ubq-margin-s);
 }
-.UBQ_CaptionPanel-module__captionFormWrapper--r1uG0 {
-  display: grid;
-  grid-template-columns: 1fr calc(6 * var(--ubq-scale-base));
-  grid-template-rows: auto;
-  gap: var(--ubq-margin-s);
+.UBQ_WelcomeInspector-module__paragraphs--6xS5e > p {
+  font-family: var(--ubq-typography-font_family, var(--ubq-typography-body-m-font_family));
+  font-size: var(--ubq-typography-body-m-size);
+  font-weight: var(--ubq-typography-body-m-weight);
+  letter-spacing: var(--ubq-typography-body-m-letter_spacing);
+  line-height: var(--ubq-typography-body-m-line_height);
+  text-align: center;
+  width: auto;
+  color: var(--ubq-foreground-default);
+  margin: var(--ubq-margin-m) var(--ubq-margin-l) calc(var(--ubq-margin-m) * 2);
 }
-.UBQ_CaptionPanel-module__captionRow--2FJGO {
-  grid-column: 1/3;
-  display: grid;
-  grid-template-columns: 1fr calc(6 * var(--ubq-scale-base));
-  grid-template-rows: auto;
-  gap: var(--ubq-margin-s);
+
+/* esbuild-sass-plugin:css-chunk:packages/ui/components/blocks/inputs/BooleanOperations/BooleanOperationsErrorDialog.module.scss */
+.UBQ_BooleanOperationsErrorDialog-module__dialog--dfiOa > div {
+  width: calc(var(--ubq-scale-base) * 80);
 }
-.UBQ_CaptionPanel-module__captionRow--2FJGO:hover .UBQ_CaptionPanel-module__rowOptionsMenu--rzTmH,
-.UBQ_CaptionPanel-module__captionRow--2FJGO:has(.UBQ_CaptionPanel-module__captionInput--a0XvW[data-selected=true]) .UBQ_CaptionPanel-module__rowOptionsMenu--rzTmH {
-  visibility: visible;
+.UBQ_BooleanOperationsErrorDialog-module__dialog--dfiOa > div .UBQ_BooleanOperationsErrorDialog-module__heading--6oMaL {
+  white-space: normal;
 }
-.UBQ_CaptionPanel-module__rowOptionsMenu--rzTmH {
-  align-self: start;
-  visibility: hidden;
+
+/* esbuild-sass-plugin:css-chunk:packages/ui/components/panels/InspectorPanelNameInput.module.scss */
+.UBQ_InspectorPanelNameInput-module__input--OLYOo {
+  display: flex;
+  align-items: center;
+}
+.UBQ_InspectorPanelNameInput-module__renameTextInput--0xrWE {
+  width: 100%;
+  margin-left: 0 !important;
 }
 
-/* esbuild-sass-plugin:css-chunk:packages/ui/components/panels/CaptionPanel/CaptionForm.module.scss */
-.UBQ_CaptionForm-module__block--4ESXW {
-  display: grid;
-  grid-template-columns: 1fr calc(6 * var(--ubq-scale-base));
-  grid-template-rows: auto;
-  gap: var(--ubq-margin-s);
+/* esbuild-sass-plugin:css-chunk:packages/ui/components/panels/InspectorPanel.module.scss */
+.UBQ_InspectorPanel-module__renameButton---BwuO {
+  flex: 0 0 auto;
+  margin-left: var(--ubq-margin-xs);
 }
 
-/* esbuild-sass-plugin:css-chunk:packages/ui/components/panels/CaptionPanel/CaptionInput.module.scss */
-.UBQ_CaptionInput-module__captionInputWrapper---E69c {
-  --ubq_internal-caption_panel-time_inputs-row_height: auto;
-  display: grid;
-  grid-template-columns: 1fr;
-  grid-template-rows: auto;
-  gap: var(--ubq-margin-s);
-  position: relative;
+/* esbuild-sass-plugin:css-chunk:packages/ui/components/Credits/Credits.module.scss */
+.UBQ_Credits-module__block---OeoC {
+  max-height: 70vh;
+  overflow-y: auto;
 }
-.UBQ_CaptionInput-module__captionInputWrapper---E69c textarea {
-  height: calc(8 * var(--ubq-scale-base));
-  min-height: calc(8 * var(--ubq-scale-base));
-  max-height: unset;
+.UBQ_Credits-module__header--1oyNH {
+  display: flex;
+  align-items: center;
 }
-.UBQ_CaptionInput-module__captionInputWrapper---E69c .UBQ_CaptionInput-module__timeInputs--i4wmQ + textarea {
-  height: calc(16 * var(--ubq-scale-base) + var(--ubq-margin-xs));
-  min-height: calc(16 * var(--ubq-scale-base) + var(--ubq-margin-xs));
+.UBQ_Credits-module__header--1oyNH .UBQ_Credits-module__version--HQm60 {
+  font-family: var(--ubq-typography-font_family, var(--ubq-typography-input-m-font_family));
+  font-size: var(--ubq-typography-input-m-size);
+  font-weight: var(--ubq-typography-input-m-weight);
+  letter-spacing: var(--ubq-typography-input-m-letter_spacing);
+  line-height: var(--ubq-typography-input-m-line_height);
+  color: var(--ubq-foreground-default);
 }
-.UBQ_CaptionInput-module__captionInputWrapper---E69c:has(> .UBQ_CaptionInput-module__timeInputs--i4wmQ) {
-  grid-template-columns: calc(18 * var(--ubq-scale-base)) 1fr;
-  grid-template-rows: inherit;
+.UBQ_Credits-module__header--1oyNH .UBQ_Credits-module__headerLeft--0V20Z {
+  padding-right: var(--ubq-margin-l);
 }
-.UBQ_CaptionInput-module__captionInputWrapper---E69c::before {
-  content: " ";
-  position: absolute;
-  left: calc(-1 * var(--ubq-margin-s));
-  width: calc(var(--ubq-scale-base) / 2);
-  height: 100%;
-  background-color: transparent;
+.UBQ_Credits-module__header--1oyNH .UBQ_Credits-module__description---Smvk {
+  color: var(--ubq-foreground-default);
 }
-.UBQ_CaptionInput-module__captionInputWrapper---E69c:hover::before {
-  background-color: var(--ubq-interactive-hover);
+.UBQ_Credits-module__cesdkLogo--nW5AU {
+  color: var(--ubq-foreground-default);
 }
-.UBQ_CaptionInput-module__captionInputWrapper---E69c[data-selected=true]::before {
-  background-color: var(--ubq-interactive-accent-default);
+.UBQ_Credits-module__igorContainer--xxKV9 {
+  padding: var(--ubq-margin-l);
 }
-.UBQ_CaptionInput-module__timeInputs--i4wmQ {
-  display: flex;
-  flex-direction: column;
-  gap: var(--ubq-margin-xs);
+.UBQ_Credits-module__contributors--s2Cig {
+  column-count: 3;
+}
+.UBQ_Credits-module__singleColumn--N0sgh {
+  column-count: 1;
+}
+.UBQ_Credits-module__imglyLogo--nuOv- {
+  width: 58px !important;
+  height: 13px !important;
 }
 
-/* esbuild-sass-plugin:css-chunk:packages/ui/components/panels/CaptionPanel/CaptionRow.module.scss */
-.UBQ_CaptionRow-module__block--ipIhT {
-  grid-column: 1/3;
-  display: grid;
-  grid-template-columns: 1fr calc(6 * var(--ubq-scale-base));
-  grid-template-rows: auto;
-  gap: var(--ubq-margin-s);
+/* esbuild-sass-plugin:css-chunk:packages/ui/components/Credits/Igor.module.scss */
+.UBQ_Igor-module__block--PPnie {
+  width: 100%;
+  height: 100%;
+  color: white;
 }
-.UBQ_CaptionRow-module__block--ipIhT:hover .UBQ_CaptionRow-module__rowOptionsMenu--WQMH9,
-.UBQ_CaptionRow-module__block--ipIhT:has(.UBQ_CaptionRow-module__captionInput--fVJMX[data-selected=true]) .UBQ_CaptionRow-module__rowOptionsMenu--WQMH9 {
-  visibility: visible;
+.UBQ_Igor-module__block--PPnie:hover {
+  cursor: not-allowed;
 }
-.UBQ_CaptionRow-module__rowOptionsMenu--WQMH9 {
-  align-self: start;
-  visibility: hidden;
+.UBQ_Igor-module__block--PPnie svg {
+  pointer-events: none;
 }
-
-/* esbuild-sass-plugin:css-chunk:packages/ui/components/panels/CaptionPanel/CaptionImport.module.scss */
-.UBQ_CaptionImport-module__paragraph--5xKW- {
-  font-family: var(--ubq-typography-font_family, var(--ubq-typography-body-m-font_family));
-  font-size: var(--ubq-typography-body-m-size);
-  font-weight: var(--ubq-typography-body-m-weight);
-  letter-spacing: var(--ubq-typography-body-m-letter_spacing);
-  line-height: var(--ubq-typography-body-m-line_height);
-  text-align: center;
-  color: var(--ubq-foreground-light);
+.UBQ_Igor-module__block--PPnie.UBQ_Igor-module__pissed--T4eg3 {
+  animation: 3.5s linear 0s UBQ_Igor-module__igor-pissed--EVQ0o;
 }
-.UBQ_CaptionImport-module__fileUploadButton--LG4LK {
-  margin-right: 0;
+@keyframes UBQ_Igor-module__ubq-igor-eye--oVe3D {
+  0% {
+    transform: translate3d(0px, 0.3px, 0px);
+  }
+  25% {
+    transform: translate3d(-0.5px, 0.5px, 0px);
+  }
+  75% {
+    transform: translate3d(0.5px, 0.5px, 0px);
+  }
+  100% {
+    transform: translate3d(0px, 0.3px, 0px);
+  }
+}
+@keyframes UBQ_Igor-module__igor-pissed--EVQ0o {
+  25% {
+    transform: scale(1.1) translate3d(-10px, -20px, 0) rotate(0.1turn);
+  }
+  50% {
+    transform: scale(1.2) translate3d(-10px, 10px, 0) rotate(-0.1turn);
+  }
+  to {
+    transform: scale(1.1) translate3d(0, 0, 0) rotate(0.1turn);
+    opacity: 0.2;
+  }
 }
 
-/* esbuild-sass-plugin:css-chunk:packages/ui/components/panels/CustomPanelError.module.scss */
-.UBQ_CustomPanelError-module__block--k98jX {
-  width: 100%;
-  padding-top: calc(var(--ubq-margin-xl) * 2);
-  display: flex;
-  align-items: center;
-  flex-direction: column;
+/* esbuild-sass-plugin:css-chunk:packages/ui/components/panels/SettingsPanel/AssetPanelSection.module.scss */
+.UBQ_AssetPanelSection-module__button--T84IN {
+  flex: 1;
 }
-.UBQ_CustomPanelError-module__heading--lmAVM {
-  width: 100%;
-  box-sizing: border-box;
-  padding: var(--ubq-margin-m);
+.UBQ_AssetPanelSection-module__button--T84IN > span > span {
+  text-align: center;
 }
 
-/* esbuild-sass-plugin:css-chunk:packages/ui/components/Inspector/AlignAndArrangeSectionRow.module.scss */
-.UBQ_AlignAndArrangeSectionRow-module__sectionRow--YCPJ7 {
-  gap: calc(6 * var(--ubq-scale-base));
+/* esbuild-sass-plugin:css-chunk:packages/ui/components/panels/SettingsPanel/DockIconSizeSelect.module.scss */
+.UBQ_DockIconSizeSelect-module__button--ZhQKf {
+  flex: 1;
 }
-.UBQ_AlignAndArrangeSectionRow-module__buttonGroup--BY3xO {
-  display: flex;
-  gap: var(--ubq-margin-s);
-  margin-right: 0;
+.UBQ_DockIconSizeSelect-module__button--ZhQKf > span > span {
+  text-align: center;
 }
-.UBQ_AlignAndArrangeSectionRow-module__modern--6jJoN.UBQ_AlignAndArrangeSectionRow-module__sectionRow--YCPJ7 {
-  gap: var(--ubq-margin-m);
+
+/* esbuild-sass-plugin:css-chunk:packages/ui/components/panels/SettingsPanel/DockLabelVisibilityToggle.module.scss */
+.UBQ_DockLabelVisibilityToggle-module__button--q3QDL {
+  flex: 1;
 }
-.UBQ_AlignAndArrangeSectionRow-module__modern--6jJoN .UBQ_AlignAndArrangeSectionRow-module__buttonGroup--BY3xO {
-  gap: var(--ubq-margin-xs);
+.UBQ_DockLabelVisibilityToggle-module__button--q3QDL > span > span {
+  text-align: center;
 }
 
-/* esbuild-sass-plugin:css-chunk:packages/ui/components/Inspector/BlendModeSelect.module.scss */
-.UBQ_BlendModeSelect-module__options--Oel9f {
-  max-height: calc(var(--ubq-scale-base) * 108);
-}
-.UBQ_BlendModeSelect-module__smallViewport--CNKnK {
-  max-height: calc(var(--ubq-scale-base) * 64);
+/* esbuild-sass-plugin:css-chunk:packages/ui/components/panels/SettingsPanel/InspectorPanelSection.module.scss */
+.UBQ_InspectorPanelSection-module__button--p-gav {
+  flex: 1;
 }
-.UBQ_BlendModeSelect-module__option--CBAfX {
-  min-width: calc(var(--ubq-scale-base) * 42);
+.UBQ_InspectorPanelSection-module__button--p-gav > span > span {
+  text-align: center;
 }
 
-/* esbuild-sass-plugin:css-chunk:packages/ui/components/blocks/generic/inspector/Transform/Transform.module.scss */
-.UBQ_Transform-module__rotationGroup--z2I6N {
-  display: flex;
+/* esbuild-sass-plugin:css-chunk:packages/ui/components/panels/SettingsPanel/InspectorPositionSelect.module.scss */
+.UBQ_InspectorPositionSelect-module__button--ebMYa {
+  flex: 1;
+  text-align: center;
 }
-.UBQ_Transform-module__rotationGroup--z2I6N > *:not(:last-child) {
-  margin-right: var(--ubq-margin-s);
+.UBQ_InspectorPositionSelect-module__button--ebMYa > span > span {
+  text-align: center;
 }
 
-/* esbuild-sass-plugin:css-chunk:packages/ui/components/Inspector/text/TextBackgroundControls.module.scss */
-.UBQ_TextBackgroundControls-module__popoverContent--qy726 {
-  width: calc(60 * var(--ubq-scale-base));
+/* esbuild-sass-plugin:css-chunk:packages/ui/components/panels/SettingsPanel/LanguageSelect.module.scss */
+.UBQ_LanguageSelect-module__option--0FoJ- {
+  display: flex;
+  justify-content: flex-start;
+  align-items: center;
+  min-width: 70px;
 }
 
-/* esbuild-sass-plugin:css-chunk:packages/ui/components/blocks/inputs/FontSize/FontSize.module.scss */
-.UBQ_FontSize-module__inputLabel--volPX {
-  flex-shrink: 0;
+/* esbuild-sass-plugin:css-chunk:packages/ui/components/panels/SettingsPanel/PageTitleAppendPageNameToggle.module.scss */
+.UBQ_PageTitleAppendPageNameToggle-module__button--9V94o {
+  flex: 1;
 }
-.UBQ_FontSize-module__labelBox--GYggq {
-  display: flex;
-  flex-wrap: wrap;
-  align-content: center;
-  padding-right: 0;
-  color: var(--ubq-foreground-default);
+.UBQ_PageTitleAppendPageNameToggle-module__button--9V94o > span > span {
+  text-align: center;
 }
-.UBQ_FontSize-module__labelBox--GYggq:hover {
-  color: var(--ubq-foreground-default);
-  background: var(--ubq-input-default);
+
+/* esbuild-sass-plugin:css-chunk:packages/ui/components/panels/SettingsPanel/PageTitleDefaultTitleVisibilityToggle.module.scss */
+.UBQ_PageTitleDefaultTitleVisibilityToggle-module__button--q5EJU {
+  flex: 1;
 }
-.UBQ_FontSize-module__inBar--0otIU {
-  width: calc(var(--ubq-scale-base) * 19);
-  flex-shrink: 0;
+.UBQ_PageTitleDefaultTitleVisibilityToggle-module__button--q5EJU > span > span {
+  text-align: center;
 }
-.UBQ_FontSize-module__modern--CRnLa.UBQ_FontSize-module__inBar--0otIU {
-  width: calc(var(--ubq-scale-base) * 23);
+
+/* esbuild-sass-plugin:css-chunk:packages/ui/components/panels/SettingsPanel/PageTitleShowOnSinglePageToggle.module.scss */
+.UBQ_PageTitleShowOnSinglePageToggle-module__button--SVO3I {
+  flex: 1;
 }
-.UBQ_FontSize-module__modern--CRnLa .UBQ_FontSize-module__labelBox--GYggq {
-  border-radius: var(--ubq-border_radius-m);
-  height: calc(var(--ubq-margin-s) * 2 + var(--ubq-typography-input-m-line_height));
-  padding-block: var(--ubq-margin-m);
+.UBQ_PageTitleShowOnSinglePageToggle-module__button--SVO3I > span > span {
+  text-align: center;
 }
 
-/* esbuild-sass-plugin:css-chunk:packages/ui/components/blocks/inputs/FontSizeRange/FontSizeRange.module.scss */
-.UBQ_FontSizeRange-module__segmentedGroup--N2N-B {
-  grid-template-columns: 1fr 1fr;
-  grid-gap: calc(var(--ubq-margin-xs) / 2);
+/* esbuild-sass-plugin:css-chunk:packages/ui/components/panels/SettingsPanel/PageTitleVisibilityToggle.module.scss */
+.UBQ_PageTitleVisibilityToggle-module__button--9bv5W {
+  flex: 1;
 }
-.UBQ_FontSizeRange-module__segmentedGroup--N2N-B > * > input {
-  border-radius: inherit;
+.UBQ_PageTitleVisibilityToggle-module__button--9bv5W > span > span {
+  text-align: center;
 }
 
-/* esbuild-sass-plugin:css-chunk:packages/ui/components/blocks/inputs/FontStyleSelect/FontStyleSelect.module.scss */
-.UBQ_FontStyleSelect-module__inBar--F0-HH {
-  min-width: calc(var(--ubq-scale-base) * 22);
-  max-width: calc(var(--ubq-scale-base) * 22);
+/* esbuild-sass-plugin:css-chunk:packages/ui/components/panels/SettingsPanel/ReplacePanelSection.module.scss */
+.UBQ_ReplacePanelSection-module__button--iWiqH {
+  flex: 1;
 }
-.UBQ_FontStyleSelect-module__separator--Cv1QZ {
-  height: 1px;
-  width: 100%;
-  margin: var(--ubq-margin-xs) 0;
-  flex-shrink: 0;
-  background: var(--ubq-stroke-contrast-1);
-  border: none;
+.UBQ_ReplacePanelSection-module__button--iWiqH > span > span {
+  text-align: center;
 }
 
-/* esbuild-sass-plugin:css-chunk:packages/ui/components/blocks/inputs/FontStyleSelect/FontStyleSelectItem.module.scss */
-.UBQ_FontStyleSelectItem-module__block--O1xQO {
-  min-width: 100px;
+/* esbuild-sass-plugin:css-chunk:packages/ui/components/panels/SettingsPanel/RoleSelect.module.scss */
+.UBQ_RoleSelect-module__option--rbjSf {
+  display: flex;
+  justify-content: flex-start;
+  align-items: center;
+  min-width: 70px;
 }
 
-/* esbuild-sass-plugin:css-chunk:packages/ui/components/blocks/inputs/TypefaceSelect/TypefaceSelect.module.scss */
-.UBQ_TypefaceSelect-module__block---i9F3 {
-  padding: 0;
-  width: min(var(--ubq-scale-base) * 75, 0.6 * var(--ubq_internal-containerquery-width, 60vw));
-  min-width: calc(50 * var(--ubq-scale-base));
+/* esbuild-sass-plugin:css-chunk:packages/ui/components/panels/SettingsPanel/ScalingSelect.module.scss */
+.UBQ_ScalingSelect-module__button--SuD4n {
+  flex: 1;
 }
-.UBQ_TypefaceSelect-module__options--YnDoG {
-  padding-inline: var(--ubq-margin-s);
+.UBQ_ScalingSelect-module__button--SuD4n > span > span {
+  text-align: center;
 }
-.UBQ_TypefaceSelect-module__search--u75dX {
-  margin-block: var(--ubq-margin-s);
+
+/* esbuild-sass-plugin:css-chunk:packages/ui/components/panels/SettingsPanel/ThemeSelect.module.scss */
+.UBQ_ThemeSelect-module__button--yhuSS {
+  flex: 1;
+  text-align: center;
 }
-.UBQ_TypefaceSelect-module__separator--FSE-- {
-  margin: 0;
+.UBQ_ThemeSelect-module__button--yhuSS > span > span {
+  text-align: center;
 }
-.UBQ_TypefaceSelect-module__noResults--3mQ7X {
-  margin-inline: var(--ubq-margin-s);
-  margin-block: var(--ubq-margin-xs);
-  color: var(--ubq-foreground-light);
-  font-family: var(--ubq-typography-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);
+
+/* esbuild-sass-plugin:css-chunk:packages/ui/components/panels/SettingsPanel/ViewSelect.module.scss */
+.UBQ_ViewSelect-module__button--bD9lO {
+  flex: 1;
+  text-align: center;
+}
+.UBQ_ViewSelect-module__button--bD9lO > span > span {
+  text-align: center;
 }
 
-/* esbuild-sass-plugin:css-chunk:packages/ui/components/blocks/inputs/TypefaceSelect/TypefaceSelectItem.module.scss */
-.UBQ_TypefaceSelectItem-module__block--pzqad {
-  display: flex;
-  align-items: center;
-  height: calc(var(--ubq-scale-base) * 7.5);
+/* esbuild-sass-plugin:css-chunk:packages/ui/components/UploadModal/UploadModal.module.scss */
+.UBQ_UploadModal-module__content--bWxul p {
+  width: 40ch;
+  margin: 0;
 }
-.UBQ_TypefaceSelectItem-module__text--B3knY {
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
+
+/* esbuild-sass-plugin:css-chunk:packages/ui/components/Video/Clip.module.scss */
+.UBQ_Clip-module__ghost--tCq5- {
+  display: block;
+  box-sizing: border-box;
+  width: 100%;
+  height: 100%;
+  overflow: "hidden";
+  background-color: var(--ubq-elevation-3);
+  border: 1px dashed var(--ubq-focus-default);
+  border-radius: var(--ubq-border_radius-m);
 }
 
-/* esbuild-sass-plugin:css-chunk:packages/ui/components/blocks/text/FontInput/FontInput.module.scss */
-.UBQ_FontInput-module__block--DCCC5 {
-  display: grid;
-  grid-template-columns: repeat(6, minmax(0, 1fr));
-  grid-auto-rows: 24px;
-  column-gap: var(--ubq-margin-s);
-  row-gap: var(--ubq-margin-s);
+/* esbuild-sass-plugin:css-chunk:packages/ui/components/Video/ClipAtlas.module.scss */
+.UBQ_ClipAtlas-module__videoAtlas--vAotA {
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  height: 100%;
 }
-.UBQ_FontInput-module__fontFamilySelect--CIZ0u,
-.UBQ_FontInput-module__fontStyleSelect--8--vg {
-  display: flex;
+.UBQ_ClipAtlas-module__staticAtlas--gs2HR {
+  display: block;
+  position: absolute;
+  inset: 0;
+  background-repeat: repeat-x;
+  background-size: contain;
 }
-.UBQ_FontInput-module__fontFamilySelect--CIZ0u,
-.UBQ_FontInput-module__fontStyleSelect--8--vg {
-  display: flex;
+.UBQ_ClipAtlas-module__thumbnail--iaJWJ {
+  max-width: calc(var(--ubq-scale-base) * 14);
+  height: 100%;
+  background-repeat: no-repeat;
+  background-size: contain;
+  background-position: center;
+}
+.UBQ_ClipAtlas-module__audioAtlas--FJKNv {
+  position: absolute;
+  inset: 0;
+  width: 100%;
+  height: 100%;
+  z-index: -1;
+  border-radius: inherit;
+  -webkit-mask-size: contain;
+  mask-size: contain;
+  height: 100%;
+  background-color: var(--ubq-foreground-default);
+  opacity: 0.2;
 }
-.UBQ_FontInput-module__fontFamilySelect--CIZ0u,
-.UBQ_FontInput-module__fontSizeSelect--flszW {
-  grid-column-start: 1;
-  grid-column-end: span 3;
+.UBQ_ClipAtlas-module__placeholder--sBp8n {
+  display: block;
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  background-repeat: repeat-x;
 }
-.UBQ_FontInput-module__fontStyleSelect--8--vg,
-.UBQ_FontInput-module__fontStyleToggles--XOeir {
-  grid-column-start: 4;
-  grid-column-end: span 3;
+.UBQ_ClipAtlas-module__leftPlaceholder--9d7to {
+  background-position: right top;
 }
-.UBQ_FontInput-module__fontStyleToggles--XOeir {
-  display: grid;
-  grid-template-columns: repeat(2, 1fr);
-  column-gap: var(--ubq-margin-s);
+.UBQ_ClipAtlas-module__animatedBackground--iH96z {
+  display: block;
+  position: absolute;
+  inset: 0;
+  width: 100%;
+  height: 100%;
+  background: transparent;
+  background:
+    linear-gradient(
+      to right,
+      transparent 20%,
+      var(--ubq-interactive-pressed) 50%,
+      transparent 80%);
+  background-size: 100% 100%;
+  background-repeat: no-repeat;
+  transform: translateX(-100%);
 }
 
-/* esbuild-sass-plugin:css-chunk:packages/ui/components/blocks/inputs/Cutout/CutoutType/CutoutType.module.scss */
-.UBQ_CutoutType-module__option--1kzfV {
-  display: flex;
-  justify-content: flex-start;
-  align-items: center;
-  gap: var(--ubq-margin-xs);
-  min-width: 70px;
+/* esbuild-sass-plugin:css-chunk:packages/ui/components/Video/PlayHead.module.scss */
+.UBQ_PlayHead-module__block--L6eKu {
+  z-index: 3;
 }
 
-/* esbuild-sass-plugin:css-chunk:packages/ui/components/Inspector/scene/ClipContent/ClipContent.module.scss */
-.UBQ_ClipContent-module__button--Y6fUP {
-  flex: 1;
-  text-align: center;
-}
-.UBQ_ClipContent-module__button--Y6fUP > span > span {
-  text-align: center;
+/* esbuild-sass-plugin:css-chunk:packages/ui/components/Video/VideoTimelineControls.module.scss */
+.UBQ_VideoTimelineControls-module__block--51LSm {
+  position: relative;
+  display: grid;
+  grid-template-columns: 1fr 1fr 1fr;
+  grid-template-rows: max-content;
+  justify-items: center;
+  align-items: center;
+  box-sizing: border-box;
+  width: 100%;
+  padding: var(--ubq-margin-s) var(--ubq-margin-l);
+  -webkit-user-select: none;
+  user-select: none;
 }
-
-/* esbuild-sass-plugin:css-chunk:packages/ui/components/Inspector/WelcomeInspector/WelcomeInspector.module.scss */
-.UBQ_WelcomeInspector-module__container--1g3cE {
+.UBQ_VideoTimelineControls-module__group--O98jr {
   display: flex;
   justify-content: center;
   align-items: center;
-  flex-wrap: nowrap;
-  flex-flow: column;
-  height: 100%;
-}
-.UBQ_WelcomeInspector-module__container--1g3cE .UBQ_WelcomeInspector-module__white-label-logo--YuI6e {
-  color: var(--ubq-foreground-default);
+  width: max-content;
+  gap: var(--ubq-margin-s);
 }
-.UBQ_WelcomeInspector-module__sectionblock--gnll2 {
-  display: flex;
-  color: var(--ubq-foreground-default);
-  min-height: min-content;
-  height: inherit;
-  margin: var(--ubq-margin-l) 0;
+.UBQ_VideoTimelineControls-module__group--O98jr:first-child {
+  justify-self: flex-start;
 }
-.UBQ_WelcomeInspector-module__sectionblock--gnll2:first-child {
-  margin-top: 0;
+.UBQ_VideoTimelineControls-module__group--O98jr:last-child {
+  justify-self: flex-end;
 }
-.UBQ_WelcomeInspector-module__sectionblock--gnll2:last-child {
-  margin-bottom: 0;
+.UBQ_VideoTimelineControls-module__playbackControls--tTdue {
+  display: grid;
+  grid-template-columns: 1fr min-content 1fr;
 }
-.UBQ_WelcomeInspector-module__sectionblock--gnll2 > *:not(:last-child) {
-  margin-bottom: var(--ubq-margin-s);
+.UBQ_VideoTimelineControls-module__playbackControls--tTdue :first-child {
+  justify-self: end;
 }
-.UBQ_WelcomeInspector-module__paragraphs--6xS5e > p {
-  font-family: var(--ubq-typography-font_family, var(--ubq-typography-body-m-font_family));
-  font-size: var(--ubq-typography-body-m-size);
-  font-weight: var(--ubq-typography-body-m-weight);
-  letter-spacing: var(--ubq-typography-body-m-letter_spacing);
-  line-height: var(--ubq-typography-body-m-line_height);
-  text-align: center;
-  width: auto;
-  color: var(--ubq-foreground-default);
-  margin: var(--ubq-margin-m) var(--ubq-margin-l) calc(var(--ubq-margin-m) * 2);
+.UBQ_VideoTimelineControls-module__playbackControls--tTdue :last-child {
+  justify-self: start;
 }
-
-/* esbuild-sass-plugin:css-chunk:packages/ui/components/blocks/inputs/BooleanOperations/BooleanOperationsErrorDialog.module.scss */
-.UBQ_BooleanOperationsErrorDialog-module__dialog--dfiOa > div {
-  width: calc(var(--ubq-scale-base) * 80);
+.UBQ_VideoTimelineControls-module__playbackControlsSmall--bt51V {
+  grid-template-columns: 2fr min-content 1fr;
 }
-.UBQ_BooleanOperationsErrorDialog-module__dialog--dfiOa > div .UBQ_BooleanOperationsErrorDialog-module__heading--6oMaL {
-  white-space: normal;
+.UBQ_VideoTimelineControls-module__playbackInfo--qBo24 {
+  font-family: var(--ubq-typography-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-default);
+  display: flex;
+  align-items: baseline;
+  gap: var(--ubq-margin-xs);
+  padding-inline-end: var(--ubq-margin-xs);
+  font-variant-numeric: tabular-nums;
 }
-
-/* esbuild-sass-plugin:css-chunk:packages/ui/components/panels/InspectorPanelNameInput.module.scss */
-.UBQ_InspectorPanelNameInput-module__input--OLYOo {
+.UBQ_VideoTimelineControls-module__zoomControls--sMM4p {
   display: flex;
   align-items: center;
+  gap: var(--ubq-margin-s);
 }
-.UBQ_InspectorPanelNameInput-module__renameTextInput--0xrWE {
-  width: 100%;
-  margin-left: 0 !important;
+.UBQ_VideoTimelineControls-module__expandButton--MRale {
+  margin-inline-start: var(--ubq-margin-s);
 }
-
-/* esbuild-sass-plugin:css-chunk:packages/ui/components/panels/InspectorPanel.module.scss */
-.UBQ_InspectorPanel-module__renameButton---BwuO {
-  flex: 0 0 auto;
-  margin-left: var(--ubq-margin-xs);
+.UBQ_VideoTimelineControls-module__modern--SBxyN.UBQ_VideoTimelineControls-module__block--51LSm {
+  padding: var(--ubq-margin-s) var(--ubq-margin-m);
 }
 
-/* esbuild-sass-plugin:css-chunk:packages/ui/components/Credits/Credits.module.scss */
-.UBQ_Credits-module__block---OeoC {
-  max-height: 70vh;
+/* esbuild-sass-plugin:css-chunk:packages/ui/utils/getScrollbarHeight.module.scss */
+.UBQ_getScrollbarHeight-module__scrollbarMeasurement--5EFDV {
   overflow-y: auto;
+  overflow-x: auto;
+  -webkit-overflow-scrolling: touch;
+  scrollbar-width: thin;
+  scrollbar-color: var(--ubq-foreground-info) transparent;
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+  border: 0;
 }
-.UBQ_Credits-module__header--1oyNH {
-  display: flex;
-  align-items: center;
-}
-.UBQ_Credits-module__header--1oyNH .UBQ_Credits-module__version--HQm60 {
-  font-family: var(--ubq-typography-font_family, var(--ubq-typography-input-m-font_family));
-  font-size: var(--ubq-typography-input-m-size);
-  font-weight: var(--ubq-typography-input-m-weight);
-  letter-spacing: var(--ubq-typography-input-m-letter_spacing);
-  line-height: var(--ubq-typography-input-m-line_height);
-  color: var(--ubq-foreground-default);
-}
-.UBQ_Credits-module__header--1oyNH .UBQ_Credits-module__headerLeft--0V20Z {
-  padding-right: var(--ubq-margin-l);
-}
-.UBQ_Credits-module__header--1oyNH .UBQ_Credits-module__description---Smvk {
-  color: var(--ubq-foreground-default);
-}
-.UBQ_Credits-module__cesdkLogo--nW5AU {
-  color: var(--ubq-foreground-default);
-}
-.UBQ_Credits-module__igorContainer--xxKV9 {
-  padding: var(--ubq-margin-l);
+.UBQ_getScrollbarHeight-module__scrollbarMeasurement--5EFDV::-webkit-scrollbar {
+  width: calc(2 * var(--ubq-scale-base));
+  height: calc(1.5 * var(--ubq-scale-base));
 }
-.UBQ_Credits-module__contributors--s2Cig {
-  column-count: 3;
+.UBQ_getScrollbarHeight-module__scrollbarMeasurement--5EFDV::-webkit-scrollbar-track {
+  background: transparent;
+  margin: var(--ubq-margin-s) var(--ubq-margin-s);
 }
-.UBQ_Credits-module__singleColumn--N0sgh {
-  column-count: 1;
+.UBQ_getScrollbarHeight-module__scrollbarMeasurement--5EFDV::-webkit-scrollbar-thumb {
+  background-color: var(--ubq-foreground-info);
+  border-radius: var(--ubq-border_radius-m);
 }
-.UBQ_Credits-module__imglyLogo--nuOv- {
-  width: 58px !important;
-  height: 13px !important;
+.UBQ_getScrollbarHeight-module__scrollbarMeasurement--5EFDV::-webkit-scrollbar-corner {
+  background: transparent;
 }
 
-/* esbuild-sass-plugin:css-chunk:packages/ui/components/Credits/Igor.module.scss */
-.UBQ_Igor-module__block--PPnie {
+/* esbuild-sass-plugin:css-chunk:packages/ui/components/Video/BackgroundTrackAddButton.module.scss */
+.UBQ_BackgroundTrackAddButton-module__block--zazTm {
+  position: sticky;
+  right: var(--ubq-margin-xs);
+  grid-area: add-button;
   width: 100%;
-  height: 100%;
-  color: white;
-}
-.UBQ_Igor-module__block--PPnie:hover {
-  cursor: not-allowed;
-}
-.UBQ_Igor-module__block--PPnie svg {
-  pointer-events: none;
-}
-.UBQ_Igor-module__block--PPnie.UBQ_Igor-module__pissed--T4eg3 {
-  animation: 3.5s linear 0s UBQ_Igor-module__igor-pissed--EVQ0o;
-}
-@keyframes UBQ_Igor-module__ubq-igor-eye--oVe3D {
-  0% {
-    transform: translate3d(0px, 0.3px, 0px);
-  }
-  25% {
-    transform: translate3d(-0.5px, 0.5px, 0px);
-  }
-  75% {
-    transform: translate3d(0.5px, 0.5px, 0px);
-  }
-  100% {
-    transform: translate3d(0px, 0.3px, 0px);
-  }
+  height: calc(var(--ubq-scale-base) * 12);
 }
-@keyframes UBQ_Igor-module__igor-pissed--EVQ0o {
-  25% {
-    transform: scale(1.1) translate3d(-10px, -20px, 0) rotate(0.1turn);
-  }
-  50% {
-    transform: scale(1.2) translate3d(-10px, 10px, 0) rotate(-0.1turn);
-  }
-  to {
-    transform: scale(1.1) translate3d(0, 0, 0) rotate(0.1turn);
-    opacity: 0.2;
-  }
+.UBQ_BackgroundTrackAddButton-module__block--zazTm > .UBQ_BackgroundTrackAddButton-module__addClipButton--JCuyI {
+  width: 100%;
+  height: 100%;
+  margin-left: auto;
+  padding-inline: var(--ubq-margin-s);
+  border-radius: var(--ubq-border_radius-m);
 }
-
-/* esbuild-sass-plugin:css-chunk:packages/ui/components/panels/SettingsPanel/AssetPanelSection.module.scss */
-.UBQ_AssetPanelSection-module__button--T84IN {
-  flex: 1;
+.UBQ_BackgroundTrackAddButton-module__block--zazTm > .UBQ_BackgroundTrackAddButton-module__addClipButton--JCuyI.UBQ_BackgroundTrackAddButton-module__sticky--mgPon {
+  padding-right: 0;
 }
-.UBQ_AssetPanelSection-module__button--T84IN > span > span {
-  text-align: center;
+.UBQ_BackgroundTrackAddButton-module__addClipStickySentinel--Wcwxd {
+  font-family: var(--ubq-typography-font_family, var(--ubq-typography-button-m-font_family));
+  font-size: var(--ubq-typography-button-m-size);
+  font-weight: var(--ubq-typography-button-m-weight);
+  letter-spacing: var(--ubq-typography-button-m-letter_spacing);
+  line-height: var(--ubq-typography-button-m-line_height);
+  grid-area: add-button;
+  width: max-content;
+  height: calc(var(--ubq-scale-base) * 12);
+  padding-inline: var(--ubq-margin-l);
+  visibility: hidden;
+  z-index: -999999;
 }
 
-/* esbuild-sass-plugin:css-chunk:packages/ui/components/panels/SettingsPanel/DockIconSizeSelect.module.scss */
-.UBQ_DockIconSizeSelect-module__button--ZhQKf {
-  flex: 1;
-}
-.UBQ_DockIconSizeSelect-module__button--ZhQKf > span > span {
-  text-align: center;
+/* esbuild-sass-plugin:css-chunk:packages/ui/design-system/components/CaptionDragBounds/NewTimeline.module.scss */
+.UBQ_NewTimeline-module__timeline--6rCKO {
+  -webkit-user-select: none;
+  user-select: none;
+  position: relative;
 }
-
-/* esbuild-sass-plugin:css-chunk:packages/ui/components/panels/SettingsPanel/DockLabelVisibilityToggle.module.scss */
-.UBQ_DockLabelVisibilityToggle-module__button--q3QDL {
-  flex: 1;
+.UBQ_NewTimeline-module__dragBounds--BnVaf {
+  display: grid;
+  grid-auto-flow: row;
+  align-items: stretch;
+  min-width: 100%;
+  width: max-content;
+  height: 100%;
+  -webkit-user-select: none;
+  user-select: none;
 }
-.UBQ_DockLabelVisibilityToggle-module__button--q3QDL > span > span {
-  text-align: center;
+.UBQ_NewTimeline-module__droppableTrack--dFtao {
+  padding-top: calc(var(--ubq-margin-base) * 0.25);
+  padding-bottom: calc(var(--ubq-margin-base) * 0.25);
+  border-top: calc(var(--ubq-margin-base) * 0.5) solid transparent;
+  width: 100%;
 }
-
-/* esbuild-sass-plugin:css-chunk:packages/ui/components/panels/SettingsPanel/InspectorPanelSection.module.scss */
-.UBQ_InspectorPanelSection-module__button--p-gav {
-  flex: 1;
+.UBQ_NewTimeline-module__droppableTrack--dFtao.UBQ_NewTimeline-module__dropping--7N8Ng {
+  border-top: calc(var(--ubq-margin-base) * 0.5) solid var(--ubq-focus-default);
 }
-.UBQ_InspectorPanelSection-module__button--p-gav > span > span {
-  text-align: center;
+.UBQ_NewTimeline-module__timelineElement--yFnTG {
+  position: absolute;
 }
-
-/* esbuild-sass-plugin:css-chunk:packages/ui/components/panels/SettingsPanel/InspectorPositionSelect.module.scss */
-.UBQ_InspectorPositionSelect-module__button--ebMYa {
-  flex: 1;
-  text-align: center;
+.UBQ_NewTimeline-module__fixed--mrFbh {
+  position: fixed;
+  top: 0;
+  left: 0;
+  z-index: 1;
+  pointer-events: none;
 }
-.UBQ_InspectorPositionSelect-module__button--ebMYa > span > span {
-  text-align: center;
+.UBQ_NewTimeline-module__ghost--loxmc {
+  display: block;
+  box-sizing: border-box;
+  width: 100%;
+  height: 100%;
+  overflow: "hidden";
+  opacity: 0.55;
+  background-color: var(--ubq-elevation-3);
+  border: calc(var(--ubq-scale-base) / 2) solid var(--ubq-focus-default);
+  border-radius: var(--ubq-border_radius-m);
 }
 
-/* esbuild-sass-plugin:css-chunk:packages/ui/components/panels/SettingsPanel/LanguageSelect.module.scss */
-.UBQ_LanguageSelect-module__option--0FoJ- {
-  display: flex;
-  justify-content: flex-start;
-  align-items: center;
-  min-width: 70px;
+/* esbuild-sass-plugin:css-chunk:packages/ui/components/Video/SelectionRectangle.module.scss */
+.UBQ_SelectionRectangle-module__rectangle--IhB4f {
+  position: absolute;
+  border: 1px solid var(--ubq-static-selection-frame);
+  background-color: color-mix(in srgb, var(--ubq-static-selection-frame) 10%, transparent);
+  pointer-events: none;
+  z-index: 1000;
+  z-index: calc(infinity);
 }
 
-/* esbuild-sass-plugin:css-chunk:packages/ui/components/panels/SettingsPanel/PageTitleAppendPageNameToggle.module.scss */
-.UBQ_PageTitleAppendPageNameToggle-module__button--9V94o {
-  flex: 1;
+/* esbuild-sass-plugin:css-chunk:packages/ui/components/Video/VideoTimeline.module.scss */
+.UBQ_VideoTimeline-module__block--7jS2p {
+  position: relative;
+  isolation: isolate;
+  background: var(--ubq-elevation-1-blur);
+  border: 1px solid var(--ubq-stroke-contrast-1);
+  border-radius: var(--ubq-border_radius-xl);
+  margin: 0 var(--ubq-margin-m) var(--ubq-margin-m) var(--ubq-margin-m);
+  overflow: hidden;
 }
-.UBQ_PageTitleAppendPageNameToggle-module__button--9V94o > span > span {
-  text-align: center;
+.UBQ_VideoTimeline-module__block--7jS2p::before {
+  content: "";
+  position: absolute;
+  inset: 0;
+  z-index: -1;
+  border-radius: inherit;
+  backdrop-filter: blur(10px);
+  -webkit-backdrop-filter: blur(10px);
 }
-
-/* esbuild-sass-plugin:css-chunk:packages/ui/components/panels/SettingsPanel/PageTitleDefaultTitleVisibilityToggle.module.scss */
-.UBQ_PageTitleDefaultTitleVisibilityToggle-module__button--q5EJU {
-  flex: 1;
+.UBQ_VideoTimeline-module__resizeHandle--BwFFh {
+  position: relative;
+  width: 100%;
+  height: calc(var(--ubq-scale-base) * 0.5);
+  background-color: var(--ubq-focus-default);
+  z-index: 1;
+  opacity: 0;
+  transition: 0.2s opacity 0.2s ease-in-out;
 }
-.UBQ_PageTitleDefaultTitleVisibilityToggle-module__button--q5EJU > span > span {
-  text-align: center;
+.UBQ_VideoTimeline-module__resizeHandle--BwFFh::after {
+  content: "";
+  position: absolute;
+  top: calc(var(--ubq-scale-base) * -2.5);
+  inset-inline: 0;
+  height: calc(var(--ubq-scale-base) * 5);
 }
-
-/* esbuild-sass-plugin:css-chunk:packages/ui/components/panels/SettingsPanel/PageTitleShowOnSinglePageToggle.module.scss */
-.UBQ_PageTitleShowOnSinglePageToggle-module__button--SVO3I {
-  flex: 1;
+.UBQ_VideoTimeline-module__resizeHandle--BwFFh:hover:not([aria-disabled=true]),
+.UBQ_VideoTimeline-module__resizeHandle--BwFFh[data-resizing=true] {
+  opacity: 1;
+  cursor: row-resize;
 }
-.UBQ_PageTitleShowOnSinglePageToggle-module__button--SVO3I > span > span {
-  text-align: center;
+.UBQ_VideoTimeline-module__expandable--qztys {
+  position: relative;
 }
-
-/* esbuild-sass-plugin:css-chunk:packages/ui/components/panels/SettingsPanel/PageTitleVisibilityToggle.module.scss */
-.UBQ_PageTitleVisibilityToggle-module__button--9bv5W {
-  flex: 1;
+.UBQ_VideoTimeline-module__scrollContainer--ZSu2E {
+  isolation: isolate;
+  overflow-y: auto;
+  overflow-x: auto;
+  -webkit-overflow-scrolling: touch;
+  scrollbar-width: thin;
+  scrollbar-color: var(--ubq-foreground-info) transparent;
+  overflow: scroll;
+  scrollbar-gutter: both-edges;
+  position: relative;
+  width: 100%;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
 }
-.UBQ_PageTitleVisibilityToggle-module__button--9bv5W > span > span {
-  text-align: center;
+.UBQ_VideoTimeline-module__scrollContainer--ZSu2E::-webkit-scrollbar {
+  width: calc(2 * var(--ubq-scale-base));
+  height: calc(1.5 * var(--ubq-scale-base));
 }
-
-/* esbuild-sass-plugin:css-chunk:packages/ui/components/panels/SettingsPanel/ReplacePanelSection.module.scss */
-.UBQ_ReplacePanelSection-module__button--iWiqH {
-  flex: 1;
+.UBQ_VideoTimeline-module__scrollContainer--ZSu2E::-webkit-scrollbar-track {
+  background: transparent;
+  margin: var(--ubq-margin-s) var(--ubq-margin-s);
 }
-.UBQ_ReplacePanelSection-module__button--iWiqH > span > span {
-  text-align: center;
+.UBQ_VideoTimeline-module__scrollContainer--ZSu2E::-webkit-scrollbar-thumb {
+  background-color: var(--ubq-foreground-info);
+  border-radius: var(--ubq-border_radius-m);
 }
-
-/* esbuild-sass-plugin:css-chunk:packages/ui/components/panels/SettingsPanel/RoleSelect.module.scss */
-.UBQ_RoleSelect-module__option--rbjSf {
-  display: flex;
-  justify-content: flex-start;
-  align-items: center;
-  min-width: 70px;
+.UBQ_VideoTimeline-module__scrollContainer--ZSu2E::-webkit-scrollbar-corner {
+  background: transparent;
 }
-
-/* esbuild-sass-plugin:css-chunk:packages/ui/components/panels/SettingsPanel/ScalingSelect.module.scss */
-.UBQ_ScalingSelect-module__button--SuD4n {
-  flex: 1;
+.UBQ_VideoTimeline-module__scrollContainer--ZSu2E.UBQ_VideoTimeline-module__hideVerticalOverflow--dPGRy {
+  overflow-y: hidden;
 }
-.UBQ_ScalingSelect-module__button--SuD4n > span > span {
-  text-align: center;
+.UBQ_VideoTimeline-module__timelineWrapper--3GAM9 {
+  flex-shrink: 0;
+  position: relative;
+  min-width: 100%;
+  min-height: 100%;
+  width: max-content;
+  display: grid;
+  grid-template-rows: max-content 1fr max-content;
 }
-
-/* esbuild-sass-plugin:css-chunk:packages/ui/components/panels/SettingsPanel/ThemeSelect.module.scss */
-.UBQ_ThemeSelect-module__button--yhuSS {
-  flex: 1;
-  text-align: center;
+.UBQ_VideoTimeline-module__foregroundTracks--NrHt- {
+  margin-block: var(--ubq-margin-xs);
+  margin-right: var(--ubq-margin-l);
+  align-self: flex-end;
 }
-.UBQ_ThemeSelect-module__button--yhuSS > span > span {
-  text-align: center;
+.UBQ_VideoTimeline-module__foregroundTracks--NrHt-.UBQ_VideoTimeline-module__fluidHeight--SoR0g {
+  height: max-content;
 }
-
-/* esbuild-sass-plugin:css-chunk:packages/ui/components/panels/SettingsPanel/ViewSelect.module.scss */
-.UBQ_ViewSelect-module__button--bD9lO {
-  flex: 1;
-  text-align: center;
+.UBQ_VideoTimeline-module__backgroundTracks--KH3zZ {
+  position: sticky;
+  bottom: 0;
+  isolation: isolate;
+  box-sizing: border-box;
+  min-width: 100%;
+  width: max-content;
+  min-height: calc(var(--ubq-scale-base) * 16);
+  padding-top: var(--ubq-margin-s);
+  padding-bottom: var(--ubq-margin-l);
+  padding-right: var(--ubq-margin-l);
+  display: grid;
+  grid-template-columns: repeat(2, max-content);
+  grid-template-areas: "background-clips add-button";
+  align-items: center;
+  gap: var(--ubq-margin-m);
+  background-color: var(--ubq-elevation-2);
+  border-top: 1px solid var(--ubq-stroke-contrast-1);
+  z-index: 2;
 }
-.UBQ_ViewSelect-module__button--bD9lO > span > span {
-  text-align: center;
+.UBQ_VideoTimeline-module__timeRuler--jUJdX {
+  position: sticky;
+  top: -1px;
+  z-index: 1;
 }
 
 /* esbuild-sass-plugin:css-chunk:packages/cesdk/themes/GlobalStyles.module.scss */