@cesdk/cesdk-js 1.69.0-nightly.20260129 → 1.69.0-nightly.20260131

package/assets/i18n/de.json

@@ -456,6 +456,7 @@
   "component.timeline.label": "Zeitleiste",
   "component.timeline.pause.description": "Gesamtes Video $t(common.pause)",
   "component.timeline.play.description": "Gesamtes Video $t(common.play)",
+  "component.timeline.resize.dynamicHeight.description": "Doppelklicken für dynamische Höhe",
   "component.timeline.scale.down": "Verkleinern",
   "component.timeline.scale.down.description": "Zeitleiste Maßstab verkleinern",
   "component.timeline.scale.fit": "Ansicht einpassen",
@@ -539,6 +540,7 @@
   "input.animations": "Animationen",
   "input.animations.description": "Animationen auswählen",
   "input.appearance": "Aussehen",
+  "input.appearance.tooltip": "Aussehen ändern",
   "input.aspectLock": "Proportionen beibehalten",
   "input.aspectLock.description": "Proportionen beibehalten / frei",
   "input.audio.duration.description": "Audio-Dauer",
@@ -572,6 +574,9 @@
   "input.caption.mergePrevious": "Mit voriger zusammenführen",
   "input.caption.more": "Zeilen Optionen",
   "input.caption.out": "Endzeitpunkt",
+  "input.caption.panel.title.create": "Untertitel hinzufügen",
+  "input.caption.panel.title.edit": "Untertitel",
+  "input.caption.panel.title.style": "Untertitel",
   "input.caption.showTimings": "Zeiten anzeigen",
   "input.caption.style": "Stil",
   "input.character": "Schrift",
@@ -644,6 +649,7 @@
   "input.showInExport": "Im Export anzeigen",
   "input.sliderInput.toggleNumberInput": "Direkte Werteingabe einblenden",
   "input.stroke": "Kontur",
+  "input.style": "Stil",
   "input.text.advanced": "$t(common.advanced)",
   "input.text.advanced.description": "Zeilenhöhe, Abstände, Ausrichtung & Größe",
   "input.text.placeholder": "Etwas aufschreiben",

package/assets/i18n/en.json

@@ -456,6 +456,7 @@
   "component.timeline.audio.options.description": "Audio Element Options",
   "component.timeline.pause.description": "$t(common.pause) complete video",
   "component.timeline.play.description": "$t(common.play) complete video",
+  "component.timeline.resize.dynamicHeight.description": "Double-click for dynamic height",
   "component.timeline.scale.down": "Reduce",
   "component.timeline.scale.down.description": "Reduce Timeline Scale",
   "component.timeline.scale.fit": "Fit View",
@@ -539,6 +540,7 @@
   "input.animations": "Animations",
   "input.animations.description": "Choose animations",
   "input.appearance": "Appearance",
+  "input.appearance.tooltip": "Change appearance",
   "input.aspectLock": "Lock proportions",
   "input.aspectLock.description": "Toggle proportion lock",
   "input.audio.duration.description": "Audio Duration",
@@ -573,7 +575,10 @@
   "input.caption.create": "Create Manually",
   "input.caption.file": "Import File",
   "input.caption.import.error.title": "Caption Import Failed",
-  "input.caption.import.error.message": "We couldn’t import your captions. Please check the file and try again.",
+  "input.caption.import.error.message": "We couldn't import your captions. Please check the file and try again.",
+  "input.caption.panel.title.create": "Add Captions",
+  "input.caption.panel.title.edit": "Captions",
+  "input.caption.panel.title.style": "Captions",
   "input.character": "Character",
   "input.clipContent": "Clip Content",
   "input.clipContent.off.description": "Turn clip content off",
@@ -644,6 +649,7 @@
   "input.showInExport": "Show in Export",
   "input.sliderInput.toggleNumberInput": "Display direct value input",
   "input.stroke": "Stroke",
+  "input.style": "Style",
   "input.text.advanced": "$t(common.advanced)",
   "input.text.advanced.description": "Line Height, Spacing, Alignment & Sizing",
   "input.text.placeholder": "Write Something",

package/assets/ui/stylesheets/cesdk-themes.css

@@ -10,7 +10,7 @@
   --ubq-foreground-accent: hsl(208 14% 18%);
   --ubq-foreground-active: hsl(221 100% 80%);
   --ubq-foreground-default: hsl(200 11% 95%);
-  --ubq-foreground-info: hsl(200 11% 95% / 0.5);
+  --ubq-foreground-info: hsl(200 11% 95% / 0.55);
   --ubq-foreground-light: hsl(200 11% 95% / 0.7);
   --ubq-foreground-danger-default: hsl(208 14% 18%);
   --ubq-foreground-notice-default: hsl(208 14% 18%);
