@blqke/vgentation 0.1.0

package/dist/vgentation.css

@@ -0,0 +1,1790 @@
+@keyframes _popupEnter_9tl63_1 {
+from {
+    opacity: 0;
+    transform: translateX(-50%) scale(0.95) translateY(4px);
+}
+to {
+    opacity: 1;
+    transform: translateX(-50%) scale(1) translateY(0);
+}
+}
+@keyframes _popupExit_9tl63_1 {
+from {
+    opacity: 1;
+    transform: translateX(-50%) scale(1) translateY(0);
+}
+to {
+    opacity: 0;
+    transform: translateX(-50%) scale(0.95) translateY(4px);
+}
+}
+@keyframes _shake_9tl63_63 {
+0%, 100% {
+    transform: translateX(-50%) scale(1) translateY(0) translateX(0);
+}
+20% {
+    transform: translateX(-50%) scale(1) translateY(0) translateX(-3px);
+}
+40% {
+    transform: translateX(-50%) scale(1) translateY(0) translateX(3px);
+}
+60% {
+    transform: translateX(-50%) scale(1) translateY(0) translateX(-2px);
+}
+80% {
+    transform: translateX(-50%) scale(1) translateY(0) translateX(2px);
+}
+}
+._popup_9tl63_38 {
+  position: fixed;
+  transform: translateX(-50%);
+  width: 280px;
+  padding: 0.75rem 1rem 14px;
+  background: #1a1a1a;
+  border-radius: 16px;
+  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(255, 255, 255, 0.08);
+  cursor: default;
+  z-index: 100001;
+  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
+  will-change: transform, opacity;
+  contain: layout style;
+  opacity: 0;
+}
+._popup_9tl63_38._enter_9tl63_53 {
+  animation: _popupEnter_9tl63_1 0.2s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
+}
+._popup_9tl63_38._entered_9tl63_56 {
+  opacity: 1;
+  transform: translateX(-50%) scale(1) translateY(0);
+}
+._popup_9tl63_38._exit_9tl63_60 {
+  animation: _popupExit_9tl63_1 0.15s ease-in forwards;
+}
+._popup_9tl63_38._entered_9tl63_56._shake_9tl63_63 {
+  animation: _shake_9tl63_63 0.25s ease-out;
+}
+._header_9tl63_67 {
+  display: flex;
+  flex-direction: column;
+  gap: 0.25rem;
+  margin-bottom: 0.5rem;
+}
+._componentTree_9tl63_74 {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 0.15rem;
+  line-height: 1.4;
+  font-size: 0.6875rem;
+}
+._componentTreeItem_9tl63_83 {
+  color: rgba(255, 255, 255, 0.5);
+}
+._componentTreeItem_9tl63_83._current_9tl63_86 {
+  color: #fff;
+  font-weight: 600;
+  background: rgba(255, 255, 255, 0.12);
+  padding: 0.1rem 0.35rem;
+  border-radius: 0.25rem;
+}
+._componentTreeItem_9tl63_83._clickable_9tl63_93 {
+  cursor: pointer;
+  padding: 0.1rem 0.35rem;
+  border-radius: 0.25rem;
+  transition: background-color 0.15s ease, color 0.15s ease;
+}
+._componentTreeItem_9tl63_83._clickable_9tl63_93:hover {
+  background: rgba(255, 255, 255, 0.1);
+  color: rgba(255, 255, 255, 0.85);
+}
+._componentTreeSeparator_9tl63_104 {
+  color: rgba(255, 255, 255, 0.25);
+  font-size: 0.6rem;
+  margin: 0 0.1rem;
+}
+._element_9tl63_110 {
+  font-size: 0.75rem;
+  font-weight: 500;
+  color: rgba(255, 255, 255, 0.65);
+  max-width: 100%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  flex: 1;
+}
+._element_9tl63_110._secondary_9tl63_120 {
+  font-size: 0.6875rem;
+  color: rgba(255, 255, 255, 0.4);
+  border-top: 1px solid rgba(255, 255, 255, 0.08);
+  padding-top: 0.35rem;
+  margin-top: 0.1rem;
+}
+._timestamp_9tl63_128 {
+  font-size: 0.625rem;
+  font-weight: 500;
+  color: rgba(255, 255, 255, 0.35);
+  font-variant-numeric: tabular-nums;
+  margin-left: 0.5rem;
+  flex-shrink: 0;
+}
+._quote_9tl63_137 {
+  font-size: 0.6875rem;
+  font-style: italic;
+  color: rgba(255, 255, 255, 0.5);
+  margin-bottom: 0.5rem;
+  padding: 0.4rem 0.5rem;
+  background: rgba(255, 255, 255, 0.05);
+  border-radius: 0.25rem;
+  line-height: 1.45;
+}
+._textarea_9tl63_148 {
+  width: 100%;
+  padding: 0.5rem 0.625rem;
+  font-size: 0.8125rem;
+  font-family: inherit;
+  background: rgba(255, 255, 255, 0.05);
+  color: #fff;
+  border: 1px solid rgba(255, 255, 255, 0.15);
+  border-radius: 8px;
+  resize: none;
+  outline: none;
+  transition: border-color 0.15s ease;
+}
+._textarea_9tl63_148:focus {
+  border-color: #3c82f7;
+}
+._textarea_9tl63_148._green_9tl63_164:focus {
+  border-color: #34c759;
+}
+._textarea_9tl63_148::placeholder {
+  color: rgba(255, 255, 255, 0.35);
+}
+._textarea_9tl63_148::-webkit-scrollbar {
+  width: 6px;
+}
+._textarea_9tl63_148::-webkit-scrollbar-track {
+  background: transparent;
+}
+._textarea_9tl63_148::-webkit-scrollbar-thumb {
+  background: rgba(255, 255, 255, 0.2);
+  border-radius: 3px;
+}
+._actions_9tl63_181 {
+  display: flex;
+  justify-content: flex-end;
+  gap: 0.375rem;
+  margin-top: 0.5rem;
+}
+._cancel_9tl63_188,
+._submit_9tl63_189 {
+  padding: 0.4rem 0.875rem;
+  font-size: 0.75rem;
+  font-weight: 500;
+  border-radius: 1rem;
+  border: none;
+  cursor: pointer;
+  transition: background-color 0.15s ease, color 0.15s ease, opacity 0.15s ease;
+}
+._cancel_9tl63_188 {
+  background: transparent;
+  color: rgba(255, 255, 255, 0.5);
+}
+._cancel_9tl63_188:hover {
+  background: rgba(255, 255, 255, 0.1);
+  color: rgba(255, 255, 255, 0.8);
+}
+._submit_9tl63_189 {
+  color: white;
+}
+._submit_9tl63_189:hover:not(:disabled) {
+  filter: brightness(0.9);
+}
+._submit_9tl63_189:disabled {
+  cursor: not-allowed;
+}
+._light_9tl63_218._popup_9tl63_38 {
+  background: #fff;
+  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.12), 0 0 0 1px rgba(0, 0, 0, 0.06);
+}
+._light_9tl63_218 ._componentTreeItem_9tl63_83 {
+  color: rgba(0, 0, 0, 0.45);
+}
+._light_9tl63_218 ._componentTreeItem_9tl63_83._current_9tl63_86 {
+  color: rgba(0, 0, 0, 0.85);
+  background: rgba(0, 0, 0, 0.08);
+}
+._light_9tl63_218 ._componentTreeItem_9tl63_83._clickable_9tl63_93:hover {
+  background: rgba(0, 0, 0, 0.06);
+  color: rgba(0, 0, 0, 0.7);
+}
+._light_9tl63_218 ._componentTreeSeparator_9tl63_104 {
+  color: rgba(0, 0, 0, 0.25);
+}
+._light_9tl63_218 ._element_9tl63_110 {
+  color: rgba(0, 0, 0, 0.6);
+}
+._light_9tl63_218 ._element_9tl63_110._secondary_9tl63_120 {
+  color: rgba(0, 0, 0, 0.45);
+  border-top-color: rgba(0, 0, 0, 0.08);
+}
+._light_9tl63_218 ._timestamp_9tl63_128 {
+  color: rgba(0, 0, 0, 0.4);
+}
+._light_9tl63_218 ._quote_9tl63_137 {
+  color: rgba(0, 0, 0, 0.55);
+  background: rgba(0, 0, 0, 0.04);
+}
+._light_9tl63_218 ._textarea_9tl63_148 {
+  background: rgba(0, 0, 0, 0.03);
+  color: #1a1a1a;
+  border-color: rgba(0, 0, 0, 0.12);
+}
+._light_9tl63_218 ._textarea_9tl63_148::placeholder {
+  color: rgba(0, 0, 0, 0.4);
+}
+._light_9tl63_218 ._textarea_9tl63_148::-webkit-scrollbar-thumb {
+  background: rgba(0, 0, 0, 0.15);
+}
+._light_9tl63_218 ._cancel_9tl63_188 {
+  color: rgba(0, 0, 0, 0.5);
+}
+._light_9tl63_218 ._cancel_9tl63_188:hover {
+  background: rgba(0, 0, 0, 0.06);
+  color: rgba(0, 0, 0, 0.75);
+}
+._icon_a7gnh_2 {
+  transition:
+    opacity 0.2s ease,
+    transform 0.2s ease;
+  transform-origin: center;
+}
+
+._state_s49fw_2 {
+  transition: opacity 0.2s ease;
+}
+
+._element_1aiql_2 {
+  transition: opacity 0.15s ease;
+}
+
+@keyframes _checkDraw_1izk9_1 {
+0% {
+    stroke-dashoffset: 12;
+}
+100% {
+    stroke-dashoffset: 0;
+}
+}
+@keyframes _checkBounce_1izk9_1 {
+0% {
+    transform: scale(0.5);
+    opacity: 0;
+}
+50% {
+    transform: scale(1.12);
+    opacity: 1;
+}
+75% {
+    transform: scale(0.95);
+}
+100% {
+    transform: scale(1);
+}
+}
+._checkPath_1izk9_28 {
+  stroke-dasharray: 12;
+  stroke-dashoffset: 0;
+  transform-origin: center;
+  animation:
+    _checkDraw_1izk9_1 0.18s ease-out,
+    _checkBounce_1izk9_1 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
+}
+
+@keyframes _bunnyEnterEar_1p1jt_1 {
+0% {
+    opacity: 0;
+    transform: scale(0.8);
+}
+100% {
+    opacity: 1;
+    transform: scale(1);
+}
+}
+@keyframes _bunnyEnterFace_1p1jt_1 {
+0% {
+    opacity: 0;
+    transform: scale(0.9);
+}
+100% {
+    opacity: 1;
+    transform: scale(1);
+}
+}
+@keyframes _bunnyEnterEye_1p1jt_1 {
+0% {
+    opacity: 0;
+    transform: scale(0.5);
+}
+100% {
+    opacity: 1;
+    transform: scale(1);
+}
+}
+@keyframes _leftEyeLook_1p1jt_1 {
+0%,
+  8% {
+    transform: translate(0, 0);
+}
+10%,
+  18% {
+    transform: translate(1.5px, 0);
+}
+20%,
+  22% {
+    transform: translate(1.5px, 0) scaleY(0.1);
+}
+24%,
+  32% {
+    transform: translate(1.5px, 0);
+}
+35%,
+  48% {
+    transform: translate(-0.8px, -0.6px);
+}
+52%,
+  54% {
+    transform: translate(0, 0) scaleY(0.1);
+}
+56%,
+  68% {
+    transform: translate(0, 0);
+}
+72%,
+  82% {
+    transform: translate(-0.5px, 0.5px);
+}
+85%,
+  100% {
+    transform: translate(0, 0);
+}
+}
+@keyframes _rightEyeLook_1p1jt_1 {
+0%,
+  8% {
+    transform: translate(0, 0);
+}
+10%,
+  18% {
+    transform: translate(0.8px, 0);
+}
+20%,
+  22% {
+    transform: translate(0.8px, 0) scaleY(0.1);
+}
+24%,
+  32% {
+    transform: translate(0.8px, 0);
+}
+35%,
+  48% {
+    transform: translate(-1.5px, -0.6px);
+}
+52%,
+  54% {
+    transform: translate(0, 0) scaleY(0.1);
+}
+56%,
+  68% {
+    transform: translate(0, 0);
+}
+72%,
+  82% {
+    transform: translate(-1.2px, 0.5px);
+}
+85%,
+  100% {
+    transform: translate(0, 0);
+}
+}
+@keyframes _leftEarTwitch_1p1jt_1 {
+0%,
+  9% {
+    transform: rotate(0deg);
+}
+12% {
+    transform: rotate(-8deg);
+}
+16%,
+  34% {
+    transform: rotate(0deg);
+}
+38% {
+    transform: rotate(-12deg);
+}
+42% {
+    transform: rotate(-6deg);
+}
+48%,
+  100% {
+    transform: rotate(0deg);
+}
+}
+@keyframes _rightEarTwitch_1p1jt_1 {
+0%,
+  9% {
+    transform: rotate(0deg);
+}
+12% {
+    transform: rotate(6deg);
+}
+16%,
+  34% {
+    transform: rotate(0deg);
+}
+38% {
+    transform: rotate(10deg);
+}
+42% {
+    transform: rotate(4deg);
+}
+48%,
+  71% {
+    transform: rotate(0deg);
+}
+74% {
+    transform: rotate(8deg);
+}
+78%,
+  100% {
+    transform: rotate(0deg);
+}
+}
+._eyeLeft_1p1jt_168 {
+  opacity: 0;
+  animation:
+    _bunnyEnterEye_1p1jt_1 0.3s ease-out 0.35s forwards,
+    _leftEyeLook_1p1jt_1 5s ease-in-out 0.65s infinite;
+  transform-origin: center;
+  transform-box: fill-box;
+}
+._eyeRight_1p1jt_177 {
+  opacity: 0;
+  animation:
+    _bunnyEnterEye_1p1jt_1 0.3s ease-out 0.4s forwards,
+    _rightEyeLook_1p1jt_1 5s ease-in-out 0.7s infinite;
+  transform-origin: center;
+  transform-box: fill-box;
+}
+._earLeft_1p1jt_186 {
+  opacity: 0;
+  animation:
+    _bunnyEnterEar_1p1jt_1 0.3s ease-out 0.1s forwards,
+    _leftEarTwitch_1p1jt_1 5s ease-in-out 0.4s infinite;
+  transform-origin: bottom center;
+  transform-box: fill-box;
+}
+._earRight_1p1jt_195 {
+  opacity: 0;
+  animation:
+    _bunnyEnterEar_1p1jt_1 0.3s ease-out 0.15s forwards,
+    _rightEarTwitch_1p1jt_1 5s ease-in-out 0.45s infinite;
+  transform-origin: bottom center;
+  transform-box: fill-box;
+}
+._face_1p1jt_204 {
+  opacity: 0;
+  animation: _bunnyEnterFace_1p1jt_1 0.3s ease-out 0.25s forwards;
+  transform-origin: center;
+  transform-box: fill-box;
+}
+._bunny_1p1jt_211:hover ._eyeLeft_1p1jt_168,
+._bunny_1p1jt_211:hover ._eyeRight_1p1jt_177 {
+  opacity: 0;
+  transition: opacity 0.2s ease;
+}
+._happyFace_1p1jt_217 {
+  opacity: 0;
+  transition: opacity 0.2s ease;
+}
+._bunny_1p1jt_211:hover ._happyFace_1p1jt_217 {
+  opacity: 1;
+}
+@keyframes _toolbarEnter_1pqyy_1 {
+  from {
+    opacity: 0;
+    transform: scale(0.5) rotate(90deg);
+  }
+  to {
+    opacity: 1;
+    transform: scale(1) rotate(0deg);
+  }
+}
+@keyframes _badgeEnter_1pqyy_1 {
+  from {
+    opacity: 0;
+    transform: scale(0);
+  }
+  to {
+    opacity: 1;
+    transform: scale(1);
+  }
+}
+@keyframes _scaleIn_1pqyy_1 {
+  from {
+    opacity: 0;
+    transform: scale(0.85);
+  }
+  to {
+    opacity: 1;
+    transform: scale(1);
+  }
+}
+@keyframes _scaleOut_1pqyy_1 {
+  from {
+    opacity: 1;
+    transform: scale(1);
+  }
+  to {
+    opacity: 0;
+    transform: scale(0.85);
+  }
+}
+@keyframes _slideUp_1pqyy_1 {
+  from {
+    opacity: 0;
+    transform: scale(0.85) translateY(8px);
+  }
+  to {
+    opacity: 1;
+    transform: scale(1) translateY(0);
+  }
+}
+@keyframes _slideDown_1pqyy_1 {
+  from {
+    opacity: 1;
+    transform: scale(1) translateY(0);
+  }
+  to {
+    opacity: 0;
+    transform: scale(0.85) translateY(8px);
+  }
+}
+@keyframes _markerIn_1pqyy_1 {
+  0% {
+    opacity: 0;
+    transform: translate(-50%, -50%) scale(0.3);
+  }
+  100% {
+    opacity: 1;
+    transform: translate(-50%, -50%) scale(1);
+  }
+}
+@keyframes _markerOut_1pqyy_1 {
+  0% {
+    opacity: 1;
+    transform: translate(-50%, -50%) scale(1);
+  }
+  100% {
+    opacity: 0;
+    transform: translate(-50%, -50%) scale(0.3);
+  }
+}
+@keyframes _fadeIn_1pqyy_1 {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+}
+@keyframes _fadeOut_1pqyy_270 {
+  from {
+    opacity: 1;
+  }
+  to {
+    opacity: 0;
+  }
+}
+@keyframes _tooltipIn_1pqyy_1 {
+  from {
+    opacity: 0;
+    transform: translateX(-50%) translateY(2px) scale(0.98);
+  }
+  to {
+    opacity: 1;
+    transform: translateX(-50%) translateY(0) scale(1);
+  }
+}
+@keyframes _hoverHighlightIn_1pqyy_1 {
+  from {
+    opacity: 0;
+    transform: scale(0.98);
+  }
+  to {
+    opacity: 1;
+    transform: scale(1);
+  }
+}
+@keyframes _hoverTooltipIn_1pqyy_1 {
+  from {
+    opacity: 0;
+    transform: scale(0.95) translateY(4px);
+  }
+  to {
+    opacity: 1;
+    transform: scale(1) translateY(0);
+  }
+}
+@keyframes _settingsPanelIn_1pqyy_1 {
+  from {
+    opacity: 0;
+    transform: translateY(10px) scale(0.95);
+    filter: blur(5px);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0) scale(1);
+    filter: blur(0px);
+  }
+}
+@keyframes _settingsPanelOut_1pqyy_1 {
+  from {
+    opacity: 1;
+    transform: translateY(0) scale(1);
+    filter: blur(0px);
+  }
+  to {
+    opacity: 0;
+    transform: translateY(20px) scale(0.95);
+    filter: blur(5px);
+  }
+}
+._toolbar_1pqyy_151 {
+  position: fixed;
+  bottom: 1.25rem;
+  right: 1.25rem;
+  width: 295px;
+  z-index: 100000;
+  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
+  pointer-events: none;
+  transition: left 0s, top 0s, right 0s, bottom 0s;
+}
+
+._toolbarContainer_1pqyy_162 {
+  user-select: none;
+  margin-left: auto;
+  align-self: flex-end;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: #1a1a1a;
+  color: #fff;
+  border: none;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2), 0 4px 16px rgba(0, 0, 0, 0.1);
+  pointer-events: auto;
+  cursor: grab;
+  transition: width 0.4s cubic-bezier(0.19, 1, 0.22, 1), transform 0.4s cubic-bezier(0.19, 1, 0.22, 1);
+}
+._toolbarContainer_1pqyy_162._dragging_1pqyy_177 {
+  transition: width 0.4s cubic-bezier(0.19, 1, 0.22, 1);
+  cursor: grabbing;
+}
+._toolbarContainer_1pqyy_162._entrance_1pqyy_181 {
+  animation: _toolbarEnter_1pqyy_1 0.5s cubic-bezier(0.34, 1.2, 0.64, 1) forwards;
+}
+._toolbarContainer_1pqyy_162._collapsed_1pqyy_184 {
+  width: 44px;
+  height: 44px;
+  border-radius: 22px;
+  padding: 0;
+  cursor: pointer;
+}
+._toolbarContainer_1pqyy_162._collapsed_1pqyy_184 svg {
+  margin-top: -1px;
+}
+._toolbarContainer_1pqyy_162._collapsed_1pqyy_184:hover {
+  background: #2a2a2a;
+}
+._toolbarContainer_1pqyy_162._collapsed_1pqyy_184:active {
+  transform: scale(0.95);
+}
+._toolbarContainer_1pqyy_162._expanded_1pqyy_200 {
+  width: calc-size(auto, size);
+  height: 44px;
+  border-radius: 1.5rem;
+  padding: 0.375rem;
+}
+@supports not (width: calc-size(auto, size)) {
+  ._toolbarContainer_1pqyy_162._expanded_1pqyy_200 {
+    width: 295px;
+  }
+}
+
+._toggleContent_1pqyy_212 {
+  position: absolute;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  transition: opacity 0.1s cubic-bezier(0.19, 1, 0.22, 1);
+}
+._toggleContent_1pqyy_212._visible_1pqyy_219 {
+  opacity: 1;
+  visibility: visible;
+  pointer-events: auto;
+}
+._toggleContent_1pqyy_212._hidden_1pqyy_224 {
+  opacity: 0;
+  pointer-events: none;
+}
+
+._controlsContent_1pqyy_229 {
+  display: flex;
+  align-items: center;
+  gap: 0.375rem;
+  transition: filter 0.8s cubic-bezier(0.19, 1, 0.22, 1), opacity 0.8s cubic-bezier(0.19, 1, 0.22, 1), transform 0.6s cubic-bezier(0.19, 1, 0.22, 1);
+}
+._controlsContent_1pqyy_229._visible_1pqyy_219 {
+  opacity: 1;
+  filter: blur(0px);
+  transform: scale(1);
+  visibility: visible;
+  pointer-events: auto;
+}
+._controlsContent_1pqyy_229._hidden_1pqyy_224 {
+  opacity: 0;
+  filter: blur(10px);
+  transform: scale(0.4);
+  pointer-events: none;
+}
+
+._badge_1pqyy_249 {
+  position: absolute;
+  top: -16px;
+  right: -16px;
+  user-select: none;
+  min-width: 18px;
+  height: 18px;
+  padding: 0 5px;
+  border-radius: 9px;
+  background: #3c82f7;
+  color: white;
+  font-size: 0.625rem;
+  font-weight: 600;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
+  opacity: 1;
+  transition: transform 0.3s ease, opacity 0.2s ease;
+  transform: scale(1);
+}
+._badge_1pqyy_249._fadeOut_1pqyy_270 {
+  opacity: 0;
+  transform: scale(0);
+  pointer-events: none;
+}
+._badge_1pqyy_249._entrance_1pqyy_181 {
+  animation: _badgeEnter_1pqyy_1 0.3s cubic-bezier(0.34, 1.2, 0.64, 1) 0.4s both;
+}
+
+._controlButton_1pqyy_279 {
+  cursor: pointer !important;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 34px;
+  height: 34px;
+  border-radius: 50%;
+  border: none;
+  background: transparent;
+  color: rgba(255, 255, 255, 0.85);
+  transition: background-color 0.15s ease, color 0.15s ease, transform 0.1s ease;
+}
+._controlButton_1pqyy_279:hover:not(:disabled) {
+  background: rgba(255, 255, 255, 0.12);
+  color: #fff;
+}
+._controlButton_1pqyy_279:active:not(:disabled) {
+  transform: scale(0.92);
+}
+._controlButton_1pqyy_279:disabled {
+  opacity: 0.35;
+  cursor: not-allowed;
+}
+._controlButton_1pqyy_279[data-active=true] {
+  color: #3c82f7;
+  background: rgba(60, 130, 247, 0.25);
+}
+._controlButton_1pqyy_279[data-danger]:hover:not(:disabled) {
+  background: rgba(255, 59, 48, 0.25);
+  color: #ff3b30;
+}
+
+._divider_1pqyy_312 {
+  width: 1px;
+  height: 12px;
+  background: rgba(255, 255, 255, 0.15);
+  margin: 0 0.125rem;
+}
+
+._overlay_1pqyy_319 {
+  position: fixed;
+  inset: 0;
+  z-index: 99997;
+  pointer-events: none;
+}
+._overlay_1pqyy_319 > * {
+  pointer-events: auto;
+}
+
+._hoverHighlight_1pqyy_329 {
+  position: fixed;
+  border: 2px solid rgba(60, 130, 247, 0.5);
+  border-radius: 4px;
+  pointer-events: none !important;
+  background: rgba(60, 130, 247, 0.04);
+  box-sizing: border-box;
+  will-change: opacity;
+  contain: layout style;
+}
+._hoverHighlight_1pqyy_329._enter_1pqyy_339 {
+  animation: _hoverHighlightIn_1pqyy_1 0.12s ease-out forwards;
+}
+
+._multiSelectOutline_1pqyy_343 {
+  position: fixed;
+  border: 2px dashed rgba(52, 199, 89, 0.6);
+  border-radius: 4px;
+  pointer-events: none !important;
+  background: rgba(52, 199, 89, 0.05);
+  box-sizing: border-box;
+  will-change: opacity;
+}
+._multiSelectOutline_1pqyy_343._enter_1pqyy_339 {
+  animation: _fadeIn_1pqyy_1 0.15s ease-out forwards;
+}
+._multiSelectOutline_1pqyy_343._exit_1pqyy_355 {
+  animation: _fadeOut_1pqyy_270 0.15s ease-out forwards;
+}
+
+._singleSelectOutline_1pqyy_359 {
+  position: fixed;
+  border: 2px solid rgba(60, 130, 247, 0.6);
+  border-radius: 4px;
+  pointer-events: none !important;
+  background: rgba(60, 130, 247, 0.05);
+  box-sizing: border-box;
+  will-change: opacity;
+}
+._singleSelectOutline_1pqyy_359._enter_1pqyy_339 {
+  animation: _fadeIn_1pqyy_1 0.15s ease-out forwards;
+}
+._singleSelectOutline_1pqyy_359._exit_1pqyy_355 {
+  animation: _fadeOut_1pqyy_270 0.15s ease-out forwards;
+}
+
+._hoverTooltip_1pqyy_375 {
+  position: fixed;
+  font-size: 0.6875rem;
+  font-weight: 500;
+  color: #fff;
+  background: rgba(0, 0, 0, 0.9);
+  padding: 0.5rem 0.75rem;
+  border-radius: 0.5rem;
+  pointer-events: none !important;
+  max-width: 400px;
+  display: flex;
+  flex-direction: column;
+  gap: 0.35rem;
+  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
+  backdrop-filter: blur(8px);
+}
+._hoverTooltip_1pqyy_375._enter_1pqyy_339 {
+  animation: _hoverTooltipIn_1pqyy_1 0.1s ease-out forwards;
+}
+
+._hoverTooltipPath_1pqyy_395 {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 0.15rem;
+  line-height: 1.4;
+}
+
+._hoverTooltipPathItem_1pqyy_403 {
+  color: rgba(255, 255, 255, 0.6);
+}
+._hoverTooltipPathItem_1pqyy_403._current_1pqyy_406 {
+  color: #fff;
+  font-weight: 600;
+  background: rgba(255, 255, 255, 0.15);
+  padding: 0.1rem 0.35rem;
+  border-radius: 0.25rem;
+}
+
+._hoverTooltipSeparator_1pqyy_414 {
+  color: rgba(255, 255, 255, 0.3);
+  font-size: 0.6rem;
+  margin: 0 0.1rem;
+}
+
+._hoverTooltipElement_1pqyy_420 {
+  color: rgba(255, 255, 255, 0.5);
+  font-size: 0.625rem;
+  border-top: 1px solid rgba(255, 255, 255, 0.1);
+  padding-top: 0.35rem;
+  margin-top: 0.1rem;
+}
+
+._hoverTooltipFile_1pqyy_428 {
+  display: flex;
+  align-items: center;
+  gap: 0.35rem;
+  color: rgba(255, 255, 255, 0.4);
+  font-family: monospace;
+  font-size: 0.6rem;
+}
+
+._markersLayer_1pqyy_437 {
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  height: 0;
+  z-index: 99998;
+  pointer-events: none;
+}
+._markersLayer_1pqyy_437 > * {
+  pointer-events: auto;
+}
+
+._fixedMarkersLayer_1pqyy_450 {
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  z-index: 99998;
+  pointer-events: none;
+}
+._fixedMarkersLayer_1pqyy_450 > * {
+  pointer-events: auto;
+}
+
+._marker_1pqyy_437 {
+  position: absolute;
+  width: 22px;
+  height: 22px;
+  background: #3c82f7;
+  color: white;
+  border-radius: 50%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 0.6875rem;
+  font-weight: 600;
+  transform: translate(-50%, -50%) scale(1);
+  opacity: 1;
+  cursor: pointer;
+  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
+  user-select: none;
+  will-change: transform, opacity;
+  contain: layout style;
+  z-index: 1;
+}
+._marker_1pqyy_437:hover {
+  z-index: 2;
+}
+._marker_1pqyy_437:not(._enter_1pqyy_339):not(._exit_1pqyy_355):not(._clearing_1pqyy_487) {
+  transition: background-color 0.15s ease, transform 0.1s ease;
+}
+._marker_1pqyy_437._enter_1pqyy_339 {
+  animation: _markerIn_1pqyy_1 0.25s cubic-bezier(0.22, 1, 0.36, 1) both;
+}
+._marker_1pqyy_437._exit_1pqyy_355 {
+  animation: _markerOut_1pqyy_1 0.2s ease-out both;
+  pointer-events: none;
+}
+._marker_1pqyy_437._clearing_1pqyy_487 {
+  animation: _markerOut_1pqyy_1 0.15s ease-out both;
+  pointer-events: none;
+}
+._marker_1pqyy_437:not(._enter_1pqyy_339):not(._exit_1pqyy_355):not(._clearing_1pqyy_487):hover {
+  transform: translate(-50%, -50%) scale(1.1);
+}
+._marker_1pqyy_437._pending_1pqyy_504 {
+  position: fixed;
+  background: #3c82f7;
+}
+._marker_1pqyy_437._fixed_1pqyy_450 {
+  position: fixed;
+}
+._marker_1pqyy_437._multiSelect_1pqyy_343 {
+  background: #34c759;
+  width: 26px;
+  height: 26px;
+  border-radius: 6px;
+  font-size: 0.75rem;
+}
+._marker_1pqyy_437._multiSelect_1pqyy_343._pending_1pqyy_504 {
+  background: #34c759;
+}
+._marker_1pqyy_437._hovered_1pqyy_521 {
+  background: #ff3b30;
+}
+
+._renumber_1pqyy_525 {
+  display: block;
+  animation: _renumberRoll_1pqyy_1 0.2s ease-out;
+}
+
+@keyframes _renumberRoll_1pqyy_1 {
+  0% {
+    transform: translateX(-40%);
+    opacity: 0;
+  }
+  100% {
+    transform: translateX(0);
+    opacity: 1;
+  }
+}
+._markerTooltip_1pqyy_540 {
+  position: absolute;
+  top: calc(100% + 10px);
+  left: 50%;
+  transform: translateX(-50%);
+  z-index: 100002;
+  background: #1a1a1a;
+  padding: 0.625rem 0.75rem;
+  border-radius: 0.75rem;
+  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(255, 255, 255, 0.08);
+  min-width: 120px;
+  max-width: 200px;
+  pointer-events: none;
+  cursor: default;
+}
+._markerTooltip_1pqyy_540._enter_1pqyy_339 {
+  animation: _tooltipIn_1pqyy_1 0.1s ease-out forwards;
+}
+
+._markerQuote_1pqyy_559 {
+  display: block;
+  font-size: 0.6875rem;
+  font-style: italic;
+  color: rgba(255, 255, 255, 0.5);
+  margin-bottom: 0.375rem;
+  line-height: 1.4;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+._markerNote_1pqyy_571 {
+  display: block;
+  font-size: 0.75rem;
+  font-weight: 450;
+  line-height: 1.4;
+  color: #fff;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  padding-bottom: 2px;
+}
+
+._markerComponent_1pqyy_583 {
+  display: block;
+  font-size: 0.625rem;
+  font-weight: 500;
+  color: #af52de;
+  margin-bottom: 0.25rem;
+  font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;
+}
+
+._markerRoute_1pqyy_592 {
+  display: block;
+  font-size: 0.5625rem;
+  color: rgba(255, 255, 255, 0.4);
+  margin-top: 0.25rem;
+  font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;
+}
+
+._markerHint_1pqyy_600 {
+  display: block;
+  font-size: 0.625rem;
+  font-weight: 400;
+  color: rgba(255, 255, 255, 0.3);
+  margin-top: 0.375rem;
+  white-space: nowrap;
+}
+
+._settingsPanel_1pqyy_609 {
+  position: absolute;
+  right: 5px;
+  bottom: calc(100% + 0.5rem);
+  background: white;
+  border-radius: 1rem;
+  padding: 13px 1rem 16px;
+  min-width: 205px;
+  box-shadow: 0 1px 8px rgba(0, 0, 0, 0.25), 0 0 0 1px rgba(0, 0, 0, 0.04);
+  transition: background 0.25s ease, box-shadow 0.25s ease;
+}
+._settingsPanel_1pqyy_609 ._settingsHeader_1pqyy_620,
+._settingsPanel_1pqyy_609 ._settingsBrand_1pqyy_621,
+._settingsPanel_1pqyy_609 ._settingsBrandSlash_1pqyy_622,
+._settingsPanel_1pqyy_609 ._settingsVersion_1pqyy_623,
+._settingsPanel_1pqyy_609 ._settingsSection_1pqyy_624,
+._settingsPanel_1pqyy_609 ._settingsLabel_1pqyy_625,
+._settingsPanel_1pqyy_609 ._cycleButton_1pqyy_626,
+._settingsPanel_1pqyy_609 ._cycleDot_1pqyy_627,
+._settingsPanel_1pqyy_609 ._dropdownButton_1pqyy_628,
+._settingsPanel_1pqyy_609 ._toggleLabel_1pqyy_629,
+._settingsPanel_1pqyy_609 ._customCheckbox_1pqyy_630,
+._settingsPanel_1pqyy_609 ._sliderLabel_1pqyy_631,
+._settingsPanel_1pqyy_609 ._slider_1pqyy_631,
+._settingsPanel_1pqyy_609 ._helpIcon_1pqyy_633,
+._settingsPanel_1pqyy_609 ._themeToggle_1pqyy_634 {
+  transition: background 0.25s ease, color 0.25s ease, border-color 0.25s ease;
+}
+._settingsPanel_1pqyy_609._enter_1pqyy_339 {
+  opacity: 1;
+  transform: translateY(0) scale(1);
+  filter: blur(0px);
+  transition: opacity 0.2s ease, transform 0.2s ease, filter 0.2s ease;
+}
+._settingsPanel_1pqyy_609._exit_1pqyy_355 {
+  opacity: 0;
+  transform: translateY(8px) scale(0.95);
+  filter: blur(5px);
+  pointer-events: none;
+  transition: opacity 0.1s ease, transform 0.1s ease, filter 0.1s ease;
+}
+._settingsPanel_1pqyy_609._dark_1pqyy_650 {
+  background: #1a1a1a;
+  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(255, 255, 255, 0.08);
+}
+._settingsPanel_1pqyy_609._dark_1pqyy_650 ._settingsLabel_1pqyy_625 {
+  color: rgba(255, 255, 255, 0.6);
+}
+._settingsPanel_1pqyy_609._dark_1pqyy_650 ._settingsOption_1pqyy_657 {
+  color: rgba(255, 255, 255, 0.85);
+}
+._settingsPanel_1pqyy_609._dark_1pqyy_650 ._settingsOption_1pqyy_657:hover {
+  background: rgba(255, 255, 255, 0.1);
+}
+._settingsPanel_1pqyy_609._dark_1pqyy_650 ._settingsOption_1pqyy_657._selected_1pqyy_663 {
+  background: rgba(255, 255, 255, 0.15);
+  color: #fff;
+}
+._settingsPanel_1pqyy_609._dark_1pqyy_650 ._toggleLabel_1pqyy_629 {
+  color: rgba(255, 255, 255, 0.85);
+}
+
+._settingsHeader_1pqyy_620 {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  min-height: 24px;
+  margin-bottom: 0.5rem;
+  padding-bottom: 9px;
+  border-bottom: 1px solid rgba(255, 255, 255, 0.07);
+}
+
+._settingsBrand_1pqyy_621 {
+  font-size: 0.8125rem;
+  font-weight: 600;
+  letter-spacing: -0.0094em;
+  color: #fff;
+}
+
+._settingsBrandSlash_1pqyy_622 {
+  color: rgba(255, 255, 255, 0.5);
+}
+
+._settingsVersion_1pqyy_623 {
+  font-size: 0.6875rem;
+  font-weight: 400;
+  color: rgba(255, 255, 255, 0.4);
+  margin-left: auto;
+  letter-spacing: -0.0094em;
+}
+
+._settingsSection_1pqyy_624 + ._settingsSection_1pqyy_624 {
+  margin-top: 0.5rem;
+  padding-top: calc(0.5rem + 2px);
+  border-top: 1px solid rgba(255, 255, 255, 0.07);
+}
+
+._settingsRow_1pqyy_706 {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  min-height: 24px;
+}
+
+._dropdownContainer_1pqyy_713 {
+  position: relative;
+}
+
+._dropdownButton_1pqyy_628 {
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+  padding: 0.25rem 0.5rem;
+  border: none;
+  border-radius: 0.375rem;
+  background: transparent;
+  font-size: 0.8125rem;
+  font-weight: 600;
+  color: #fff;
+  cursor: pointer;
+  transition: background-color 0.15s ease, color 0.15s ease, transform 0.1s ease;
+  letter-spacing: -0.0094em;
+}
+._dropdownButton_1pqyy_628:hover {
+  background: rgba(255, 255, 255, 0.08);
+}
+._dropdownButton_1pqyy_628 svg {
+  opacity: 0.6;
+}
+
+._cycleButton_1pqyy_626 {
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+  padding: 0;
+  border: none;
+  background: transparent;
+  font-size: 0.8125rem;
+  font-weight: 500;
+  color: #fff;
+  cursor: pointer;
+  letter-spacing: -0.0094em;
+}
+._cycleButton_1pqyy_626._light_1pqyy_752 {
+  color: rgba(0, 0, 0, 0.85);
+}
+
+@keyframes _cycleTextIn_1pqyy_1 {
+  0% {
+    opacity: 0;
+    transform: translateY(-6px);
+  }
+  100% {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+._cycleButtonText_1pqyy_766 {
+  display: inline-block;
+  animation: _cycleTextIn_1pqyy_1 0.2s ease-out;
+}
+
+._cycleDots_1pqyy_771 {
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+}
+
+._cycleDot_1pqyy_627 {
+  width: 3px;
+  height: 3px;
+  border-radius: 50%;
+  background: rgba(255, 255, 255, 0.3);
+  transform: scale(0.667);
+  transition: background-color 0.25s ease-out, transform 0.25s ease-out;
+}
+._cycleDot_1pqyy_627._active_1pqyy_785 {
+  background: #fff;
+  transform: scale(1);
+}
+._cycleDot_1pqyy_627._light_1pqyy_752 {
+  background: rgba(0, 0, 0, 0.2);
+}
+._cycleDot_1pqyy_627._light_1pqyy_752._active_1pqyy_785 {
+  background: rgba(0, 0, 0, 0.7);
+}
+
+._dropdownMenu_1pqyy_796 {
+  position: absolute;
+  right: 0;
+  top: calc(100% + 0.25rem);
+  background: #1a1a1a;
+  border-radius: 0.5rem;
+  padding: 0.25rem;
+  min-width: 120px;
+  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(255, 255, 255, 0.1);
+  z-index: 10;
+  animation: _scaleIn_1pqyy_1 0.15s ease-out;
+}
+
+._dropdownItem_1pqyy_809 {
+  width: 100%;
+  display: flex;
+  align-items: center;
+  padding: 0.5rem 0.625rem;
+  border: none;
+  border-radius: 0.375rem;
+  background: transparent;
+  font-size: 0.8125rem;
+  font-weight: 500;
+  color: rgba(255, 255, 255, 0.85);
+  cursor: pointer;
+  text-align: left;
+  transition: background-color 0.15s ease, color 0.15s ease, transform 0.1s ease;
+  letter-spacing: -0.0094em;
+}
+._dropdownItem_1pqyy_809:hover {
+  background: rgba(255, 255, 255, 0.08);
+}
+._dropdownItem_1pqyy_809._selected_1pqyy_663 {
+  background: rgba(255, 255, 255, 0.12);
+  color: #fff;
+  font-weight: 600;
+}
+
+._settingsLabel_1pqyy_625 {
+  font-size: 0.8125rem;
+  font-weight: 400;
+  letter-spacing: -0.0094em;
+  color: rgba(255, 255, 255, 0.5);
+  display: flex;
+  align-items: center;
+  gap: 0.125rem;
+}
+._settingsLabel_1pqyy_625._light_1pqyy_752 {
+  color: rgba(0, 0, 0, 0.5);
+}
+
+._settingsLabelMarker_1pqyy_847 {
+  margin-bottom: 10px;
+}
+
+._settingsOptions_1pqyy_851 {
+  display: flex;
+  gap: 0.25rem;
+}
+
+._settingsOption_1pqyy_657 {
+  flex: 1;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 0.25rem;
+  padding: 0.375rem 0.5rem;
+  border: none;
+  border-radius: 0.375rem;
+  background: transparent;
+  font-size: 0.6875rem;
+  font-weight: 500;
+  color: rgba(0, 0, 0, 0.7);
+  cursor: pointer;
+  transition: background-color 0.15s ease, color 0.15s ease, transform 0.1s ease;
+}
+._settingsOption_1pqyy_657:hover {
+  background: rgba(0, 0, 0, 0.05);
+}
+._settingsOption_1pqyy_657._selected_1pqyy_663 {
+  background: rgba(60, 130, 247, 0.15);
+  color: #3c82f7;
+}
+
+._sliderContainer_1pqyy_880 {
+  display: flex;
+  flex-direction: column;
+  gap: 0.5rem;
+}
+
+._slider_1pqyy_631 {
+  -webkit-appearance: none;
+  appearance: none;
+  width: 100%;
+  height: 4px;
+  background: rgba(255, 255, 255, 0.15);
+  border-radius: 2px;
+  outline: none;
+  cursor: pointer;
+}
+._slider_1pqyy_631::-webkit-slider-thumb {
+  -webkit-appearance: none;
+  appearance: none;
+  width: 14px;
+  height: 14px;
+  background: white;
+  border-radius: 50%;
+  cursor: pointer;
+  transition: transform 0.15s ease, box-shadow 0.15s ease;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
+}
+._slider_1pqyy_631::-moz-range-thumb {
+  width: 14px;
+  height: 14px;
+  background: white;
+  border: none;
+  border-radius: 50%;
+  cursor: pointer;
+  transition: transform 0.15s ease, box-shadow 0.15s ease;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
+}
+._slider_1pqyy_631:hover::-webkit-slider-thumb {
+  transform: scale(1.15);
+  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);
+}
+._slider_1pqyy_631:hover::-moz-range-thumb {
+  transform: scale(1.15);
+  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);
+}
+
+._sliderLabels_1pqyy_926 {
+  display: flex;
+  justify-content: space-between;
+}
+
+._sliderLabel_1pqyy_631 {
+  font-size: 0.625rem;
+  font-weight: 500;
+  color: rgba(255, 255, 255, 0.4);
+  cursor: pointer;
+  transition: color 0.15s ease;
+}
+._sliderLabel_1pqyy_631:hover {
+  color: rgba(255, 255, 255, 0.7);
+}
+._sliderLabel_1pqyy_631._active_1pqyy_785 {
+  color: rgba(255, 255, 255, 0.9);
+}
+
+._colorOptions_1pqyy_945 {
+  display: flex;
+  gap: 0.5rem;
+  margin-top: 0.375rem;
+  margin-bottom: 1px;
+}
+
+._colorOption_1pqyy_945 {
+  display: block;
+  width: 20px;
+  height: 20px;
+  border-radius: 50%;
+  border: 2px solid transparent;
+  cursor: pointer;
+  transition: transform 0.2s cubic-bezier(0.25, 1, 0.5, 1);
+}
+._colorOption_1pqyy_945:hover {
+  transform: scale(1.15);
+}
+._colorOption_1pqyy_945._selected_1pqyy_663 {
+  transform: scale(0.83);
+}
+
+._colorOptionRing_1pqyy_968 {
+  display: flex;
+  width: 24px;
+  height: 24px;
+  border: 2px solid transparent;
+  border-radius: 50%;
+  transition: border-color 0.3s ease;
+}
+
+._settingsToggle_1pqyy_977 {
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+  cursor: pointer;
+}
+._settingsToggle_1pqyy_977 + ._settingsToggle_1pqyy_977 {
+  margin-top: calc(0.5rem + 6px);
+}
+._settingsToggle_1pqyy_977 input[type=checkbox] {
+  position: absolute;
+  opacity: 0;
+  width: 0;
+  height: 0;
+}
+
+._customCheckbox_1pqyy_630 {
+  position: relative;
+  width: 14px;
+  height: 14px;
+  border: 1px solid rgba(255, 255, 255, 0.2);
+  border-radius: 4px;
+  background: rgba(255, 255, 255, 0.05);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+  transition: background 0.25s ease, border-color 0.25s ease;
+}
+._customCheckbox_1pqyy_630 svg {
+  color: #1a1a1a;
+  opacity: 1;
+  transition: opacity 0.15s ease;
+}
+input[type=checkbox]:checked + ._customCheckbox_1pqyy_630 {
+  border-color: rgba(255, 255, 255, 0.3);
+  background: rgb(255, 255, 255);
+}
+._customCheckbox_1pqyy_630._light_1pqyy_752 {
+  border: 1px solid rgba(0, 0, 0, 0.15);
+  background: #fff;
+}
+._customCheckbox_1pqyy_630._light_1pqyy_752._checked_1pqyy_1019 {
+  border-color: #1a1a1a;
+  background: #1a1a1a;
+}
+._customCheckbox_1pqyy_630._light_1pqyy_752._checked_1pqyy_1019 svg {
+  color: #fff;
+}
+
+._toggleLabel_1pqyy_629 {
+  font-size: 0.8125rem;
+  font-weight: 400;
+  color: rgba(255, 255, 255, 0.5);
+  letter-spacing: -0.0094em;
+  display: flex;
+  align-items: center;
+  gap: 0.25rem;
+}
+._toggleLabel_1pqyy_629._light_1pqyy_752 {
+  color: rgba(0, 0, 0, 0.5);
+}
+
+._helpIcon_1pqyy_633 {
+  position: relative;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  cursor: help;
+  margin-left: 0;
+}
+._helpIcon_1pqyy_633 svg {
+  display: block;
+  transform: translateY(1px);
+  color: rgba(255, 255, 255, 0.4);
+  transition: color 0.15s ease;
+}
+._helpIcon_1pqyy_633:hover svg {
+  color: rgba(255, 255, 255, 0.7);
+}
+._helpIcon_1pqyy_633::after {
+  content: attr(data-tooltip);
+  position: absolute;
+  right: calc(100% + 8px);
+  top: 50%;
+  transform: translateY(-50%);
+  padding: 8px 10px;
+  background: #383838;
+  color: rgba(255, 255, 255, 0.7);
+  font-size: 11px;
+  font-weight: 400;
+  line-height: 1.4;
+  border-radius: 10px;
+  white-space: normal;
+  width: 152px;
+  text-align: left;
+  opacity: 0;
+  visibility: hidden;
+  transition: opacity 0.15s ease, visibility 0.15s ease;
+  pointer-events: none;
+  z-index: 100;
+  box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.28);
+}
+._helpIcon_1pqyy_633:hover::after {
+  opacity: 1;
+  visibility: visible;
+  transition-delay: 0.5s;
+}
+
+._dragSelection_1pqyy_1086 {
+  position: fixed;
+  top: 0;
+  left: 0;
+  border: 2px solid rgba(52, 199, 89, 0.6);
+  border-radius: 4px;
+  background: rgba(52, 199, 89, 0.08);
+  pointer-events: none;
+  z-index: 99997;
+  will-change: transform, width, height;
+  contain: layout style;
+}
+
+._dragCount_1pqyy_1099 {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  background: #34c759;
+  color: white;
+  font-size: 0.875rem;
+  font-weight: 600;
+  padding: 0.25rem 0.5rem;
+  border-radius: 1rem;
+  min-width: 1.5rem;
+  text-align: center;
+}
+
+._highlightsContainer_1pqyy_1114 {
+  position: fixed;
+  top: 0;
+  left: 0;
+  pointer-events: none;
+  z-index: 99996;
+}
+
+._selectedElementHighlight_1pqyy_1122 {
+  position: fixed;
+  top: 0;
+  left: 0;
+  border: 2px solid rgba(52, 199, 89, 0.5);
+  border-radius: 4px;
+  background: rgba(52, 199, 89, 0.06);
+  pointer-events: none;
+  will-change: transform, width, height;
+  contain: layout style;
+}
+
+._light_1pqyy_752._toolbarContainer_1pqyy_162 {
+  background: #fff;
+  color: rgba(0, 0, 0, 0.85);
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08), 0 4px 16px rgba(0, 0, 0, 0.06), 0 0 0 1px rgba(0, 0, 0, 0.04);
+}
+._light_1pqyy_752._toolbarContainer_1pqyy_162._collapsed_1pqyy_184:hover {
+  background: #f5f5f5;
+}
+._light_1pqyy_752._controlButton_1pqyy_279 {
+  color: rgba(0, 0, 0, 0.5);
+}
+._light_1pqyy_752._controlButton_1pqyy_279:hover:not(:disabled) {
+  background: rgba(0, 0, 0, 0.06);
+  color: rgba(0, 0, 0, 0.85);
+}
+._light_1pqyy_752._controlButton_1pqyy_279[data-active=true] {
+  color: #3c82f7;
+  background: rgba(60, 130, 247, 0.15);
+}
+._light_1pqyy_752._controlButton_1pqyy_279[data-danger]:hover:not(:disabled) {
+  background: rgba(255, 59, 48, 0.15);
+  color: #ff3b30;
+}
+._light_1pqyy_752._divider_1pqyy_312 {
+  background: rgba(0, 0, 0, 0.1);
+}
+._light_1pqyy_752._markerTooltip_1pqyy_540 {
+  background: #fff;
+  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.12), 0 0 0 1px rgba(0, 0, 0, 0.06);
+}
+._light_1pqyy_752._markerTooltip_1pqyy_540 ._markerQuote_1pqyy_559 {
+  color: rgba(0, 0, 0, 0.5);
+}
+._light_1pqyy_752._markerTooltip_1pqyy_540 ._markerNote_1pqyy_571 {
+  color: rgba(0, 0, 0, 0.85);
+}
+._light_1pqyy_752._markerTooltip_1pqyy_540 ._markerComponent_1pqyy_583 {
+  color: #9b40c1;
+}
+._light_1pqyy_752._markerTooltip_1pqyy_540 ._markerRoute_1pqyy_592 {
+  color: rgba(0, 0, 0, 0.4);
+}
+._light_1pqyy_752._markerTooltip_1pqyy_540 ._markerHint_1pqyy_600 {
+  color: rgba(0, 0, 0, 0.35);
+}
+._light_1pqyy_752._settingsPanel_1pqyy_609 {
+  background: #fff;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08), 0 4px 16px rgba(0, 0, 0, 0.06), 0 0 0 1px rgba(0, 0, 0, 0.04);
+}
+._light_1pqyy_752._settingsPanel_1pqyy_609 ._settingsHeader_1pqyy_620 {
+  border-bottom-color: rgba(0, 0, 0, 0.08);
+}
+._light_1pqyy_752._settingsPanel_1pqyy_609 ._settingsBrand_1pqyy_621 {
+  color: rgba(0, 0, 0, 0.85);
+}
+._light_1pqyy_752._settingsPanel_1pqyy_609 ._settingsBrandSlash_1pqyy_622 {
+  color: rgba(0, 0, 0, 0.4);
+}
+._light_1pqyy_752._settingsPanel_1pqyy_609 ._settingsVersion_1pqyy_623 {
+  color: rgba(0, 0, 0, 0.4);
+}
+._light_1pqyy_752._settingsPanel_1pqyy_609 ._settingsSection_1pqyy_624 {
+  border-top-color: rgba(0, 0, 0, 0.08);
+}
+._light_1pqyy_752._settingsPanel_1pqyy_609 ._settingsLabel_1pqyy_625 {
+  color: rgba(0, 0, 0, 0.5);
+}
+._light_1pqyy_752._settingsPanel_1pqyy_609 ._cycleButton_1pqyy_626 {
+  color: rgba(0, 0, 0, 0.85);
+}
+._light_1pqyy_752._settingsPanel_1pqyy_609 ._cycleDot_1pqyy_627 {
+  background: rgba(0, 0, 0, 0.2);
+}
+._light_1pqyy_752._settingsPanel_1pqyy_609 ._cycleDot_1pqyy_627._active_1pqyy_785 {
+  background: rgba(0, 0, 0, 0.7);
+}
+._light_1pqyy_752._settingsPanel_1pqyy_609 ._dropdownButton_1pqyy_628 {
+  color: rgba(0, 0, 0, 0.85);
+}
+._light_1pqyy_752._settingsPanel_1pqyy_609 ._dropdownButton_1pqyy_628:hover {
+  background: rgba(0, 0, 0, 0.05);
+}
+._light_1pqyy_752._settingsPanel_1pqyy_609 ._toggleLabel_1pqyy_629 {
+  color: rgba(0, 0, 0, 0.5);
+}
+._light_1pqyy_752._settingsPanel_1pqyy_609 ._customCheckbox_1pqyy_630 {
+  border: 1px solid rgba(0, 0, 0, 0.15);
+  background: #fff;
+}
+._light_1pqyy_752._settingsPanel_1pqyy_609 ._customCheckbox_1pqyy_630._checked_1pqyy_1019 {
+  border-color: #1a1a1a;
+  background: #1a1a1a;
+}
+._light_1pqyy_752._settingsPanel_1pqyy_609 ._customCheckbox_1pqyy_630._checked_1pqyy_1019 svg {
+  color: #fff;
+}
+._light_1pqyy_752._settingsPanel_1pqyy_609 ._sliderLabel_1pqyy_631 {
+  color: rgba(0, 0, 0, 0.4);
+}
+._light_1pqyy_752._settingsPanel_1pqyy_609 ._sliderLabel_1pqyy_631:hover {
+  color: rgba(0, 0, 0, 0.7);
+}
+._light_1pqyy_752._settingsPanel_1pqyy_609 ._sliderLabel_1pqyy_631._active_1pqyy_785 {
+  color: rgba(0, 0, 0, 0.9);
+}
+._light_1pqyy_752._settingsPanel_1pqyy_609 ._slider_1pqyy_631 {
+  background: rgba(0, 0, 0, 0.1);
+}
+._light_1pqyy_752._settingsPanel_1pqyy_609 ._slider_1pqyy_631::-webkit-slider-thumb {
+  background: #1a1a1a;
+}
+._light_1pqyy_752._settingsPanel_1pqyy_609 ._slider_1pqyy_631::-moz-range-thumb {
+  background: #1a1a1a;
+}
+._light_1pqyy_752._settingsPanel_1pqyy_609 ._helpIcon_1pqyy_633 svg {
+  color: rgba(0, 0, 0, 0.6);
+}
+._light_1pqyy_752._settingsPanel_1pqyy_609 ._helpIcon_1pqyy_633:hover svg {
+  color: rgba(0, 0, 0, 0.7);
+}
+
+._themeToggle_1pqyy_634 {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 22px;
+  height: 22px;
+  margin-left: 0.5rem;
+  border: none;
+  border-radius: 6px;
+  background: transparent;
+  color: rgba(255, 255, 255, 0.4);
+  cursor: pointer;
+  transition: background-color 0.15s ease, color 0.15s ease, transform 0.1s ease;
+}
+._themeToggle_1pqyy_634:hover {
+  background: rgba(255, 255, 255, 0.1);
+  color: rgba(255, 255, 255, 0.8);
+}
+._light_1pqyy_752 ._themeToggle_1pqyy_634 {
+  color: rgba(0, 0, 0, 0.4);
+}
+._light_1pqyy_752 ._themeToggle_1pqyy_634:hover {
+  background: rgba(0, 0, 0, 0.06);
+  color: rgba(0, 0, 0, 0.7);
+}