@orangecatai/adgen-canvas 0.0.32 → 0.0.34

package/dist/dev/index.css

@@ -3650,810 +3650,862 @@
   }
 }
 
-/* components/auto-resize/AutoResizePanel.scss */
-@keyframes ars-shimmer-sweep {
-  0% {
-    background-position: 200% 0;
-  }
-  100% {
-    background-position: -200% 0;
-  }
-}
-.ars-shimmer {
-  background: rgba(180, 200, 230, 0.12);
-}
-.ars-shimmer::after {
-  content: "";
-  display: block;
-  position: absolute;
-  inset: 0;
-  background:
-    linear-gradient(
-      90deg,
-      transparent 0%,
-      rgba(255, 255, 255, 0.45) 50%,
-      transparent 100%);
-  background-size: 200% 100%;
-  animation: ars-shimmer-sweep 1.6s ease-in-out infinite;
-}
-@keyframes ags-shimmer-sweep {
-  0% {
-    background-position: 200% 0;
-  }
-  100% {
-    background-position: -200% 0;
-  }
-}
-@keyframes ags-pulse-border {
-  0%, 100% {
-    border-color: rgba(251, 146, 60, 0.35);
-    box-shadow: 0 0 0 0 rgba(251, 146, 60, 0);
-  }
-  50% {
-    border-color: rgba(251, 146, 60, 0.7);
-    box-shadow: 0 0 12px 2px rgba(251, 146, 60, 0.18);
-  }
-}
-.ags-shimmer {
-  background: rgba(251, 146, 60, 0.05);
-  border: 2px solid rgba(251, 146, 60, 0.35);
-  border-radius: 2px;
-  animation: ags-pulse-border 2.2s ease-in-out infinite;
-}
-.ags-shimmer::after {
-  content: "";
-  display: block;
+/* components/ImageGeneratorPanel.scss */
+.excalidraw .igp {
   position: absolute;
-  inset: 0;
-  background:
-    linear-gradient(
-      110deg,
-      transparent 0%,
-      rgba(255, 255, 255, 0.22) 45%,
-      rgba(255, 200, 120, 0.18) 50%,
-      rgba(255, 255, 255, 0.22) 55%,
-      transparent 100%);
-  background-size: 200% 100%;
-  animation: ags-shimmer-sweep 1.8s ease-in-out infinite;
-}
-.excalidraw .arp {
-  width: 296px;
-  background: var(--island-bg-color);
-  border-radius: 10px;
-  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.14), 0 0 0 1px rgba(0, 0, 0, 0.06);
-  font-size: 12px;
+  z-index: var(--zIndex-canvasButtons);
+  pointer-events: all;
+  transform: translateX(-50%);
+  width: 420px;
   font-family:
     "Assistant",
     system-ui,
     -apple-system,
     sans-serif;
-  color: var(--text-primary-color, #333);
-  pointer-events: all;
-  overflow: hidden;
+  font-size: 13px;
+  color: #111;
 }
-.excalidraw .arp-header {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  padding: 10px 12px 8px;
-  border-bottom: 1px solid var(--default-border-color, #e4e4e7);
-  cursor: grab;
-  user-select: none;
+.excalidraw .igp input[type=file] {
+  display: none !important;
 }
-.excalidraw .arp-header:active {
-  cursor: grabbing;
+.excalidraw .igp input[type=text] {
+  all: unset !important;
+  box-sizing: border-box !important;
 }
-.excalidraw .arp-header__title {
-  display: flex;
-  align-items: center;
-  gap: 6px;
-  font-weight: 600;
-  font-size: 13px;
+.excalidraw .igp textarea {
+  margin: 0 !important;
+  padding: 0 !important;
+  border: none !important;
+  background: transparent !important;
+  font: inherit !important;
+  color: inherit !important;
+  letter-spacing: inherit !important;
+  word-spacing: inherit !important;
+  text-transform: none !important;
+  text-indent: 0 !important;
+  text-shadow: none !important;
+  text-align: start !important;
+  box-sizing: border-box !important;
 }
-.excalidraw .arp-header__title svg {
-  color: var(--color-primary, #4a90d9);
+.excalidraw .igp button {
+  all: unset !important;
+  box-sizing: border-box !important;
+  cursor: pointer !important;
 }
-.excalidraw .arp-header__close {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 22px;
-  height: 22px;
-  border: none;
-  background: transparent;
-  border-radius: 4px;
-  cursor: pointer;
-  padding: 0;
-  color: var(--text-secondary-color, #888);
-  transition: background 0.12s ease;
+.excalidraw .igp [data-slot=prompt-input],
+.excalidraw .igp .igp-container {
+  display: block;
+  background: #fff;
+  border: 1px solid rgba(0, 0, 0, 0.09);
+  border-radius: 16px;
+  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.08), 0 1px 4px rgba(0, 0, 0, 0.04);
+  overflow: visible;
 }
-.excalidraw .arp-header__close:hover {
-  background: var(--button-hover-bg, rgba(0, 0, 0, 0.06));
-  color: var(--text-primary-color, #333);
+.excalidraw .igp .igp-textarea {
+  display: block !important;
+  width: 100% !important;
+  min-height: 72px !important;
+  resize: none !important;
+  padding: 14px 16px 8px !important;
+  font-family: inherit !important;
+  font-size: 14px !important;
+  line-height: 1.55 !important;
+  color: #1a1a1a !important;
+  background: transparent !important;
+  border: none !important;
+  outline: none !important;
+  box-shadow: none !important;
+  -webkit-appearance: none !important;
+  appearance: none !important;
 }
-.excalidraw .arp-source {
-  padding: 5px 12px;
-  font-size: 11px;
-  color: var(--text-secondary-color, #888);
-  background: var(--default-bg-color, rgba(0, 0, 0, 0.02));
-  border-bottom: 1px solid var(--default-border-color, #e4e4e7);
+.excalidraw .igp .igp-textarea::placeholder {
+  color: #b8b8b8 !important;
+  font-weight: 400 !important;
 }
-.excalidraw .arp-section-label {
-  padding: 8px 12px 4px;
-  font-size: 10px;
-  font-weight: 600;
-  text-transform: uppercase;
-  letter-spacing: 0.5px;
-  color: var(--text-secondary-color, #888);
+.excalidraw .igp .igp-error {
+  padding: 2px 16px 6px;
+  font-size: 12px;
+  color: #e54d4d;
+  line-height: 1.4;
 }
-.excalidraw .arp-resolutions {
-  padding: 0 12px 4px;
+.excalidraw .igp .igp-ref-chips {
   display: flex;
+  flex-wrap: wrap;
   gap: 6px;
+  margin: 10px 14px 0;
 }
-.excalidraw .arp-res {
-  flex: 1;
-  padding: 5px 8px;
-  border: 1px solid var(--default-border-color, #e4e4e7);
-  border-radius: 6px;
-  background: transparent;
-  cursor: pointer;
-  font-size: 12px;
-  font-weight: 500;
-  font-family: inherit;
-  color: var(--text-primary-color, #333);
-  transition:
-    background 0.12s ease,
-    border-color 0.12s ease,
-    color 0.12s ease;
+.excalidraw .igp .igp-ref-chip {
+  display: flex;
+  align-items: center;
+  gap: 7px;
+  padding: 5px 8px 5px 6px;
+  background: #f5f5f5;
+  border-radius: 8px;
+  width: fit-content;
 }
-.excalidraw .arp-res:hover:not(.excalidraw .arp-res--disabled):not(.excalidraw .arp-res--selected) {
-  background: var(--button-hover-bg, rgba(0, 0, 0, 0.05));
+.excalidraw .igp .igp-ref-chip img {
+  width: 22px !important;
+  height: 22px !important;
+  border-radius: 5px !important;
+  object-fit: cover !important;
+  flex-shrink: 0 !important;
 }
-.excalidraw .arp-res--selected {
-  background: var(--color-primary, #4a90d9);
-  border-color: var(--color-primary, #4a90d9);
-  color: #fff;
+.excalidraw .igp .igp-ref-chip span {
+  font-size: 11.5px;
+  font-weight: 500;
+  color: #888;
 }
-.excalidraw .arp-res--disabled {
-  cursor: default;
-  opacity: 0.7;
+.excalidraw .igp .igp-ref-chip button {
+  display: flex !important;
+  align-items: center !important;
+  justify-content: center !important;
+  width: 16px !important;
+  height: 16px !important;
+  border-radius: 50% !important;
+  color: #aaa !important;
+  transition: background 0.1s ease, color 0.1s ease !important;
 }
-.excalidraw .arp-presets {
-  padding: 0 8px 4px;
-  display: flex;
-  flex-direction: column;
-  gap: 1px;
+.excalidraw .igp .igp-ref-chip button:hover {
+  background: rgba(0, 0, 0, 0.08) !important;
+  color: #555 !important;
 }
-.excalidraw .arp-preset {
+.excalidraw .igp .igp-actions {
+  display: flex !important;
+  align-items: center !important;
+  justify-content: space-between !important;
+  padding: 6px 10px 10px !important;
+  border-top: 1px solid rgba(0, 0, 0, 0.06) !important;
+  gap: 4px !important;
+}
+.excalidraw .igp .igp-actions-left,
+.excalidraw .igp .igp-actions-right {
   display: flex;
   align-items: center;
-  gap: 6px;
-  padding: 6px 8px;
-  border: none;
-  border-radius: 6px;
-  background: transparent;
-  cursor: pointer;
-  text-align: left;
-  font-size: 12px;
-  font-family: inherit;
-  color: var(--text-primary-color, #333);
-  transition: background 0.12s ease;
-  width: 100%;
+  gap: 2px;
 }
-.excalidraw .arp-preset:hover:not(.excalidraw .arp-preset--disabled) {
-  background: var(--button-hover-bg, rgba(0, 0, 0, 0.05));
+.excalidraw .igp .igp-btn {
+  display: flex !important;
+  align-items: center !important;
+  gap: 5px !important;
+  height: 28px !important;
+  padding: 0 9px !important;
+  border-radius: 8px !important;
+  font-family: inherit !important;
+  font-size: 12.5px !important;
+  font-weight: 500 !important;
+  color: #444 !important;
+  background: transparent !important;
+  white-space: nowrap !important;
+  transition: background 0.12s ease !important;
 }
-.excalidraw .arp-preset--selected {
-  background: rgba(74, 144, 217, 0.08);
-  color: var(--text-primary-color, #333);
+.excalidraw .igp .igp-btn svg {
+  color: #888;
+  flex-shrink: 0;
 }
-.excalidraw .arp-preset--disabled {
-  cursor: default;
-  opacity: 0.7;
+.excalidraw .igp .igp-btn:hover {
+  background: rgba(0, 0, 0, 0.05) !important;
 }
-.excalidraw .arp-preset__check {
-  width: 14px;
-  height: 14px;
-  border: 1.5px solid var(--default-border-color, #d0d0d0);
-  border-radius: 3px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  flex-shrink: 0;
-  background: transparent;
-  transition: background 0.12s ease, border-color 0.12s ease;
+.excalidraw .igp .igp-btn:disabled {
+  opacity: 0.4 !important;
+  cursor: not-allowed !important;
 }
-.arp-preset--selected .excalidraw .arp-preset__check {
-  background: var(--color-primary, #4a90d9);
-  border-color: var(--color-primary, #4a90d9);
-  color: white;
+.excalidraw .igp .igp-btn--compact {
+  padding: 0 7px !important;
+  color: #666 !important;
 }
-.excalidraw .arp-preset__label {
-  font-weight: 500;
-  flex: 0 0 auto;
-  min-width: 80px;
+.excalidraw .igp .igp-btn--compact svg {
+  color: #999;
 }
-.excalidraw .arp-preset__desc {
-  font-size: 11px;
-  color: var(--text-secondary-color, #999);
-  flex: 1;
+.excalidraw .igp .igp-btn--icon {
+  width: 28px !important;
+  padding: 0 !important;
+  justify-content: center !important;
+  color: #888 !important;
 }
-.excalidraw .arp-preset__status {
-  flex-shrink: 0;
-  margin-left: auto;
+.excalidraw .igp .igp-btn--active {
+  background: rgba(99, 80, 220, 0.07) !important;
+  color: #6350dc !important;
 }
-.excalidraw .arp-extras {
-  padding: 4px 12px;
-  display: flex;
-  flex-wrap: wrap;
-  gap: 4px;
+.excalidraw .igp .igp-btn--active svg {
+  color: #6350dc;
 }
-.excalidraw .arp-extra-tag {
-  display: inline-flex;
-  align-items: center;
-  gap: 4px;
-  padding: 3px 8px;
-  border-radius: 12px;
-  background: var(--color-primary-light, rgba(74, 144, 217, 0.1));
-  color: var(--color-primary, #4a90d9);
-  font-size: 11px;
-  font-weight: 500;
+.excalidraw .igp .igp-btn--active:hover {
+  background: rgba(99, 80, 220, 0.12) !important;
 }
-.excalidraw .arp-extra-tag__remove {
-  border: none;
-  background: transparent;
-  padding: 0;
-  cursor: pointer;
-  color: inherit;
-  opacity: 0.6;
-  font-size: 13px;
-  line-height: 1;
-  margin-left: 2px;
+.excalidraw .igp .igp-generate {
+  display: flex !important;
+  align-items: center !important;
+  justify-content: center !important;
+  width: 32px !important;
+  height: 32px !important;
+  border-radius: 50% !important;
+  background: #1c1c1c !important;
+  color: #fff !important;
+  margin-left: 4px !important;
+  flex-shrink: 0 !important;
+  transition: background 0.12s ease, transform 0.1s ease !important;
 }
-.excalidraw .arp-extra-tag__remove:hover {
-  opacity: 1;
+.excalidraw .igp .igp-generate:hover {
+  background: #333 !important;
 }
-.excalidraw .arp-custom-row {
-  display: flex;
-  align-items: center;
-  gap: 6px;
-  padding: 4px 12px 10px;
+.excalidraw .igp .igp-generate:active {
+  transform: scale(0.94) !important;
 }
-.excalidraw .arp-custom-input {
-  width: 56px;
-  padding: 5px 6px;
-  border: 1px solid var(--default-border-color, #e4e4e7);
-  border-radius: 5px;
-  font-size: 12px;
-  text-align: center;
-  font-family: inherit;
-  color: var(--text-primary-color, #333);
-  background: var(--input-bg-color, #fff);
-  outline: none;
-  transition: border-color 0.12s ease;
-  -moz-appearance: textfield;
+.excalidraw .igp .igp-generate:disabled {
+  background: #d0d0d0 !important;
+  cursor: not-allowed !important;
 }
-.excalidraw .arp-custom-input:focus {
-  border-color: var(--color-primary, #4a90d9);
+.excalidraw .igp .igp-dropdown-root {
+  position: relative;
 }
-.excalidraw .arp-custom-input::-webkit-outer-spin-button,
-.excalidraw .arp-custom-input::-webkit-inner-spin-button {
-  -webkit-appearance: none;
-  margin: 0;
+.excalidraw .igp .igp-dropdown {
+  position: absolute;
+  z-index: 300;
+  min-width: 160px;
+  padding: 4px;
+  background: #fff;
+  border-radius: 11px;
+  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.13), 0 0 0 1px rgba(0, 0, 0, 0.06);
 }
-.excalidraw .arp-custom-x {
-  font-size: 12px;
-  color: var(--text-secondary-color, #aaa);
+.excalidraw .igp .igp-dropdown--up {
+  bottom: calc(100% + 8px);
 }
-.excalidraw .arp-custom-add {
-  flex: 1;
-  padding: 5px 8px;
-  border: 1px solid var(--default-border-color, #e4e4e7);
-  border-radius: 5px;
-  background: transparent;
-  font-size: 12px;
-  font-family: inherit;
-  cursor: pointer;
-  color: var(--color-primary, #4a90d9);
-  transition: background 0.12s ease, border-color 0.12s ease;
-  white-space: nowrap;
+.excalidraw .igp .igp-dropdown--left {
+  left: 0;
 }
-.excalidraw .arp-custom-add:hover:not(:disabled) {
-  background: rgba(74, 144, 217, 0.06);
-  border-color: var(--color-primary, #4a90d9);
+.excalidraw .igp .igp-dropdown--right {
+  right: 0;
 }
-.excalidraw .arp-custom-add:disabled {
-  opacity: 0.4;
-  cursor: default;
+.excalidraw .igp .igp-dropdown--ratio {
+  min-width: 230px;
 }
-.excalidraw .arp-status {
+.excalidraw .igp .igp-dropdown-header {
   display: flex;
   align-items: center;
-  justify-content: center;
-  width: 16px;
-  height: 16px;
-}
-.excalidraw .arp-status--waiting {
-  color: var(--text-secondary-color, #bbb);
-  font-size: 11px;
+  gap: 5px;
+  padding: 5px 10px 3px;
+  font-size: 10px;
+  font-weight: 600;
+  color: #bbb;
+  text-transform: uppercase;
+  letter-spacing: 0.5px;
 }
-.excalidraw .arp-status--running {
-  color: var(--color-primary, #4a90d9);
+.excalidraw .igp .igp-dropdown-item {
+  display: flex !important;
+  align-items: center !important;
+  gap: 8px !important;
+  width: 100% !important;
+  padding: 7px 10px !important;
+  border-radius: 7px !important;
+  font-family: inherit !important;
+  font-size: 13px !important;
+  color: #222 !important;
+  background: transparent !important;
+  text-align: left !important;
+  transition: background 0.1s ease !important;
 }
-.excalidraw .arp-status--done {
-  color: #22c55e;
+.excalidraw .igp .igp-dropdown-item:hover {
+  background: rgba(0, 0, 0, 0.04) !important;
 }
-.excalidraw .arp-status--error {
-  color: #ef4444;
+.excalidraw .igp .igp-check {
+  color: #6350dc;
+  display: flex;
+  align-items: center;
+  flex-shrink: 0;
 }
-.excalidraw .arp-spinner {
-  animation: arp-spin 0.9s linear infinite;
+.excalidraw .igp .igp-dims {
+  font-size: 11px;
+  color: #bbb;
+  flex-shrink: 0;
 }
-@keyframes arp-spin {
+@keyframes igp-spin {
+  from {
+    transform: rotate(0deg);
+  }
   to {
     transform: rotate(360deg);
   }
 }
-.excalidraw .arp-progress {
-  padding: 8px 12px;
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  border-top: 1px solid var(--default-border-color, #e4e4e7);
-}
-.excalidraw .arp-progress__bar-bg {
-  flex: 1;
-  height: 4px;
-  background: var(--default-border-color, #e8e8e8);
-  border-radius: 2px;
-  overflow: hidden;
+.excalidraw .igp .igp-spinner {
+  animation: igp-spin 0.8s linear infinite;
 }
-.excalidraw .arp-progress__bar-fill {
-  height: 100%;
-  background: var(--color-primary, #4a90d9);
-  border-radius: 2px;
-  transition: width 0.3s ease;
+
+/* components/ChipSourceMenu.scss */
+.excalidraw .chip-source-menu {
+  position: absolute;
+  bottom: calc(100% + 6px);
+  left: 0;
+  z-index: 10;
+  min-width: 148px;
+  padding: 4px;
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+  border-radius: 8px;
+  border: 1px solid var(--color-gray-30, #e0e0e0);
+  background: var(--island-bg-color, #fff);
+  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.14);
 }
-.excalidraw .arp-progress__text {
-  font-size: 11px;
-  color: var(--text-secondary-color, #888);
-  white-space: nowrap;
+.excalidraw .chip-source-menu__title {
+  padding: 4px 8px 2px;
+  font-size: 10px;
+  letter-spacing: 0.02em;
+  text-transform: uppercase;
+  color: var(--color-gray-60, #7a7a7a);
 }
-.excalidraw .arp-error {
-  margin: 4px 12px;
-  padding: 8px 10px;
+.excalidraw .chip-source-menu__item {
+  display: flex;
+  align-items: center;
+  gap: 7px;
+  width: 100%;
+  padding: 6px 8px;
+  border: none;
   border-radius: 6px;
-  background: rgba(239, 68, 68, 0.08);
-  color: #ef4444;
-  font-size: 11px;
-  line-height: 1.4;
+  background: transparent;
+  color: var(--text-primary-color, #1b1b1f);
+  font-size: 12px;
+  text-align: left;
+  cursor: pointer;
 }
-.excalidraw .arp-actions {
-  padding: 8px 12px 10px;
+.excalidraw .chip-source-menu__item:hover {
+  background: var(--button-hover-bg, rgba(0, 0, 0, 0.06));
+}
+.excalidraw .chip-pick-hint {
   display: flex;
+  align-items: center;
   gap: 6px;
-  border-top: 1px solid var(--default-border-color, #e4e4e7);
+  padding: 4px 2px;
+  font-size: 11px;
+  color: var(--color-gray-70, #5c5c5c);
 }
-.excalidraw .arp-btn {
-  flex: 1;
-  padding: 7px 12px;
-  border-radius: 6px;
+.excalidraw .chip-pick-hint--missed {
+  color: var(--color-danger, #c92a2a);
+}
+.excalidraw .chip-pick-hint__cancel {
   border: none;
-  font-size: 12px;
-  font-family: inherit;
-  font-weight: 500;
+  background: transparent;
+  padding: 0 2px;
+  font-size: 11px;
+  text-decoration: underline;
+  color: inherit;
   cursor: pointer;
-  transition: background 0.12s ease, opacity 0.12s ease;
-}
-.excalidraw .arp-btn:disabled {
-  opacity: 0.45;
-  cursor: default;
-}
-.excalidraw .arp-btn--primary {
-  background: var(--color-primary, #4a90d9);
-  color: #fff;
 }
-.excalidraw .arp-btn--primary:hover:not(:disabled) {
-  background: var(--color-primary-darker, #3a7bc8);
+.excalidraw .chip-pick-error {
+  padding: 2px;
+  font-size: 11px;
+  color: var(--color-danger, #c92a2a);
 }
-.excalidraw .arp-btn--cancel {
-  background: rgba(239, 68, 68, 0.1);
-  color: #ef4444;
+.excalidraw .chip-slot {
+  position: relative;
+  display: inline-flex;
 }
-.excalidraw .arp-btn--cancel:hover {
-  background: rgba(239, 68, 68, 0.18);
+
+/* components/ElementPickHighlight.scss */
+.excalidraw .element-pick-highlight {
+  position: fixed;
+  z-index: 5;
+  pointer-events: none;
+  border-radius: 4px;
+  border: 2px solid var(--color-primary, #6965db);
+  background: rgba(105, 101, 219, 0.12);
+  box-shadow: 0 0 0 9999px rgba(0, 0, 0, 0.04);
+  transform-origin: center;
+  animation: element-pick-highlight-in 120ms ease-out;
 }
-.excalidraw .arp-btn--ghost {
-  background: transparent;
-  color: var(--text-secondary-color, #777);
-  border: 1px solid var(--default-border-color, #e4e4e7);
+.excalidraw .element-pick-highlight__label {
+  position: absolute;
+  top: -22px;
+  left: 0;
+  padding: 2px 6px;
+  border-radius: 4px;
+  background: var(--color-primary, #6965db);
+  color: #fff;
+  font-size: 10px;
+  font-weight: 600;
+  white-space: nowrap;
 }
-.excalidraw .arp-btn--ghost:hover {
-  background: var(--button-hover-bg, rgba(0, 0, 0, 0.04));
+@keyframes element-pick-highlight-in {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
 }
 
-/* components/ImageGeneratorPanel.scss */
-.excalidraw .igp {
+/* components/ImageQuickEditPanel.scss */
+.excalidraw .iqep__trigger-bar {
   position: absolute;
   z-index: var(--zIndex-canvasButtons);
   pointer-events: all;
   transform: translateX(-50%);
-  width: 420px;
+  display: flex;
+  align-items: center;
+  background: var(--island-bg-color);
+  border-radius: 20px;
+  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.06);
+  padding: 2px;
+}
+.excalidraw .iqep__trigger-btn {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  border: none;
+  border-radius: 16px;
+  cursor: pointer;
   font-family:
     "Assistant",
     system-ui,
     -apple-system,
     sans-serif;
-  font-size: 13px;
-  color: #111;
+  font-size: 12px;
+  font-weight: 600;
+  padding: 6px 12px;
+  background: transparent;
+  color: var(--color-primary, #4a90d9);
+  transition: background 0.15s ease;
 }
-.excalidraw .igp input[type=file] {
-  display: none !important;
+.excalidraw .iqep__trigger-btn svg {
+  color: var(--color-primary, #4a90d9);
 }
-.excalidraw .igp input[type=text] {
-  all: unset !important;
-  box-sizing: border-box !important;
+.excalidraw .iqep__trigger-btn:hover {
+  background: var(--button-hover-bg, rgba(74, 144, 217, 0.08));
 }
-.excalidraw .igp textarea {
-  margin: 0 !important;
-  padding: 0 !important;
-  border: none !important;
-  background: transparent !important;
-  font: inherit !important;
-  color: inherit !important;
-  letter-spacing: inherit !important;
-  word-spacing: inherit !important;
-  text-transform: none !important;
-  text-indent: 0 !important;
-  text-shadow: none !important;
-  text-align: start !important;
-  box-sizing: border-box !important;
+.excalidraw .iqep__ref-chip {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  padding: 8px 14px 4px;
+  font-size: 11px;
+  font-weight: 500;
+  color: var(--text-secondary-color, #888);
 }
-.excalidraw .igp button {
-  all: unset !important;
-  box-sizing: border-box !important;
-  cursor: pointer !important;
+.excalidraw .iqep__ref-chip svg {
+  flex-shrink: 0;
+  color: var(--text-secondary-color, #aaa);
 }
-.excalidraw .igp [data-slot=prompt-input],
-.excalidraw .igp .igp-container {
+
+/* components/auto-resize/AutoResizePanel.scss */
+@keyframes ars-shimmer-sweep {
+  0% {
+    background-position: 200% 0;
+  }
+  100% {
+    background-position: -200% 0;
+  }
+}
+.ars-shimmer {
+  background: rgba(180, 200, 230, 0.12);
+}
+.ars-shimmer::after {
+  content: "";
   display: block;
-  background: #fff;
-  border: 1px solid rgba(0, 0, 0, 0.09);
-  border-radius: 16px;
-  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.08), 0 1px 4px rgba(0, 0, 0, 0.04);
-  overflow: visible;
+  position: absolute;
+  inset: 0;
+  background:
+    linear-gradient(
+      90deg,
+      transparent 0%,
+      rgba(255, 255, 255, 0.45) 50%,
+      transparent 100%);
+  background-size: 200% 100%;
+  animation: ars-shimmer-sweep 1.6s ease-in-out infinite;
 }
-.excalidraw .igp .igp-textarea {
-  display: block !important;
-  width: 100% !important;
-  min-height: 72px !important;
-  resize: none !important;
-  padding: 14px 16px 8px !important;
-  font-family: inherit !important;
-  font-size: 14px !important;
-  line-height: 1.55 !important;
-  color: #1a1a1a !important;
-  background: transparent !important;
-  border: none !important;
-  outline: none !important;
-  box-shadow: none !important;
-  -webkit-appearance: none !important;
-  appearance: none !important;
+@keyframes ags-shimmer-sweep {
+  0% {
+    background-position: 200% 0;
+  }
+  100% {
+    background-position: -200% 0;
+  }
 }
-.excalidraw .igp .igp-textarea::placeholder {
-  color: #b8b8b8 !important;
-  font-weight: 400 !important;
+@keyframes ags-pulse-border {
+  0%, 100% {
+    border-color: rgba(251, 146, 60, 0.35);
+    box-shadow: 0 0 0 0 rgba(251, 146, 60, 0);
+  }
+  50% {
+    border-color: rgba(251, 146, 60, 0.7);
+    box-shadow: 0 0 12px 2px rgba(251, 146, 60, 0.18);
+  }
 }
-.excalidraw .igp .igp-error {
-  padding: 2px 16px 6px;
+.ags-shimmer {
+  background: rgba(251, 146, 60, 0.05);
+  border: 2px solid rgba(251, 146, 60, 0.35);
+  border-radius: 2px;
+  animation: ags-pulse-border 2.2s ease-in-out infinite;
+}
+.ags-shimmer::after {
+  content: "";
+  display: block;
+  position: absolute;
+  inset: 0;
+  background:
+    linear-gradient(
+      110deg,
+      transparent 0%,
+      rgba(255, 255, 255, 0.22) 45%,
+      rgba(255, 200, 120, 0.18) 50%,
+      rgba(255, 255, 255, 0.22) 55%,
+      transparent 100%);
+  background-size: 200% 100%;
+  animation: ags-shimmer-sweep 1.8s ease-in-out infinite;
+}
+.excalidraw .arp {
+  width: 296px;
+  background: var(--island-bg-color);
+  border-radius: 10px;
+  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.14), 0 0 0 1px rgba(0, 0, 0, 0.06);
   font-size: 12px;
-  color: #e54d4d;
-  line-height: 1.4;
+  font-family:
+    "Assistant",
+    system-ui,
+    -apple-system,
+    sans-serif;
+  color: var(--text-primary-color, #333);
+  pointer-events: all;
+  overflow: hidden;
 }
-.excalidraw .igp .igp-ref-chips {
+.excalidraw .arp-header {
   display: flex;
-  flex-wrap: wrap;
+  align-items: center;
+  justify-content: space-between;
+  padding: 10px 12px 8px;
+  border-bottom: 1px solid var(--default-border-color, #e4e4e7);
+  cursor: grab;
+  user-select: none;
+}
+.excalidraw .arp-header:active {
+  cursor: grabbing;
+}
+.excalidraw .arp-header__title {
+  display: flex;
+  align-items: center;
   gap: 6px;
-  margin: 10px 14px 0;
+  font-weight: 600;
+  font-size: 13px;
 }
-.excalidraw .igp .igp-ref-chip {
+.excalidraw .arp-header__title svg {
+  color: var(--color-primary, #4a90d9);
+}
+.excalidraw .arp-header__close {
   display: flex;
   align-items: center;
-  gap: 7px;
-  padding: 5px 8px 5px 6px;
-  background: #f5f5f5;
-  border-radius: 8px;
-  width: fit-content;
+  justify-content: center;
+  width: 22px;
+  height: 22px;
+  border: none;
+  background: transparent;
+  border-radius: 4px;
+  cursor: pointer;
+  padding: 0;
+  color: var(--text-secondary-color, #888);
+  transition: background 0.12s ease;
 }
-.excalidraw .igp .igp-ref-chip img {
-  width: 22px !important;
-  height: 22px !important;
-  border-radius: 5px !important;
-  object-fit: cover !important;
-  flex-shrink: 0 !important;
+.excalidraw .arp-header__close:hover {
+  background: var(--button-hover-bg, rgba(0, 0, 0, 0.06));
+  color: var(--text-primary-color, #333);
 }
-.excalidraw .igp .igp-ref-chip span {
-  font-size: 11.5px;
-  font-weight: 500;
-  color: #888;
+.excalidraw .arp-source {
+  padding: 5px 12px;
+  font-size: 11px;
+  color: var(--text-secondary-color, #888);
+  background: var(--default-bg-color, rgba(0, 0, 0, 0.02));
+  border-bottom: 1px solid var(--default-border-color, #e4e4e7);
 }
-.excalidraw .igp .igp-ref-chip button {
-  display: flex !important;
-  align-items: center !important;
-  justify-content: center !important;
-  width: 16px !important;
-  height: 16px !important;
-  border-radius: 50% !important;
-  color: #aaa !important;
-  transition: background 0.1s ease, color 0.1s ease !important;
+.excalidraw .arp-section-label {
+  padding: 8px 12px 4px;
+  font-size: 10px;
+  font-weight: 600;
+  text-transform: uppercase;
+  letter-spacing: 0.5px;
+  color: var(--text-secondary-color, #888);
 }
-.excalidraw .igp .igp-ref-chip button:hover {
-  background: rgba(0, 0, 0, 0.08) !important;
-  color: #555 !important;
+.excalidraw .arp-resolutions {
+  padding: 0 12px 4px;
+  display: flex;
+  gap: 6px;
 }
-.excalidraw .igp .igp-actions {
-  display: flex !important;
-  align-items: center !important;
-  justify-content: space-between !important;
-  padding: 6px 10px 10px !important;
-  border-top: 1px solid rgba(0, 0, 0, 0.06) !important;
-  gap: 4px !important;
+.excalidraw .arp-res {
+  flex: 1;
+  padding: 5px 8px;
+  border: 1px solid var(--default-border-color, #e4e4e7);
+  border-radius: 6px;
+  background: transparent;
+  cursor: pointer;
+  font-size: 12px;
+  font-weight: 500;
+  font-family: inherit;
+  color: var(--text-primary-color, #333);
+  transition:
+    background 0.12s ease,
+    border-color 0.12s ease,
+    color 0.12s ease;
 }
-.excalidraw .igp .igp-actions-left,
-.excalidraw .igp .igp-actions-right {
-  display: flex;
-  align-items: center;
-  gap: 2px;
+.excalidraw .arp-res:hover:not(.excalidraw .arp-res--disabled):not(.excalidraw .arp-res--selected) {
+  background: var(--button-hover-bg, rgba(0, 0, 0, 0.05));
 }
-.excalidraw .igp .igp-btn {
-  display: flex !important;
-  align-items: center !important;
-  gap: 5px !important;
-  height: 28px !important;
-  padding: 0 9px !important;
-  border-radius: 8px !important;
-  font-family: inherit !important;
-  font-size: 12.5px !important;
-  font-weight: 500 !important;
-  color: #444 !important;
-  background: transparent !important;
-  white-space: nowrap !important;
-  transition: background 0.12s ease !important;
+.excalidraw .arp-res--selected {
+  background: var(--color-primary, #4a90d9);
+  border-color: var(--color-primary, #4a90d9);
+  color: #fff;
 }
-.excalidraw .igp .igp-btn svg {
-  color: #888;
-  flex-shrink: 0;
+.excalidraw .arp-res--disabled {
+  cursor: default;
+  opacity: 0.7;
 }
-.excalidraw .igp .igp-btn:hover {
-  background: rgba(0, 0, 0, 0.05) !important;
+.excalidraw .arp-presets {
+  padding: 0 8px 4px;
+  display: flex;
+  flex-direction: column;
+  gap: 1px;
 }
-.excalidraw .igp .igp-btn:disabled {
-  opacity: 0.4 !important;
-  cursor: not-allowed !important;
+.excalidraw .arp-preset {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  padding: 6px 8px;
+  border: none;
+  border-radius: 6px;
+  background: transparent;
+  cursor: pointer;
+  text-align: left;
+  font-size: 12px;
+  font-family: inherit;
+  color: var(--text-primary-color, #333);
+  transition: background 0.12s ease;
+  width: 100%;
 }
-.excalidraw .igp .igp-btn--compact {
-  padding: 0 7px !important;
-  color: #666 !important;
+.excalidraw .arp-preset:hover:not(.excalidraw .arp-preset--disabled) {
+  background: var(--button-hover-bg, rgba(0, 0, 0, 0.05));
 }
-.excalidraw .igp .igp-btn--compact svg {
-  color: #999;
+.excalidraw .arp-preset--selected {
+  background: rgba(74, 144, 217, 0.08);
+  color: var(--text-primary-color, #333);
 }
-.excalidraw .igp .igp-btn--icon {
-  width: 28px !important;
-  padding: 0 !important;
-  justify-content: center !important;
-  color: #888 !important;
+.excalidraw .arp-preset--disabled {
+  cursor: default;
+  opacity: 0.7;
 }
-.excalidraw .igp .igp-btn--active {
-  background: rgba(99, 80, 220, 0.07) !important;
-  color: #6350dc !important;
+.excalidraw .arp-preset__check {
+  width: 14px;
+  height: 14px;
+  border: 1.5px solid var(--default-border-color, #d0d0d0);
+  border-radius: 3px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+  background: transparent;
+  transition: background 0.12s ease, border-color 0.12s ease;
 }
-.excalidraw .igp .igp-btn--active svg {
-  color: #6350dc;
+.arp-preset--selected .excalidraw .arp-preset__check {
+  background: var(--color-primary, #4a90d9);
+  border-color: var(--color-primary, #4a90d9);
+  color: white;
 }
-.excalidraw .igp .igp-btn--active:hover {
-  background: rgba(99, 80, 220, 0.12) !important;
+.excalidraw .arp-preset__label {
+  font-weight: 500;
+  flex: 0 0 auto;
+  min-width: 80px;
 }
-.excalidraw .igp .igp-generate {
-  display: flex !important;
-  align-items: center !important;
-  justify-content: center !important;
-  width: 32px !important;
-  height: 32px !important;
-  border-radius: 50% !important;
-  background: #1c1c1c !important;
-  color: #fff !important;
-  margin-left: 4px !important;
-  flex-shrink: 0 !important;
-  transition: background 0.12s ease, transform 0.1s ease !important;
+.excalidraw .arp-preset__desc {
+  font-size: 11px;
+  color: var(--text-secondary-color, #999);
+  flex: 1;
 }
-.excalidraw .igp .igp-generate:hover {
-  background: #333 !important;
+.excalidraw .arp-preset__status {
+  flex-shrink: 0;
+  margin-left: auto;
 }
-.excalidraw .igp .igp-generate:active {
-  transform: scale(0.94) !important;
+.excalidraw .arp-extras {
+  padding: 4px 12px;
+  display: flex;
+  flex-wrap: wrap;
+  gap: 4px;
 }
-.excalidraw .igp .igp-generate:disabled {
-  background: #d0d0d0 !important;
-  cursor: not-allowed !important;
+.excalidraw .arp-extra-tag {
+  display: inline-flex;
+  align-items: center;
+  gap: 4px;
+  padding: 3px 8px;
+  border-radius: 12px;
+  background: var(--color-primary-light, rgba(74, 144, 217, 0.1));
+  color: var(--color-primary, #4a90d9);
+  font-size: 11px;
+  font-weight: 500;
 }
-.excalidraw .igp .igp-dropdown-root {
-  position: relative;
+.excalidraw .arp-extra-tag__remove {
+  border: none;
+  background: transparent;
+  padding: 0;
+  cursor: pointer;
+  color: inherit;
+  opacity: 0.6;
+  font-size: 13px;
+  line-height: 1;
+  margin-left: 2px;
 }
-.excalidraw .igp .igp-dropdown {
-  position: absolute;
-  z-index: 300;
-  min-width: 160px;
-  padding: 4px;
-  background: #fff;
-  border-radius: 11px;
-  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.13), 0 0 0 1px rgba(0, 0, 0, 0.06);
+.excalidraw .arp-extra-tag__remove:hover {
+  opacity: 1;
 }
-.excalidraw .igp .igp-dropdown--up {
-  bottom: calc(100% + 8px);
+.excalidraw .arp-custom-row {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  padding: 4px 12px 10px;
 }
-.excalidraw .igp .igp-dropdown--left {
-  left: 0;
+.excalidraw .arp-custom-input {
+  width: 56px;
+  padding: 5px 6px;
+  border: 1px solid var(--default-border-color, #e4e4e7);
+  border-radius: 5px;
+  font-size: 12px;
+  text-align: center;
+  font-family: inherit;
+  color: var(--text-primary-color, #333);
+  background: var(--input-bg-color, #fff);
+  outline: none;
+  transition: border-color 0.12s ease;
+  -moz-appearance: textfield;
 }
-.excalidraw .igp .igp-dropdown--right {
-  right: 0;
+.excalidraw .arp-custom-input:focus {
+  border-color: var(--color-primary, #4a90d9);
 }
-.excalidraw .igp .igp-dropdown--ratio {
-  min-width: 230px;
+.excalidraw .arp-custom-input::-webkit-outer-spin-button,
+.excalidraw .arp-custom-input::-webkit-inner-spin-button {
+  -webkit-appearance: none;
+  margin: 0;
 }
-.excalidraw .igp .igp-dropdown-header {
-  display: flex;
-  align-items: center;
-  gap: 5px;
-  padding: 5px 10px 3px;
-  font-size: 10px;
-  font-weight: 600;
-  color: #bbb;
-  text-transform: uppercase;
-  letter-spacing: 0.5px;
+.excalidraw .arp-custom-x {
+  font-size: 12px;
+  color: var(--text-secondary-color, #aaa);
 }
-.excalidraw .igp .igp-dropdown-item {
-  display: flex !important;
-  align-items: center !important;
-  gap: 8px !important;
-  width: 100% !important;
-  padding: 7px 10px !important;
-  border-radius: 7px !important;
-  font-family: inherit !important;
-  font-size: 13px !important;
-  color: #222 !important;
-  background: transparent !important;
-  text-align: left !important;
-  transition: background 0.1s ease !important;
+.excalidraw .arp-custom-add {
+  flex: 1;
+  padding: 5px 8px;
+  border: 1px solid var(--default-border-color, #e4e4e7);
+  border-radius: 5px;
+  background: transparent;
+  font-size: 12px;
+  font-family: inherit;
+  cursor: pointer;
+  color: var(--color-primary, #4a90d9);
+  transition: background 0.12s ease, border-color 0.12s ease;
+  white-space: nowrap;
 }
-.excalidraw .igp .igp-dropdown-item:hover {
-  background: rgba(0, 0, 0, 0.04) !important;
+.excalidraw .arp-custom-add:hover:not(:disabled) {
+  background: rgba(74, 144, 217, 0.06);
+  border-color: var(--color-primary, #4a90d9);
 }
-.excalidraw .igp .igp-check {
-  color: #6350dc;
+.excalidraw .arp-custom-add:disabled {
+  opacity: 0.4;
+  cursor: default;
+}
+.excalidraw .arp-status {
   display: flex;
   align-items: center;
-  flex-shrink: 0;
+  justify-content: center;
+  width: 16px;
+  height: 16px;
 }
-.excalidraw .igp .igp-dims {
+.excalidraw .arp-status--waiting {
+  color: var(--text-secondary-color, #bbb);
   font-size: 11px;
-  color: #bbb;
-  flex-shrink: 0;
 }
-@keyframes igp-spin {
-  from {
-    transform: rotate(0deg);
-  }
+.excalidraw .arp-status--running {
+  color: var(--color-primary, #4a90d9);
+}
+.excalidraw .arp-status--done {
+  color: #22c55e;
+}
+.excalidraw .arp-status--error {
+  color: #ef4444;
+}
+.excalidraw .arp-spinner {
+  animation: arp-spin 0.9s linear infinite;
+}
+@keyframes arp-spin {
   to {
     transform: rotate(360deg);
   }
 }
-.excalidraw .igp .igp-spinner {
-  animation: igp-spin 0.8s linear infinite;
-}
-
-/* components/ChipSourceMenu.scss */
-.excalidraw .chip-source-menu {
-  position: absolute;
-  bottom: calc(100% + 6px);
-  left: 0;
-  z-index: 10;
-  min-width: 148px;
-  padding: 4px;
+.excalidraw .arp-progress {
+  padding: 8px 12px;
   display: flex;
-  flex-direction: column;
-  gap: 2px;
-  border-radius: 8px;
-  border: 1px solid var(--color-gray-30, #e0e0e0);
-  background: var(--island-bg-color, #fff);
-  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.14);
+  align-items: center;
+  gap: 8px;
+  border-top: 1px solid var(--default-border-color, #e4e4e7);
 }
-.excalidraw .chip-source-menu__title {
-  padding: 4px 8px 2px;
-  font-size: 10px;
-  letter-spacing: 0.02em;
-  text-transform: uppercase;
-  color: var(--color-gray-60, #7a7a7a);
+.excalidraw .arp-progress__bar-bg {
+  flex: 1;
+  height: 4px;
+  background: var(--default-border-color, #e8e8e8);
+  border-radius: 2px;
+  overflow: hidden;
 }
-.excalidraw .chip-source-menu__item {
-  display: flex;
-  align-items: center;
-  gap: 7px;
-  width: 100%;
-  padding: 6px 8px;
-  border: none;
-  border-radius: 6px;
-  background: transparent;
-  color: var(--text-primary-color, #1b1b1f);
-  font-size: 12px;
-  text-align: left;
-  cursor: pointer;
+.excalidraw .arp-progress__bar-fill {
+  height: 100%;
+  background: var(--color-primary, #4a90d9);
+  border-radius: 2px;
+  transition: width 0.3s ease;
 }
-.excalidraw .chip-source-menu__item:hover {
-  background: var(--button-hover-bg, rgba(0, 0, 0, 0.06));
+.excalidraw .arp-progress__text {
+  font-size: 11px;
+  color: var(--text-secondary-color, #888);
+  white-space: nowrap;
 }
-.excalidraw .chip-pick-hint {
-  display: flex;
-  align-items: center;
-  gap: 6px;
-  padding: 4px 2px;
+.excalidraw .arp-error {
+  margin: 4px 12px;
+  padding: 8px 10px;
+  border-radius: 6px;
+  background: rgba(239, 68, 68, 0.08);
+  color: #ef4444;
   font-size: 11px;
-  color: var(--color-gray-70, #5c5c5c);
+  line-height: 1.4;
 }
-.excalidraw .chip-pick-hint--missed {
-  color: var(--color-danger, #c92a2a);
+.excalidraw .arp-actions {
+  padding: 8px 12px 10px;
+  display: flex;
+  gap: 6px;
+  border-top: 1px solid var(--default-border-color, #e4e4e7);
 }
-.excalidraw .chip-pick-hint__cancel {
+.excalidraw .arp-btn {
+  flex: 1;
+  padding: 7px 12px;
+  border-radius: 6px;
   border: none;
-  background: transparent;
-  padding: 0 2px;
-  font-size: 11px;
-  text-decoration: underline;
-  color: inherit;
+  font-size: 12px;
+  font-family: inherit;
+  font-weight: 500;
   cursor: pointer;
+  transition: background 0.12s ease, opacity 0.12s ease;
 }
-.excalidraw .chip-pick-error {
-  padding: 2px;
-  font-size: 11px;
-  color: var(--color-danger, #c92a2a);
+.excalidraw .arp-btn:disabled {
+  opacity: 0.45;
+  cursor: default;
 }
-.excalidraw .chip-slot {
-  position: relative;
-  display: inline-flex;
+.excalidraw .arp-btn--primary {
+  background: var(--color-primary, #4a90d9);
+  color: #fff;
 }
-
-/* components/ElementPickHighlight.scss */
-.excalidraw .element-pick-highlight {
-  position: fixed;
-  z-index: 5;
-  pointer-events: none;
-  border-radius: 4px;
-  border: 2px solid var(--color-primary, #6965db);
-  background: rgba(105, 101, 219, 0.12);
-  box-shadow: 0 0 0 9999px rgba(0, 0, 0, 0.04);
-  transform-origin: center;
-  animation: element-pick-highlight-in 120ms ease-out;
+.excalidraw .arp-btn--primary:hover:not(:disabled) {
+  background: var(--color-primary-darker, #3a7bc8);
 }
-.excalidraw .element-pick-highlight__label {
-  position: absolute;
-  top: -22px;
-  left: 0;
-  padding: 2px 6px;
-  border-radius: 4px;
-  background: var(--color-primary, #6965db);
-  color: #fff;
-  font-size: 10px;
-  font-weight: 600;
-  white-space: nowrap;
+.excalidraw .arp-btn--cancel {
+  background: rgba(239, 68, 68, 0.1);
+  color: #ef4444;
 }
-@keyframes element-pick-highlight-in {
-  from {
-    opacity: 0;
-  }
-  to {
-    opacity: 1;
-  }
+.excalidraw .arp-btn--cancel:hover {
+  background: rgba(239, 68, 68, 0.18);
+}
+.excalidraw .arp-btn--ghost {
+  background: transparent;
+  color: var(--text-secondary-color, #777);
+  border: 1px solid var(--default-border-color, #e4e4e7);
+}
+.excalidraw .arp-btn--ghost:hover {
+  background: var(--button-hover-bg, rgba(0, 0, 0, 0.04));
 }
 
 /* components/VideoChainPanel.scss */
@@ -5205,58 +5257,6 @@
   }
 }
 
-/* components/ImageQuickEditPanel.scss */
-.excalidraw .iqep__trigger-bar {
-  position: absolute;
-  z-index: var(--zIndex-canvasButtons);
-  pointer-events: all;
-  transform: translateX(-50%);
-  display: flex;
-  align-items: center;
-  background: var(--island-bg-color);
-  border-radius: 20px;
-  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.06);
-  padding: 2px;
-}
-.excalidraw .iqep__trigger-btn {
-  display: flex;
-  align-items: center;
-  gap: 6px;
-  border: none;
-  border-radius: 16px;
-  cursor: pointer;
-  font-family:
-    "Assistant",
-    system-ui,
-    -apple-system,
-    sans-serif;
-  font-size: 12px;
-  font-weight: 600;
-  padding: 6px 12px;
-  background: transparent;
-  color: var(--color-primary, #4a90d9);
-  transition: background 0.15s ease;
-}
-.excalidraw .iqep__trigger-btn svg {
-  color: var(--color-primary, #4a90d9);
-}
-.excalidraw .iqep__trigger-btn:hover {
-  background: var(--button-hover-bg, rgba(74, 144, 217, 0.08));
-}
-.excalidraw .iqep__ref-chip {
-  display: flex;
-  align-items: center;
-  gap: 6px;
-  padding: 8px 14px 4px;
-  font-size: 11px;
-  font-weight: 500;
-  color: var(--text-secondary-color, #888);
-}
-.excalidraw .iqep__ref-chip svg {
-  flex-shrink: 0;
-  color: var(--text-secondary-color, #aaa);
-}
-
 /* components/ImageEditToolbar.scss */
 .excalidraw .iet {
   position: absolute;
@@ -5388,6 +5388,16 @@
   margin: 0 4px;
   flex-shrink: 0;
 }
+.excalidraw .iet__dims {
+  font-size: 12px;
+  line-height: 1;
+  white-space: nowrap;
+  flex-shrink: 0;
+  padding: 0 2px;
+  color: var(--color-gray-60, #6b6b6b);
+  font-variant-numeric: tabular-nums;
+  user-select: none;
+}
 .excalidraw .iet__download-btn {
   padding: 6px 8px;
 }
@@ -10793,6 +10803,9 @@ body.excalidraw-cursor-resize * {
   .min-w-\[var\(--radix-select-trigger-width\)\] {
     min-width: var(--radix-select-trigger-width);
   }
+  .shrink {
+    flex-shrink: 1;
+  }
   .shrink-0 {
     flex-shrink: 0;
   }