@@ -36,7 +36,7 @@
   --ubq-interactive-template-pressed: hsl(273 100% 77%);
   --ubq-input-default: hsl(200 27% 4%);
   --ubq-input-hover: hsl(210 22% 7%);
-  --ubq-progress: hsl(207 9% 39%);
+  --ubq-progress: hsl(207 9% 42%);
   --ubq-border-default: hsl(0 0% 100% / 0.16);
   --ubq-stroke-contrast-1: hsl(200 11% 95% / 0.12);
   --ubq-stroke-contrast-2: hsl(200 11% 95% / 0.25);
@@ -73,9 +73,9 @@
   --ubq-elevation-2-blur: hsl(240 8% 97% / 0.85);
   --ubq-elevation-3-blur: hsl(240 8% 97% / 0.85);
   --ubq-foreground-accent: hsl(200 11% 95%);
-  --ubq-foreground-active: hsl(228 100% 65%);
+  --ubq-foreground-active: hsl(228 100% 44%);
   --ubq-foreground-default: hsl(208 14% 18%);
-  --ubq-foreground-info: hsl(208 14% 18% / 0.5);
+  --ubq-foreground-info: hsl(208 14% 18% / 0.65);
   --ubq-foreground-light: hsl(208 14% 18% / 0.7);
   --ubq-foreground-danger-default: hsl(200 11% 95%);
   --ubq-foreground-notice-default: hsl(200 11% 95%);
@@ -110,7 +110,7 @@
   --ubq-focus-outline: hsl(231 76% 54% / 0.35);
   --ubq-overlay: hsl(207 18% 10% / 0.8);
   --ubq-notice-error: hsl(340 66% 54%);
-  --ubq-notice-info: hsl(207 7% 51%);
+  --ubq-notice-info: hsl(207 7% 40%);
   --ubq-notice-success: hsl(165 100% 30%);
   --ubq-notice-warning: hsl(39 100% 34%);
   --ubq-effect-shadow: 0px 1px 2px 0px hsla(0, 0%, 0%, 0.16), 0px 0px 0px 0.5px hsla(0, 0%, 0%, 0.08);

package/assets/ui/stylesheets/cesdk.css

@@ -1059,6 +1059,9 @@
 .UBQ_ColorPreviewFieldButton-module__block--HQSbc.UBQ_ColorPreviewFieldButton-module__modern--gtVq2 {
   padding: calc(var(--ubq-margin-s) - var(--ubq-margin-xs) / 2) var(--ubq-margin-xs) calc(var(--ubq-margin-s) - var(--ubq-margin-xs) / 2) calc(var(--ubq-margin-s) - var(--ubq-margin-xs) / 2);
 }
+.UBQ_ColorPreviewFieldButton-module__block--HQSbc.UBQ_ColorPreviewFieldButton-module__modern--gtVq2.UBQ_ColorPreviewFieldButton-module__colorPreviewOnly---de4N {
+  padding: calc(var(--ubq-margin-s) - var(--ubq-margin-xs) / 2);
+}
 .UBQ_ColorPreviewFieldButton-module__colorPreviewOnly---de4N {
   padding: calc(var(--ubq-margin-xs) / 2);
 }
@@ -5762,6 +5765,31 @@ footer {
 .UBQ_PanelBuilder-module__section--x3-yI > div:has(> ul[role=menu]) {
   padding: var(--ubq-margin-s);
 }
+.UBQ_PanelBuilder-module__scrollableSection--7-Zw9 {
+  overflow-y: auto;
+  overflow-x: auto;
+  -webkit-overflow-scrolling: touch;
+  scrollbar-width: thin;
+  scrollbar-color: var(--ubq-foreground-info) transparent;
+  flex: 1;
+  min-height: 0;
+  overflow-y: auto;
+}
+.UBQ_PanelBuilder-module__scrollableSection--7-Zw9::-webkit-scrollbar {
+  width: calc(2 * var(--ubq-scale-base));
+  height: calc(1.5 * var(--ubq-scale-base));
+}
+.UBQ_PanelBuilder-module__scrollableSection--7-Zw9::-webkit-scrollbar-track {
+  background: transparent;
+  margin: var(--ubq-margin-s) var(--ubq-margin-s);
+}
+.UBQ_PanelBuilder-module__scrollableSection--7-Zw9::-webkit-scrollbar-thumb {
+  background-color: var(--ubq-foreground-info);
+  border-radius: var(--ubq-border_radius-m);
+}
+.UBQ_PanelBuilder-module__scrollableSection--7-Zw9::-webkit-scrollbar-corner {
+  background: transparent;
+}
 
 /* esbuild-sass-plugin:css-chunk:packages/ui/builder/Suffix.module.scss */
 .UBQ_Suffix-module__block--W2fb5 {
@@ -6470,138 +6498,6 @@ svg.UBQ_DockBuilder-module__circularProgress---105B.UBQ_DockBuilder-module__larg
   margin: 0;
 }
 
-/* esbuild-sass-plugin:css-chunk:packages/ui/components/panels/CaptionPanel.module.scss */
-.UBQ_CaptionPanel-module__separator--y5IZG {
-  margin-block: 0;
-}
-.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_CaptionPanel-module__formSection--64DUT::-webkit-scrollbar {
-  width: calc(2 * var(--ubq-scale-base));
-  height: calc(1.5 * var(--ubq-scale-base));
-}
-.UBQ_CaptionPanel-module__formSection--64DUT::-webkit-scrollbar-track {
-  background: transparent;
-  margin: var(--ubq-margin-s) var(--ubq-margin-s);
-}
-.UBQ_CaptionPanel-module__formSection--64DUT::-webkit-scrollbar-thumb {
-  background-color: var(--ubq-foreground-info);
-  border-radius: var(--ubq-border_radius-m);
-}
-.UBQ_CaptionPanel-module__formSection--64DUT::-webkit-scrollbar-corner {
-  background: transparent;
-}
-.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_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/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/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_CaptionInput-module__captionInputWrapper---E69c textarea {
-  height: calc(8 * var(--ubq-scale-base));
-  min-height: calc(8 * var(--ubq-scale-base));
-  max-height: unset;
-}
-.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_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_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_CaptionInput-module__captionInputWrapper---E69c:hover::before {
-  background-color: var(--ubq-interactive-hover);
-}
-.UBQ_CaptionInput-module__captionInputWrapper---E69c[data-selected=true]::before {
-  background-color: var(--ubq-interactive-accent-default);
-}
-.UBQ_CaptionInput-module__timeInputs--i4wmQ {
-  display: flex;
-  flex-direction: column;
-  gap: var(--ubq-margin-xs);
-}
-
-/* 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_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_CaptionRow-module__rowOptionsMenu--WQMH9 {
-  align-self: start;
-  visibility: hidden;
-}
-
-/* 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_CaptionImport-module__fileUploadButton--LG4LK {
-  margin-right: 0;
-}
-
 /* esbuild-sass-plugin:css-chunk:packages/ui/components/panels/CustomPanelError.module.scss */
 .UBQ_CustomPanelError-module__block--k98jX {
   width: 100%;
@@ -7149,6 +7045,38 @@ svg.UBQ_DockBuilder-module__circularProgress---105B.UBQ_DockBuilder-module__larg
   transform: translateX(-100%);
 }
 
+/* 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: calc(var(--ubq-scale-base) * 12);
+}
+.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);
+}
+.UBQ_BackgroundTrackAddButton-module__block--zazTm > .UBQ_BackgroundTrackAddButton-module__addClipButton--JCuyI.UBQ_BackgroundTrackAddButton-module__sticky--mgPon {
+  padding-right: 0;
+}
+.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/Video/PlayHead.module.scss */
 .UBQ_PlayHead-module__block--L6eKu {
   z-index: 3;
@@ -7167,6 +7095,7 @@ svg.UBQ_DockBuilder-module__circularProgress---105B.UBQ_DockBuilder-module__larg
   padding: var(--ubq-margin-s) var(--ubq-margin-l);
   -webkit-user-select: none;
   user-select: none;
+  -webkit-user-drag: none;
 }
 .UBQ_VideoTimelineControls-module__group--O98jr {
   display: flex;
@@ -7252,38 +7181,6 @@ svg.UBQ_DockBuilder-module__circularProgress---105B.UBQ_DockBuilder-module__larg
   background: transparent;
 }
 
-/* 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: calc(var(--ubq-scale-base) * 12);
-}
-.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);
-}
-.UBQ_BackgroundTrackAddButton-module__block--zazTm > .UBQ_BackgroundTrackAddButton-module__addClipButton--JCuyI.UBQ_BackgroundTrackAddButton-module__sticky--mgPon {
-  padding-right: 0;
-}
-.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/design-system/components/CaptionDragBounds/NewTimeline.module.scss */
 .UBQ_NewTimeline-module__timeline--6rCKO {
   -webkit-user-select: none;
@@ -7342,13 +7239,16 @@ svg.UBQ_DockBuilder-module__circularProgress---105B.UBQ_DockBuilder-module__larg
 }
 
 /* esbuild-sass-plugin:css-chunk:packages/ui/components/Video/VideoTimeline.module.scss */
+.UBQ_VideoTimeline-module__blockWrapper--h7Hee {
+  position: relative;
+  margin: 0 var(--ubq-margin-m) var(--ubq-margin-m) var(--ubq-margin-m);
+}
 .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_VideoTimeline-module__block--7jS2p::before {
@@ -7361,11 +7261,15 @@ svg.UBQ_DockBuilder-module__circularProgress---105B.UBQ_DockBuilder-module__larg
   -webkit-backdrop-filter: blur(10px);
 }
 .UBQ_VideoTimeline-module__resizeHandle--BwFFh {
-  position: relative;
-  width: 100%;
+  position: absolute;
+  top: 0;
+  left: var(--ubq-margin-m);
+  right: var(--ubq-margin-m);
+  transform: translateY(-50%);
   height: calc(var(--ubq-scale-base) * 0.5);
   background-color: var(--ubq-focus-default);
-  z-index: 1;
+  border-radius: var(--ubq-border_radius-s);
+  z-index: 10;
   opacity: 0;
   transition: 0.2s opacity 0.2s ease-in-out;
 }
@@ -7373,7 +7277,7 @@ svg.UBQ_DockBuilder-module__circularProgress---105B.UBQ_DockBuilder-module__larg
   content: "";
   position: absolute;
   top: calc(var(--ubq-scale-base) * -2.5);
-  inset-inline: 0;
+  inset-inline: calc(-1 * var(--ubq-margin-m));
   height: calc(var(--ubq-scale-base) * 5);
 }
 .UBQ_VideoTimeline-module__resizeHandle--BwFFh:hover:not([aria-disabled=true]),
@@ -7424,7 +7328,7 @@ svg.UBQ_DockBuilder-module__circularProgress---105B.UBQ_DockBuilder-module__larg
   min-height: 100%;
   width: max-content;
   display: grid;
-  grid-template-rows: max-content 1fr max-content;
+  grid-template-rows: max-content auto max-content;
 }
 .UBQ_VideoTimeline-module__foregroundTracks--NrHt- {
   margin-block: var(--ubq-margin-xs);
@@ -7459,6 +7363,9 @@ svg.UBQ_DockBuilder-module__circularProgress---105B.UBQ_DockBuilder-module__larg
   top: -1px;
   z-index: 1;
 }
+.UBQ_VideoTimeline-module__hideVerticalOverflow--dPGRy .UBQ_VideoTimeline-module__timeRuler--jUJdX {
+  border-bottom: none;
+}
 
 /* esbuild-sass-plugin:css-chunk:packages/cesdk/themes/GlobalStyles.module.scss */
 .react-draggable-transparent-selection {
@@ -7619,6 +7526,106 @@ svg.UBQ_DockBuilder-module__circularProgress---105B.UBQ_DockBuilder-module__larg
   align-items: center;
 }
 
+/* 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/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_CaptionInput-module__captionInputWrapper---E69c textarea {
+  height: calc(8 * var(--ubq-scale-base));
+  min-height: calc(8 * var(--ubq-scale-base));
+  max-height: unset;
+}
+.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_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_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_CaptionInput-module__captionInputWrapper---E69c:hover::before {
+  background-color: var(--ubq-interactive-hover);
+}
+.UBQ_CaptionInput-module__captionInputWrapper---E69c[data-selected=true]::before {
+  background-color: var(--ubq-interactive-accent-default);
+}
+.UBQ_CaptionInput-module__timeInputs--i4wmQ {
+  display: flex;
+  flex-direction: column;
+  gap: var(--ubq-margin-xs);
+}
+
+/* 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_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_CaptionRow-module__rowOptionsMenu--WQMH9 {
+  align-self: start;
+  visibility: hidden;
+}
+
+/* esbuild-sass-plugin:css-chunk:packages/ui/components/panels/CaptionPanel/CaptionPanelAdd.module.scss */
+.UBQ_CaptionPanelAdd-module__wrapper--0S1tg {
+  display: grid;
+  grid-template-columns: 1fr calc(6 * var(--ubq-scale-base));
+  gap: var(--ubq-margin-s);
+}
+
+/* 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_CaptionImport-module__fileUploadButton--LG4LK {
+  margin-right: 0;
+}
+
+/* esbuild-sass-plugin:css-chunk:packages/ui/components/panels/CaptionPanel/CaptionPresetLibrary.module.scss */
+.UBQ_CaptionPresetLibrary-module__wrapper--yqCtU {
+  display: flex;
+  flex-direction: column;
+  flex: 1;
+  min-height: 0;
+}
+.UBQ_CaptionPresetLibrary-module__wrapper--yqCtU [class*=AssetLibraryGrid-module__block],
+.UBQ_CaptionPresetLibrary-module__wrapper--yqCtU [class*=AssetLibraryOverview-module__block] {
+  padding: 0;
+}
+
 /* esbuild-sass-plugin:css-chunk:packages/ui/components/Inspector/OpacityOptions.module.scss */
 .UBQ_OpacityOptions-module__opacityPopoverContent--vm6Wu {
   width: calc(60 * var(--ubq-scale-base));