/**
 * OverlayScrollbars 样式
 * 导入官方样式并添加初始化前的隐藏样式
 */
/*! 
 * OverlayScrollbars
 * Version: 2.12.0
 * 
 * Copyright (c) Rene Haas | KingSora.
 * https://github.com/KingSora
 * 
 * Released under the MIT license.
 */
.os-size-observer,
.os-size-observer-listener {
  scroll-behavior: auto !important;
  direction: inherit;
  pointer-events: none;
  overflow: hidden;
  visibility: hidden;
  box-sizing: border-box;
}
.os-size-observer,
.os-size-observer-listener,
.os-size-observer-listener-item,
.os-size-observer-listener-item-final {
  writing-mode: horizontal-tb;
  position: absolute;
  left: 0;
  top: 0;
}
.os-size-observer {
  z-index: -1;
  contain: strict;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  padding: inherit;
  border: inherit;
  box-sizing: inherit;
  margin: -133px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transform: scale(0.1);
}
.os-size-observer::before {
  content: "";
  flex: none;
  box-sizing: inherit;
  padding: 10px;
  width: 10px;
  height: 10px;
}
.os-size-observer-appear {
  animation: os-size-observer-appear-animation 1ms forwards;
}
.os-size-observer-listener {
  box-sizing: border-box;
  position: relative;
  flex: auto;
  padding: inherit;
  border: inherit;
  margin: -133px;
  transform: scale(calc(1 / 0.1));
}
.os-size-observer-listener.ltr {
  margin-right: -266px;
  margin-left: 0;
}
.os-size-observer-listener.rtl {
  margin-left: -266px;
  margin-right: 0;
}
.os-size-observer-listener:empty::before {
  content: "";
  width: 100%;
  height: 100%;
}
.os-size-observer-listener:empty::before, .os-size-observer-listener > .os-size-observer-listener-item {
  display: block;
  position: relative;
  padding: inherit;
  border: inherit;
  box-sizing: content-box;
  flex: auto;
}
.os-size-observer-listener-scroll {
  box-sizing: border-box;
  display: flex;
}
.os-size-observer-listener-item {
  right: 0;
  bottom: 0;
  overflow: hidden;
  direction: ltr;
  flex: none;
}
.os-size-observer-listener-item-final {
  transition: none;
}
@keyframes os-size-observer-appear-animation {
  from {
    cursor: auto;
  }
  to {
    cursor: none;
  }
}
.os-trinsic-observer {
  flex: none;
  box-sizing: border-box;
  position: relative;
  max-width: 0px;
  max-height: 1px;
  padding: 0;
  margin: 0;
  border: none;
  overflow: hidden;
  z-index: -1;
  height: 0;
  top: calc(100% + 1px);
  contain: strict;
}
.os-trinsic-observer:not(:empty) {
  height: calc(100% + 1px);
  top: -1px;
}
.os-trinsic-observer:not(:empty) > .os-size-observer {
  width: 1000%;
  height: 1000%;
  min-height: 1px;
  min-width: 1px;
}
/**
 * hide native scrollbars
 * changes to this styles need to be reflected in the environment styles to correctly detect scrollbar hiding
 */
[data-overlayscrollbars-initialize]:not([data-overlayscrollbars-viewport]),
[data-overlayscrollbars-viewport~=scrollbarHidden],
html[data-overlayscrollbars-viewport~=scrollbarHidden] > body {
  scrollbar-width: none !important;
}
[data-overlayscrollbars-initialize]:not([data-overlayscrollbars-viewport])::-webkit-scrollbar,
[data-overlayscrollbars-initialize]:not([data-overlayscrollbars-viewport])::-webkit-scrollbar-corner,
[data-overlayscrollbars-viewport~=scrollbarHidden]::-webkit-scrollbar,
[data-overlayscrollbars-viewport~=scrollbarHidden]::-webkit-scrollbar-corner,
html[data-overlayscrollbars-viewport~=scrollbarHidden] > body::-webkit-scrollbar,
html[data-overlayscrollbars-viewport~=scrollbarHidden] > body::-webkit-scrollbar-corner {
  -webkit-appearance: none !important;
          appearance: none !important;
  display: none !important;
  width: 0 !important;
  height: 0 !important;
}
[data-overlayscrollbars-initialize]:not([data-overlayscrollbars]):not(html):not(body) {
  overflow: auto;
}
/**
 * body element
 */
html[data-overlayscrollbars-body] {
  overflow: hidden;
}
html[data-overlayscrollbars-body],
html[data-overlayscrollbars-body] > body {
  width: 100%;
  height: 100%;
  margin: 0;
}
html[data-overlayscrollbars-body] > body {
  overflow: visible;
  margin: 0;
}
/**
 * structure setup 
 */
[data-overlayscrollbars] {
  position: relative;
}
[data-overlayscrollbars~=host],
[data-overlayscrollbars-padding] {
  display: flex;
  align-items: stretch !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  scroll-behavior: auto !important;
}
[data-overlayscrollbars-padding],
[data-overlayscrollbars-viewport]:not([data-overlayscrollbars]) {
  box-sizing: inherit;
  position: relative;
  flex: auto;
  height: auto;
  width: 100%;
  min-width: 0;
  padding: 0;
  margin: 0;
  border: none;
  z-index: 0;
}
[data-overlayscrollbars-viewport]:not([data-overlayscrollbars]) {
  --os-vaw: 0;
  --os-vah: 0;
  outline: none;
}
[data-overlayscrollbars-viewport]:not([data-overlayscrollbars]):focus {
  outline: none;
}
[data-overlayscrollbars-viewport][data-overlayscrollbars-viewport~=arrange]::before {
  content: "";
  position: absolute;
  pointer-events: none;
  z-index: -1;
  min-width: 1px;
  min-height: 1px;
  width: var(--os-vaw);
  height: var(--os-vah);
}
/**
 * wrapper elements overflow:
 */
[data-overlayscrollbars~=host],
[data-overlayscrollbars-padding] {
  overflow: hidden !important;
}
[data-overlayscrollbars~=host][data-overlayscrollbars~=noClipping],
[data-overlayscrollbars-padding~=noClipping] {
  overflow: visible !important;
}
/**
 * viewport overflow:
 */
[data-overlayscrollbars-viewport] {
  --os-viewport-overflow-x: hidden;
  --os-viewport-overflow-y: hidden;
  overflow-x: var(--os-viewport-overflow-x);
  overflow-y: var(--os-viewport-overflow-y);
}
[data-overlayscrollbars-viewport~=overflowXVisible] {
  --os-viewport-overflow-x: visible;
}
[data-overlayscrollbars-viewport~=overflowXHidden] {
  --os-viewport-overflow-x: hidden;
}
[data-overlayscrollbars-viewport~=overflowXScroll] {
  --os-viewport-overflow-x: scroll;
}
[data-overlayscrollbars-viewport~=overflowYVisible] {
  --os-viewport-overflow-y: visible;
}
[data-overlayscrollbars-viewport~=overflowYHidden] {
  --os-viewport-overflow-y: hidden;
}
[data-overlayscrollbars-viewport~=overflowYScroll] {
  --os-viewport-overflow-y: scroll;
}
[data-overlayscrollbars-viewport~=overflowImportant] {
  overflow-x: var(--os-viewport-overflow-x) !important;
  overflow-y: var(--os-viewport-overflow-y) !important;
}
/**
 * viewport state modifiers:
 */
[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId) {
  font-size: 0 !important;
  line-height: 0 !important;
}
[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId)::before,
[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId)::after,
[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId) > * {
  display: none !important;
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border-width: 0 !important;
}
[data-overlayscrollbars-viewport~=measuring],
[data-overlayscrollbars-viewport~=scrolling] {
  scroll-behavior: auto !important;
  scroll-snap-type: none !important;
}
[data-overlayscrollbars-viewport~=measuring][data-overlayscrollbars-viewport~=overflowXVisible] {
  overflow-x: hidden !important;
}
[data-overlayscrollbars-viewport~=measuring][data-overlayscrollbars-viewport~=overflowYVisible] {
  overflow-y: hidden !important;
}
/**
 * content element:
 */
[data-overlayscrollbars-content] {
  box-sizing: inherit;
}
/**
 * Display contents to bridge any flickering during deferred initialization.
 */
[data-overlayscrollbars-contents]:not(#osFakeId):not([data-overlayscrollbars-padding]):not([data-overlayscrollbars-viewport]):not([data-overlayscrollbars-content]) {
  display: contents;
}
/**
 * optional & experimental grid mode
 */
[data-overlayscrollbars-grid],
[data-overlayscrollbars-grid] [data-overlayscrollbars-padding] {
  display: grid;
  grid-template: 1fr/1fr;
}
[data-overlayscrollbars-grid] > [data-overlayscrollbars-padding],
[data-overlayscrollbars-grid] > [data-overlayscrollbars-viewport],
[data-overlayscrollbars-grid] > [data-overlayscrollbars-padding] > [data-overlayscrollbars-viewport] {
  height: auto !important;
  width: auto !important;
}
@property --os-scroll-percent {
  syntax: "<number>";
  inherits: true;
  initial-value: 0;
}
@property --os-viewport-percent {
  syntax: "<number>";
  inherits: true;
  initial-value: 0;
}
.os-scrollbar {
  --os-viewport-percent: 0;
  --os-scroll-percent: 0;
  --os-scroll-direction: 0;
  --os-scroll-percent-directional: calc(
    var(--os-scroll-percent) - (var(--os-scroll-percent) + (1 - var(--os-scroll-percent)) * -1) *
      var(--os-scroll-direction)
  );
}
.os-scrollbar {
  contain: size layout;
  contain: size layout style;
  transition: opacity 0.15s, visibility 0.15s, top 0.15s, right 0.15s, bottom 0.15s, left 0.15s;
  pointer-events: none;
  position: absolute;
  opacity: 0;
  visibility: hidden;
}
body > .os-scrollbar {
  position: fixed;
  z-index: 99999;
}
.os-scrollbar-transitionless {
  transition: none !important;
}
.os-scrollbar-track {
  position: relative;
  padding: 0 !important;
  border: none !important;
}
.os-scrollbar-handle {
  position: absolute;
}
.os-scrollbar-track,
.os-scrollbar-handle {
  pointer-events: none;
  width: 100%;
  height: 100%;
}
.os-scrollbar.os-scrollbar-track-interactive .os-scrollbar-track,
.os-scrollbar.os-scrollbar-handle-interactive .os-scrollbar-handle {
  pointer-events: auto;
  touch-action: none;
}
.os-scrollbar-horizontal {
  bottom: 0;
  left: 0;
}
.os-scrollbar-vertical {
  top: 0;
  right: 0;
}
.os-scrollbar-rtl.os-scrollbar-horizontal {
  right: 0;
}
.os-scrollbar-rtl.os-scrollbar-vertical {
  right: auto;
  left: 0;
}
.os-scrollbar-visible {
  opacity: 1;
  visibility: visible;
}
.os-scrollbar-auto-hide.os-scrollbar-auto-hide-hidden {
  opacity: 0;
  visibility: hidden;
}
.os-scrollbar-interaction.os-scrollbar-visible {
  opacity: 1;
  visibility: visible;
}
.os-scrollbar-unusable,
.os-scrollbar-unusable *,
.os-scrollbar-wheel,
.os-scrollbar-wheel * {
  pointer-events: none !important;
}
.os-scrollbar-unusable .os-scrollbar-handle {
  opacity: 0 !important;
  transition: none !important;
}
.os-scrollbar-horizontal .os-scrollbar-handle {
  bottom: 0;
  left: calc(var(--os-scroll-percent-directional) * 100%);
  transform: translateX(calc(var(--os-scroll-percent-directional) * -100%));
  width: calc(var(--os-viewport-percent) * 100%);
}
.os-scrollbar-vertical .os-scrollbar-handle {
  right: 0;
  top: calc(var(--os-scroll-percent-directional) * 100%);
  transform: translateY(calc(var(--os-scroll-percent-directional) * -100%));
  height: calc(var(--os-viewport-percent) * 100%);
}
@supports (container-type: size) {
  .os-scrollbar-track {
    container-type: size;
  }
  .os-scrollbar-horizontal .os-scrollbar-handle {
    left: auto;
    transform: translateX(calc(var(--os-scroll-percent-directional) * 100cqw + var(--os-scroll-percent-directional) * -100%));
  }
  .os-scrollbar-vertical .os-scrollbar-handle {
    top: auto;
    transform: translateY(calc(var(--os-scroll-percent-directional) * 100cqh + var(--os-scroll-percent-directional) * -100%));
  }
  .os-scrollbar-rtl.os-scrollbar-horizontal .os-scrollbar-handle {
    right: auto;
    left: 0;
  }
}
.os-scrollbar-rtl.os-scrollbar-vertical .os-scrollbar-handle {
  right: auto;
  left: 0;
}
.os-scrollbar.os-scrollbar-horizontal.os-scrollbar-cornerless,
.os-scrollbar.os-scrollbar-horizontal.os-scrollbar-cornerless.os-scrollbar-rtl {
  left: 0;
  right: 0;
}
.os-scrollbar.os-scrollbar-vertical.os-scrollbar-cornerless,
.os-scrollbar.os-scrollbar-vertical.os-scrollbar-cornerless.os-scrollbar-rtl {
  top: 0;
  bottom: 0;
}
@media print {
  .os-scrollbar {
    display: none;
  }
}
.os-scrollbar {
  --os-size: 0;
  --os-padding-perpendicular: 0;
  --os-padding-axis: 0;
  --os-track-border-radius: 0;
  --os-track-bg: none;
  --os-track-bg-hover: none;
  --os-track-bg-active: none;
  --os-track-border: none;
  --os-track-border-hover: none;
  --os-track-border-active: none;
  --os-handle-border-radius: 0;
  --os-handle-bg: none;
  --os-handle-bg-hover: none;
  --os-handle-bg-active: none;
  --os-handle-border: none;
  --os-handle-border-hover: none;
  --os-handle-border-active: none;
  --os-handle-min-size: 33px;
  --os-handle-max-size: none;
  --os-handle-perpendicular-size: 100%;
  --os-handle-perpendicular-size-hover: 100%;
  --os-handle-perpendicular-size-active: 100%;
  --os-handle-interactive-area-offset: 0;
}
.os-scrollbar-track {
  border: var(--os-track-border);
  border-radius: var(--os-track-border-radius);
  background: var(--os-track-bg);
  transition: opacity 0.15s, background-color 0.15s, border-color 0.15s;
}
.os-scrollbar-track:hover {
  border: var(--os-track-border-hover);
  background: var(--os-track-bg-hover);
}
.os-scrollbar-track:active {
  border: var(--os-track-border-active);
  background: var(--os-track-bg-active);
}
.os-scrollbar-handle {
  border: var(--os-handle-border);
  border-radius: var(--os-handle-border-radius);
  background: var(--os-handle-bg);
}
.os-scrollbar-handle:hover {
  border: var(--os-handle-border-hover);
  background: var(--os-handle-bg-hover);
}
.os-scrollbar-handle:active {
  border: var(--os-handle-border-active);
  background: var(--os-handle-bg-active);
}
.os-scrollbar-track:before,
.os-scrollbar-handle:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: block;
}
.os-scrollbar-horizontal {
  padding: var(--os-padding-perpendicular) var(--os-padding-axis);
  right: var(--os-size);
  height: var(--os-size);
}
.os-scrollbar-horizontal.os-scrollbar-rtl {
  left: var(--os-size);
  right: 0;
}
.os-scrollbar-horizontal .os-scrollbar-track:before {
  top: calc(var(--os-padding-perpendicular) * -1);
  bottom: calc(var(--os-padding-perpendicular) * -1);
}
.os-scrollbar-horizontal .os-scrollbar-handle {
  min-width: var(--os-handle-min-size);
  max-width: var(--os-handle-max-size);
  height: var(--os-handle-perpendicular-size);
  transition: opacity 0.15s, background-color 0.15s, border-color 0.15s, height 0.15s;
}
.os-scrollbar-horizontal .os-scrollbar-handle:before {
  top: calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);
  bottom: calc(var(--os-padding-perpendicular) * -1);
}
.os-scrollbar-horizontal:hover .os-scrollbar-handle {
  height: var(--os-handle-perpendicular-size-hover);
}
.os-scrollbar-horizontal:active .os-scrollbar-handle {
  height: var(--os-handle-perpendicular-size-active);
}
.os-scrollbar-vertical {
  padding: var(--os-padding-axis) var(--os-padding-perpendicular);
  bottom: var(--os-size);
  width: var(--os-size);
}
.os-scrollbar-vertical .os-scrollbar-track:before {
  left: calc(var(--os-padding-perpendicular) * -1);
  right: calc(var(--os-padding-perpendicular) * -1);
}
.os-scrollbar-vertical .os-scrollbar-handle {
  min-height: var(--os-handle-min-size);
  max-height: var(--os-handle-max-size);
  width: var(--os-handle-perpendicular-size);
  transition: opacity 0.15s, background-color 0.15s, border-color 0.15s, width 0.15s;
}
.os-scrollbar-vertical .os-scrollbar-handle:before {
  left: calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);
  right: calc(var(--os-padding-perpendicular) * -1);
}
.os-scrollbar-vertical.os-scrollbar-rtl .os-scrollbar-handle:before {
  right: calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);
  left: calc(var(--os-padding-perpendicular) * -1);
}
.os-scrollbar-vertical:hover .os-scrollbar-handle {
  width: var(--os-handle-perpendicular-size-hover);
}
.os-scrollbar-vertical:active .os-scrollbar-handle {
  width: var(--os-handle-perpendicular-size-active);
}
/* NONE THEME: */
[data-overlayscrollbars-viewport~=measuring] > .os-scrollbar,
.os-theme-none.os-scrollbar {
  display: none !important;
}
/* DARK & LIGHT THEME: */
.os-theme-dark,
.os-theme-light {
  box-sizing: border-box;
  --os-size: 10px;
  --os-padding-perpendicular: 2px;
  --os-padding-axis: 2px;
  --os-track-border-radius: 10px;
  --os-handle-interactive-area-offset: 4px;
  --os-handle-border-radius: 10px;
}
.os-theme-dark {
  --os-handle-bg: rgba(0, 0, 0, 0.44);
  --os-handle-bg-hover: rgba(0, 0, 0, 0.55);
  --os-handle-bg-active: rgba(0, 0, 0, 0.66);
}
.os-theme-light {
  --os-handle-bg: rgba(255, 255, 255, 0.44);
  --os-handle-bg-hover: rgba(255, 255, 255, 0.55);
  --os-handle-bg-active: rgba(255, 255, 255, 0.66);
}
/**
 * 初始化样式
 * 在 JS 初始化完成前隐藏原生滚动条，防止滚动条闪烁
 * 必须在服务端渲染时就加载此样式
 */
[data-overlayscrollbars-initialize],
[data-overlayscrollbars~="host"] {
  overflow: hidden !important;
}
/**
 * 滚动条主题样式
 */
.os-theme-dark {
  --os-handle-bg: rgba(0, 0, 0, 0.15) !important;
  --os-handle-bg-hover: rgba(0, 0, 0, 0.55) !important;
  --os-handle-bg-active: rgba(0, 0, 0, 0.66) !important;
}
.lazy-load-image-background.opacity {
  opacity: 0;
}

.lazy-load-image-background.opacity.lazy-load-image-loaded {
  opacity: 1;
  transition: opacity .3s;
}
/* Settings / profile flows: stack matches framia Geist usage (portaled overlays don't inherit page root). */
._geistFontStack_2x4gg_2 {
  font-family: 'Geist', 'Geist Variable', ui-sans-serif, sans-serif;
}
/**
 * 锁定 body 滚动的样式
 * 应用于 html 元素以阻止页面滚动
 */
._lockScroll_1qbi0_5 {
  overflow: hidden !important;
}
/* 全屏对话框容器 - 使用 CSS 变量适应侧边栏宽度 */
._fullscreenOverlay_6xlaz_2 {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: var(--sidebar-width, 238px);
  z-index: 10;
  display: flex;
  align-items: stretch;
  justify-content: stretch;
  backdrop-filter: blur(80px);
  -webkit-backdrop-filter: blur(80px);
  background: transparent;
  transition: left 0.3s ease;
}

/* 移动端样式 - 预留顶部 56px 给 AppMobileHeader */
@media (max-width: 768px) {
  ._fullscreenOverlay_6xlaz_2 {
    left: 0;
    top: 56px;
    backdrop-filter: blur(26.25px);
    -webkit-backdrop-filter: blur(26.25px);
  }
}

/* 内容容器 */
._contentContainer_6xlaz_29 {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
}

/* 关闭按钮 - 位于侧边栏右上角 */
._closeButton_6xlaz_40 {
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 9999px;
  background: #f4f4f5;
  border: none;
  color: #27272a;
  transition: all 0.2s ease;
}

._closeButton_6xlaz_40:hover {
  background: #e4e4e7;
}

@media (max-width: 768px) {
  ._closeButton_6xlaz_40 {
    width: 32px;
    height: 32px;
    top: 12px;
    right: 12px;
  }
}

/* 加载和错误状态容器 - 相对于屏幕居中 */
._loadingOverlay_6xlaz_71 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 5;
}

/* 错误状态容器 */
._errorContainer_6xlaz_84 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 16px;
  max-width: 400px;
  padding: 32px;
  text-align: center;
}

/* 浮动关闭按钮 - 用于加载和错误状态 */
._floatingCloseButton_6xlaz_96 {
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 9999px;
  background: #f4f4f5;
  border: none;
  color: #27272a;
  transition: all 0.2s ease;
}

._floatingCloseButton_6xlaz_96:hover {
  background: #e4e4e7;
}

@media (max-width: 768px) {
  ._floatingCloseButton_6xlaz_96 {
    width: 36px;
    height: 36px;
    top: 16px;
    right: 16px;
  }
}

/* 预览区域 - 整体高度 95vh，毛玻璃背景 */
._previewSection_6xlaz_127 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 95vh;
  min-height: 95vh;
  max-height: 95vh;
  padding: 20px 24px;
  gap: 24px;
  box-sizing: border-box;
  flex-shrink: 0;
  background: rgba(255, 255, 255, 0.90);
  backdrop-filter: blur(30px);
  -webkit-backdrop-filter: blur(20px);
}

@media (max-width: 768px) {
  ._previewSection_6xlaz_127 {
    flex-direction: column;
    height: auto;
    min-height: 60vh;
    max-height: none;
    padding: 16px;
    gap: 16px;
  }
}

/* 左侧预览区域 */
._previewArea_6xlaz_156 {
  position: relative;
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
  min-height: 0;
  max-height: 100%;
  height: 100%;
  /* 允许 flex 子项收缩 */
  overflow: hidden;
  /* 防止内容溢出 */
}

/* 导航按钮 */
._navButton_6xlaz_172 {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 9999px;
  background: white;
  border: 1.25px solid #e5e5e5;
  color: #0a0a0a;
  box-shadow: 0px 1.25px 2.5px 0px rgba(0, 0, 0, 0.05);
  transition: all 0.2s ease;
}

._navButton_6xlaz_172:hover:not(:disabled) {
  background: #f9fafb;
}

._navButton_6xlaz_172:disabled {
  opacity: 0.3;
  cursor: not-allowed;
}

._navButtonPrevious_6xlaz_199 {
  left: 0;
}

._navButtonNext_6xlaz_203 {
  right: 0;
}

@media (max-width: 768px) {
  ._navButton_6xlaz_172 {
    width: 36px;
    height: 36px;
  }

  ._navButtonPrevious_6xlaz_199 {
    left: 0;
  }

  ._navButtonNext_6xlaz_203 {
    right: 0;
  }

  ._mediaPreview_6xlaz_221 {
    padding: 24px 0;
  }
}

/* 媒体预览容器 - 采用 contain 模式，保持宽高比适应容器 */
._mediaPreview_6xlaz_221 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  max-height: 100%;
  min-width: 0;
  /* 允许 flex 子项收缩 */
  min-height: 0;
  /* 允许 flex 子项收缩 */
  padding: 16px 48px;
  box-sizing: border-box;
  overflow: hidden;
}

._mediaPreview_6xlaz_221 img,
._mediaPreview_6xlaz_221 video {
  max-width: 100%;
  max-height: 95%;
  width: auto;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
  border-radius: 16px;
}

/* 右侧详情侧边栏 */
._detailSidebar_6xlaz_255 {
  position: relative;
  width: 360px;
  min-width: 320px;
  max-width: 420px;
  display: flex;
  flex-direction: column;
  padding: 20px 24px;
  /* 居中对齐，高度自适应 */
  height: calc(95vh - 40px);
  max-height: calc(95vh - 40px);
  border-radius: 20px;
  border: 1px solid var(--muted, #e5e5e5);
  background: #FFFFFF;
  box-shadow: var(--drop-shadow-sm, 0 1px 2px 0 rgba(0, 0, 0, 0.05));
  overflow: hidden;
}

@media (max-width: 1280px) {
  ._detailSidebar_6xlaz_255 {
    width: 28vw;
  }
}

@media (max-width: 1024px) {
  ._detailSidebar_6xlaz_255 {
    width: 32vw;
    min-width: 280px;
  }
}

@media (max-width: 768px) {
  ._detailSidebar_6xlaz_255 {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    max-height: none;
    overflow: visible;
    margin-top: 0;
    height: auto;
  }
}

/* 侧边栏内容 */
._sidebarContent_6xlaz_299 {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 12px;
  overflow-y: auto;
  min-height: 0;
}

@media (max-width: 768px) {
  ._sidebarContent_6xlaz_299 {
    overflow-y: visible;
    min-height: auto;
  }
}

/* 用户信息区域 */
._userInfo_6xlaz_316 {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

._userRow_6xlaz_322 {
  display: flex;
  align-items: center;
  gap: 10px;
}

._userName_6xlaz_328 {
  font-family: 'Geist', sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  color: #3c3c3c;
}

/* 操作按钮行 */
._actionRow_6xlaz_337 {
  display: flex;
  align-items: center;
  gap: 8px;
  height: 36px;
  color: #27272a; /* zinc-800 */
}

._actionButton_6xlaz_345 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  height: 36px;
  padding: 0 4px;
  border-radius: 8px;
  background: transparent;
  border: none;
  color: #18181b;
  font-family: 'Geist', sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  transition: background 0.15s ease;
}

._actionButton_6xlaz_345:hover {
  background: #f4f4f5;
}

/* 分隔线 */
._divider_6xlaz_368 {
  width: 100%;
  height: 1px;
  background: #e5e5e5;
}

/* 标题区域 */
._titleSection_6xlaz_375 {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

._templateTitle_6xlaz_381 {
  font-family: 'Geist', sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 115%;
  color: #18181b;
  word-break: break-word;
}

/* 标签区域 */
._labelSection_6xlaz_391 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

._labelTitle_6xlaz_397 {
  font-family: 'Geist', sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
  color: #71717a;
}

._tagRow_6xlaz_405 {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

._tag_6xlaz_405 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 26px;
  padding: 6px 12px;
  border-radius: 8px;
  background: #f0f0f0;
  font-family: 'Geist', sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
  color: #18181b;
}

/* 描述区域 */
._descriptionSection_6xlaz_427 {
  display: flex;
  flex-direction: column;
  gap: 6px;
  max-height: 410px;
  overflow: hidden;
}

._descriptionLabel_6xlaz_435 {
  font-family: 'Geist', sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
  color: #71717a;
}

._descriptionText_6xlaz_443 {
  font-family: 'Geist', sans-serif;
  font-size: 14px;
  line-height: 20px;
  color: #18181b;
  white-space: pre-wrap;
  word-break: break-word;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Prompt 区域 */
._promptSection_6xlaz_455 {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

._promptHeader_6xlaz_461 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

._copyButton_6xlaz_467 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  background: transparent;
  border: none;
  color: #171717;
  border-radius: 4px;
  transition: background 0.15s ease;
}

._copyButton_6xlaz_467:hover {
  background: #f4f4f5;
}

/* 底部按钮区域 - View replay / Remix */
._bottomActions_6xlaz_485 {
  display: flex;
  gap: 12px;
  margin-top: auto;
  padding-top: 20px;
  flex-shrink: 0;
}

._bottomActions_6xlaz_485 > * {
  flex: 1;
  font-family: 'Geist', sans-serif;
  font-weight: 500;
  font-size: 14px;
}

._remixButton_6xlaz_500 {
  background: #c5f36f !important;
  color: #09090b !important;
}

._remixButton_6xlaz_500:hover:not(:disabled) {
  background: #b8e85e !important;
}

/* Project Assets 区域 - 纯白色背景，与上方半透明区域形成对比 */
._projectAssetsSection_6xlaz_510 {
  padding: 20px 36px;
  background: #ffffff;
}

@media (max-width: 768px) {
  ._projectAssetsSection_6xlaz_510 {
    padding: 16px;
  }
}

._projectAssetsTitle_6xlaz_521 {
  font-family: 'Instrument Serif', serif;
  font-weight: 400;
  font-size: 26px;
  line-height: 115%;
  color: #3c3c3c;
  margin-bottom: 20px;
}

/* 标签切换 */
._tabContainer_6xlaz_531 {
  display: flex;
  gap: 8px;
  padding: 4px;
  background: #f3f3f3;
  border-radius: 12px;
  width: -moz-fit-content;
  width: fit-content;
  margin-bottom: 20px;
}

._tabButton_6xlaz_541 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-width: 80px;
  height: 32px;
  padding: 4px 12px;
  border-radius: 8px;
  background: transparent;
  border: none;
  font-family: 'Geist', sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: #71717a;
  transition: all 0.15s ease;
}

._tabButton_6xlaz_541:hover {
  background: rgba(255, 255, 255, 0.5);
}

._tabButtonActive_6xlaz_564 {
  background: white;
  color: #18181b;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

/* 资产网格 - 卡片间距 16px */
._assetsGrid_6xlaz_571 {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  gap: 16px;
}

._assetItem_6xlaz_577 {
  border-radius: 12px;
  overflow: hidden;
  background: #f5f5f5;
  aspect-ratio: 16 / 9;
}

._assetItem_6xlaz_577 img,
._assetItem_6xlaz_577 video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

/* 空状态 */
._emptyState_6xlaz_592 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 16px;
  min-height: 400px;
  padding: 40px;
}

._emptyStateImage_6xlaz_602 {
  width: 118px;
  height: 129px;
}

._emptyStateText_6xlaz_607 {
  font-family: 'Geist', sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #71717a;
  text-align: center;
}

/* 加载状态 */
._loadingContainer_6xlaz_617 {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 400px;
}

/* 资产项目按钮 - 用于点击打开预览 */
._assetItemButton_6xlaz_625 {
  display: block;
  position: relative;
  padding: 0;
  border: none;
  background: #f5f5f5;
  border-radius: 12px;
  overflow: hidden;
  cursor: pointer;
}

/* 图片/视频的 hover 效果 */
._assetItemButton_6xlaz_625 img,
._assetItemButton_6xlaz_625 video {
  transition: transform 0.3s ease-out, filter 0.3s ease-out;
}

._assetItemButton_6xlaz_625:hover img,
._assetItemButton_6xlaz_625:hover video {
  transform: scale(1.05);
  filter: brightness(1.08);
}

._assetItemButton_6xlaz_625:focus-visible {
  outline: 2px solid #18181b;
  outline-offset: 2px;
}

/* 资产预览模态框 */
._assetPreviewOverlay_6xlaz_654 {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 100;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.9);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

._assetPreviewCloseButton_6xlaz_669 {
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border-radius: 9999px;
  background: rgba(255, 255, 255, 0.1);
  border: none;
  color: white;
  transition: background 0.2s ease;
}

._assetPreviewCloseButton_6xlaz_669:hover {
  background: rgba(255, 255, 255, 0.2);
}

._assetPreviewContent_6xlaz_690 {
  width: 100%;
  height: 100%;
  padding: 40px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
}

._assetPreviewMedia_6xlaz_700 {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  border-radius: 8px;
}

@media (max-width: 768px) {
  ._assetPreviewCloseButton_6xlaz_669 {
    top: 16px;
    right: 16px;
    width: 40px;
    height: 40px;
  }

  ._assetPreviewContent_6xlaz_690 {
    padding: 20px;
  }
}.react-photo-album{display:flex}.react-photo-album,.react-photo-album *{box-sizing:border-box}.react-photo-album--track{align-items:flex-start;display:flex}.react-photo-album--photo{padding:calc(var(--react-photo-album--padding)*1px);position:relative}.react-photo-album--image{aspect-ratio:var(--react-photo-album--photo-width)/var(--react-photo-album--photo-height);display:block;height:auto;width:100%}.react-photo-album--button{background:initial;border:initial;cursor:pointer}.react-photo-album--rows{flex-direction:column;row-gap:calc(var(--react-photo-album--spacing)*1px)}.react-photo-album--rows .react-photo-album--track{justify-content:space-between;--react-photo-album--track-gaps:calc(var(--react-photo-album--spacing)*(var(--react-photo-album--track-size) - 1) + var(--react-photo-album--padding)*2*var(--react-photo-album--track-size))}.react-photo-album--rows .react-photo-album--photo{width:calc((100% - var(--react-photo-album--track-gaps)*1px)/(var(--react-photo-album--container-width) - var(--react-photo-album--track-gaps))*var(--react-photo-album--photo-width) + 2px*var(--react-photo-album--padding))}._actionBar_1i1x5_1 {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 100%;
}

._rightButtons_1i1x5_8 {
    display: flex;
    align-items: center;
    gap: 8px;
}

._aspectRatioWrapper_1i1x5_14,
._durationWrapper_1i1x5_15 {
    display: inline-flex;
}

._select_1i1x5_19 {
    border: none;
    box-shadow: none;
    border-radius: 9999px;
    background: #F3F4F6;
}

._select_1i1x5_19:hover {
    background: #E5E7EB;
}

._select_1i1x5_19[aria-expanded="true"] {
    background: #EFF0F2;
}

._select_1i1x5_19:focus-visible {
    border: none;
    box-shadow: none;
    outline: none;
}

._selectValue_1i1x5_40 {
    display: flex;
    align-items: center;
    gap: 6px;
}

._hideOnMobileLabel_1i1x5_46 {
    display: inline;
}

._selectItem_1i1x5_50 {
    display: flex;
    align-items: center;
    gap: 8px;
}

._selectContent_1i1x5_56 {
    border-radius: 10px;
    border: none;
    box-shadow: var(--drop-shadow-sm-offset-x, 0) var(--drop-shadow-sm-offset-y, 1px) var(--drop-shadow-sm-blur-radius, 2px) var(--drop-shadow-sm-spread-radius, 0) var(--drop-shadow-sm-color, rgba(0, 0, 0, 0.15));
}

._icon_1i1x5_62 {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
    color: hsl(var(--muted-foreground));
}

._submitButton_1i1x5_69 {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

._submitButton_1i1x5_69:not(:disabled) {
    color: #FFFFFF;
}

._submitButtonText_1i1x5_82 {
    width: auto;
    min-width: 92px;
    padding: 0 16px;
    border-radius: 999px;
    gap: 6px;
}

._submitButton_1i1x5_69:hover {
    background: #333;
}

._submitButton_1i1x5_69:disabled {
    background: #F1F1F0;
    color: #A1A1AA;
}

._arrowIcon_1i1x5_99 {
    width: 18px;
    height: 18px;
}

._spacer_1i1x5_104 {
    flex: 1;
    min-width: 8px;
}

/* Globe Button - 根据 Figma 设计稿 node-id=2687-34640 */
._globeButton_1i1x5_110 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 8px;
    border: none;
    cursor: pointer;
    transition: background-color 0.2s ease;
}

._globeButton_1i1x5_110:hover {
    background-color: #F0F7E5;
}

._globeButtonActive_1i1x5_126 {
    background-color: #F0F7E5;
    border: 1px solid rgba(44, 77, 3, 0.10);
}

._globeButtonActive_1i1x5_126:hover {
    background-color: #E8F0DC;
}

/* 按钮通用图标样式 */
._buttonIcon_1i1x5_136 {
    width: 16px;
    height: 16px;
    color: #171717;
}

/* Agent Select Styles */
._agentWrapper_1i1x5_143 {
    display: inline-flex;
}

._agentSelectContent_1i1x5_147 {
    width: 280px;
    padding: 6px;
    border-radius: 10px;
    border: none;
    box-shadow: var(--drop-shadow-sm-offset-x, 0) var(--drop-shadow-sm-offset-y, 1px) var(--drop-shadow-sm-blur-radius, 2px) var(--drop-shadow-sm-spread-radius, 0) var(--drop-shadow-sm-color, rgba(0, 0, 0, 0.15));
}

._agentSelectHeader_1i1x5_155 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px;
    height: 28px;
}

._agentSelectLabel_1i1x5_163 {
    font-size: 13px;
    font-weight: 500;
    color: #52525B;
}

._agentAutoSwitch_1i1x5_169 {
    display: flex;
    align-items: center;
    gap: 4px;
}

._agentAutoLabel_1i1x5_175 {
    font-size: 12px;
    font-weight: var(--font-weight-medium, 500);
    color: #52525b;
}

._agentAutoIcon_1i1x5_181 {
    width: 12px;
    height: 12px;
    color: #52525b;
}

._agentSelectItem_1i1x5_187 {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 8px;
    border-radius: 6px;
    margin: 4px 0;
    &:last-child {
        margin-bottom: 0;
    }
}

/* 隐藏 SelectItem 内置的勾选图标 */
._agentSelectItem_1i1x5_187 > span:first-child {
    display: none;
}

._agentSelectItem_1i1x5_187[data-state="checked"] {
    background: #f5f5f5;
}

._agentSelectItem_1i1x5_187:hover {
    background: #f5f5f5;
}

._agentItemContent_1i1x5_212 {
    display: flex;
    flex-direction: column;
    gap: 8px;
    flex: 1;
    padding-left: 2px;
    padding-top: 2px;
}

._agentItemHeader_1i1x5_221 {
    display: flex;
    align-items: center;
    gap: 6px;
}

._agentItemLabel_1i1x5_227 {
    font-size: 14px;
    font-weight: 500;
    color: #0a0a0a;
    line-height: 1;
}

._agentBadgePro_1i1x5_234 {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 16px;
    width: 24px;
    border-radius: 4px;
    background: linear-gradient(120.46deg, #a4aac3 12%, #5e6274 95.51%);
    font-size: 10px;
    font-weight: 500;
    font-style: italic;
    color: white;
}

._agentCostBadge_1i1x5_248 {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 2px;
    height: 16px;
    padding: 0 4px;
    border-radius: 4px;
    background: linear-gradient(144.87deg, #837f79 12%, #413e3a 95.51%);
    opacity: 0.9;
    font-size: 10px;
    font-weight: 500;
    font-style: italic;
    color: white;
}

._agentCostIcon_1i1x5_264 {
    width: 10px;
    height: 10px;
    margin: -0.5px 0 0.5px 0;
    color: white;
}

._agentItemDescription_1i1x5_271 {
    font-size: 12px;
    font-weight: 400;
    color: #525252;
    line-height: 1.5;
}

._agentCheckIcon_1i1x5_278 {
    width: 16px;
    height: 16px;
    opacity: 0.5;
    flex-shrink: 0;
    align-self: center;
    display: none;
}

/* 只在选中时显示勾选图标 */
._agentSelectItem_1i1x5_187[data-state="checked"] ._agentCheckIcon_1i1x5_278 {
    display: block;
}

/* Agent Auto Tooltip */
._agentAutoTooltip_1i1x5_293 {
    max-width: 280px;
    padding: 6px 12px;
    border-radius: 8px;
    background: #171717;
    color: #fafafa;
    font-size: 12px;
    line-height: 16px;
    text-align: left;
}

._agentAutoTooltip_1i1x5_293 p {
    margin: 0;
}

._agentAutoTooltip_1i1x5_293 strong {
    font-weight: 500;
}

@media (max-width: 768px) {
    ._hideOnMobileLabel_1i1x5_46 {
        display: none;
    }
}
/* Trigger Button */
._triggerButton_1qyqo_2 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 8px;
    border: none;
    cursor: pointer;
    background: transparent;
    transition: background-color 0.2s ease;
}

._triggerButtonWithLabel_1qyqo_15 {
    width: auto;
    height: 32px;
    padding: 0 10px;
    gap: 8px;
    border-radius: 999px;
}

._triggerButton_1qyqo_2:hover {
    background-color: #E5E7EB;
}

._triggerButton_1qyqo_2:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

._triggerButton_1qyqo_2:disabled:hover {
    background-color: transparent;
}

._triggerIcon_1qyqo_36 {
    width: 16px;
    height: 16px;
    color: #171717;
}

._triggerLabel_1qyqo_42 {
    display: inline-block;
    font-family: 'Geist', sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #171717;
    line-height: 1;
    white-space: nowrap;
    will-change: transform, opacity, filter;
}

._triggerLabelWrap_1qyqo_53 {
    display: inline-flex;
    align-items: center;
    overflow: hidden;
}

._triggerChevron_1qyqo_59 {
    width: 16px;
    height: 16px;
    color: #171717;
}

/* Popover Content */
._popoverContent_1qyqo_66 {
    width: 209px;
    padding: 6px;
    border-radius: 12px;
    border: none;
    background: #FFFFFF;
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15);
    display: flex;
    flex-direction: column;
    gap: 8px;
}

._mobileAdditionalContent_1qyqo_78 {
    display: flex;
    min-width: 0;
}

._mobileAdditionalContent_1qyqo_78 > * {
    min-width: 0;
}

._mobileToggleButton_1qyqo_87 {
    display: flex;
    align-items: center;
    width: 100%;
    min-height: 40px;
    padding: 0 12px;
    border: 1px solid #E4E4E7;
    border-radius: 12px;
    background: #FFFFFF;
    color: #18181B;
    transition: background-color 0.2s ease, border-color 0.2s ease;
}

._mobileToggleButton_1qyqo_87:hover {
    background: #FAFAFA;
    border-color: #D4D4D8;
}

._mobileToggleButtonActive_1qyqo_105 {
    background: #F0F7E5;
    border-color: rgba(44, 77, 3, 0.16);
    color: #2C4D03;
}

._mobileToggleButtonContent_1qyqo_111 {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-family: 'Geist', sans-serif;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.2;
}

._mobileToggleIcon_1qyqo_121 {
    width: 16px;
    height: 16px;
}

/* Design 模式：5x2 网格需更宽，让背景自然撑开不溢出 */
._popoverContent_1qyqo_66[data-mode="design"] {
    width: 320px;
}

/* Header */
._header_1qyqo_132 {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 10px 10px;
    border-bottom: 1px solid rgba(228, 228, 231, 0.4);
}

._headerText_1qyqo_140 {
    font-family: 'Geist', sans-serif;
    font-size: 12px;
    font-weight: 500;
    color: #52525B;
    line-height: 1;
}

/* Mode Toggle */
._modeToggle_1qyqo_149 {
    position: relative;
    display: flex;
    align-items: stretch;
    gap: 4px;
    padding: 2px;
    background: #F3F3F3;
    border-radius: 8px;
}

._modeSlider_1qyqo_159 {
    position: absolute;
    top: 2px;
    left: 2px;
    width: calc(50% - 4px);
    height: calc(100% - 4px);
    background: #FFFFFF;
    border-radius: 6px;
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
    transition: transform 0.2s ease;
}

._modeSliderRight_1qyqo_171 {
    transform: translateX(calc(100% + 4px));
}

._modeSliderHidden_1qyqo_175 {
    opacity: 0;
}

._modeTab_1qyqo_179 {
    position: relative;
    z-index: 1;
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 4px 12px;
    border-radius: 6px;
    border: none;
    background: transparent;
    font-family: 'Geist', sans-serif;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.54;
    color: #71717A;
    cursor: pointer;
    transition: color 0.2s ease;
}

._modeTabActive_1qyqo_199 {
    color: #18181B;
}

._modeTabDisabled_1qyqo_203 {
    opacity: 0.5;
    cursor: not-allowed;
}

/* Settings Content */
._settingsContent_1qyqo_209 {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 6px;
    border-radius: 6px;
}

._settingSection_1qyqo_217 {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

._settingLabel_1qyqo_223 {
    font-family: 'Geist', sans-serif;
    font-size: 12px;
    font-weight: 400;
    color: #737373;
    line-height: 1;
}

/* Option Grid */
._optionGrid_1qyqo_232 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
}

._optionGridVideo_1qyqo_238 {
    grid-template-columns: repeat(2, 1fr);
}

/* Design 画幅比：5 列 x 2 行，共 10 项 */
._optionGridDesign_1qyqo_243 {
    grid-template-columns: repeat(5, 1fr);
}

._optionGridDuration_1qyqo_247 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
}

/* Option Button */
._optionButton_1qyqo_254 {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    height: 28px;
    padding: 0 2px;
    border-radius: 6px;
    border: 1px solid rgba(228, 228, 231, 0.4);
    background: transparent;
    font-family: 'Geist', sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #27272A;
    cursor: pointer;
    transition: background-color 0.15s ease;
    line-height: 1.14;
}

._optionButton_1qyqo_254:hover {
    background: #F4F4F5;
}

._optionButtonVideo_1qyqo_277 {
    flex: 1;
}

._optionButtonActive_1qyqo_281 {
    background: #F4F4F5;
    border-color: transparent;
}

._optionButtonDesign_1qyqo_286 {
    font-size: 13px;
}

._optionButtonDuration_1qyqo_290 {
    font-size: 13px;
}

/* Aspect ratio icon in button */
._optionButton_1qyqo_254 svg {
    width: 16px;
    height: 16px;
    color: #27272A;
    flex-shrink: 0;
}

@media (max-width: 768px) {
    ._popoverContent_1qyqo_66 {
        width: min(320px, calc(100vw - 24px));
    }
}
._attachmentBar_1vkl1_1 {
    display: flex;
    align-items: center;
    gap: 4px;
    position: relative;
    width: 100%;
    min-width: 0;
    flex-wrap: nowrap;
    overflow: visible;
}

._uploadButton_1vkl1_12 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 11248.87px;
    border: none;
    background: transparent;
    cursor: pointer;
    transition: background-color 0.2s ease;
    flex-shrink: 0;
}

._uploadButton_1vkl1_12:hover {
    background: #f3f4f6;
}

._plusIcon_1vkl1_30 {
    width: 16px;
    height: 16px;
    color: #171717;
}

/* Agent Chip - shown next to Plan button */
._agentChip_1vkl1_37 {
    display: flex;
    align-items: center;
    gap: 6px;
    height: 32px;
    padding: 0 12px;
    border-radius: 999px;
    border: 1px solid rgba(0, 0, 0, 0.08);
    background: #F5F5F5;
    color: #27272A;
    font-size: 13px;
    font-weight: 500;
    font-family: 'Geist', sans-serif;
    cursor: pointer;
    transition: all 0.2s ease;
    flex-shrink: 0;
    max-width: 200px;
}

._agentChip_1vkl1_37:hover {
    background: #EBEBEB;
    border-color: rgba(0, 0, 0, 0.12);
}

._agentChipLabel_1vkl1_61 {
    color: inherit;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

._agentChipClose_1vkl1_69 {
    width: 14px;
    height: 14px;
    color: #71717A;
    flex-shrink: 0;
    transition: color 0.15s ease;
}

._agentChip_1vkl1_37:hover ._agentChipClose_1vkl1_69 {
    color: #27272A;
}

@media (max-width: 768px) {
    ._attachmentBar_1vkl1_1 {
        overflow: hidden;
    }
}

/* Category Pill */
._categoryPill_1vkl1_88 {
    display: flex;
    align-items: center;
    gap: 6px;
    height: 32px;
    padding: 0 12px;
    border-radius: 999px;
    border: 1px solid #d1d5db;
    background: #f9fafb;
    color: #374151;
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
    flex-shrink: 0;
    max-width: 100%;
}

._categoryPill_1vkl1_88:hover {
    background: #f3f4f6;
    border-color: #9ca3af;
}

._categoryPillIcon_1vkl1_111 {
    display: flex;
    align-items: center;
    justify-content: center;
    color: inherit;
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    overflow: hidden;
    position: relative;
}

._categoryPillIcon_1vkl1_111 > * {
    flex-shrink: 0;
    width: 100% !important;
    height: 100% !important;
    transform: translateX(-100px);
    filter: drop-shadow(100px 0 0 currentColor);
    pointer-events: none;
}

._categoryPillLabel_1vkl1_132 {
    color: inherit;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

._categoryPillClose_1vkl1_140 {
    width: 16px;
    height: 16px;
    color: currentColor;
    opacity: 0.6;
    flex-shrink: 0;
    transition: all 0.15s ease;
}

._categoryPill_1vkl1_88:hover ._categoryPillClose_1vkl1_140 {
    opacity: 1;
}

/* 移动端适配 */
@media (max-width: 768px) {
    ._attachmentBar_1vkl1_1 {
        gap: 2px;
    }

    ._agentChip_1vkl1_37 {
        max-width: 108px;
        padding: 0 10px;
        font-size: 12px;
    }

    ._agentChipClose_1vkl1_69 {
        width: 12px;
        height: 12px;
    }

    ._categoryPillLabel_1vkl1_132 {
        display: none;
    }

    ._categoryPillClose_1vkl1_140 {
        display: none;
    }

    ._uploadButton_1vkl1_12 {
        width: 28px;
        height: 28px;
    }

    ._plusIcon_1vkl1_30 {
        width: 14px;
        height: 14px;
    }
}
._composerPanel_15lvh_1 {
  position: relative;
  align-self: stretch;
  border-radius: 0;
  background: transparent;
  display: flex;
  flex-direction: column;
  padding: 0;
  gap: 8px;
  min-height: 52px;
}

._attachmentPreviewArea_15lvh_13 {
  margin-bottom: 12px;
}

._presetArea_15lvh_17 {
  /* Top area for preset/template selection */
  flex-shrink: 0;
}

._presetArea_15lvh_17:empty {
  display: none;
}

._inputArea_15lvh_26 {
  /* Middle area for rich text input */
  flex: 1 1 auto;
  min-height: 52px;
  display: flex;
  flex-direction: column;
}

._bottomRow_15lvh_34 {
  /* Bottom row containing attachments and actions */
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  flex-shrink: 0;
  width: 100%;
}

._attachmentArea_15lvh_43 {
  /* Bottom left: attachments */
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 4px;
}

._actionsArea_15lvh_52 {
  /* Bottom right: options and submit button */
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
}

/* 移动端适配 */
@media (max-width: 768px) {
  ._composerPanel_15lvh_1 {
    min-height: 80px;
    padding: 0;
    border-radius: 0;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }

  ._composerPanel_15lvh_1::-webkit-scrollbar {
    display: none;
  }

  ._bottomRow_15lvh_34 {
    flex-wrap: nowrap;
    gap: 8px;
    margin-top: 8px;
    justify-content: space-between;
    min-width: 0;
    align-items: center;
  }

  ._attachmentArea_15lvh_43 {
    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden;
  }

  ._actionsArea_15lvh_52 {
    flex-shrink: 0;
    gap: 4px;
    justify-content: flex-end;
  }
}
._presetSelector_tnlby_1 {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 8px;
}

._templateSelect_tnlby_8 {
    height: 24px;
    background: transparent;
    border-radius: var(--border-radius-rounded-full, 9999px);
    border: var(--border-width-border, 1px) solid #8B8B8B;
    box-shadow: none;
}

._presetsContainer_tnlby_16 {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    position: relative;
}

._presetWrapper_tnlby_23 {
    display: inline-flex;
}

._presetWrapper_tnlby_23 {
    display: inline-flex;
}

._presetButton_tnlby_31 {
    height: 28px;
    padding: 0 8px;
    border-radius: var(--border-radius-rounded-full, 9999px);
    border: 1px solid rgba(39, 39, 42, 0.10);
    background: transparent;
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    font-weight: 400;
    color: #27272a;
    transition: all 0.2s ease;
}

._presetButton_tnlby_31:hover {
    background: rgba(0, 0, 0, 0.03);
}

._presetButtonSelected_tnlby_50 {
    border: 1px solid #a1a1aa;
    pointer-events: none;
}

._removeButton_tnlby_55 {
    all: unset;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 2px;
    margin: 0 -4px 0 0;
    border-radius: 50%;
    transition: background 0.2s ease;
    pointer-events: auto;
}

._removeButton_tnlby_55:hover {
    background: rgba(0, 0, 0, 0.1);
}

._presetIcon_tnlby_71 {
    width: 14px;
    height: 14px;
    flex-shrink: 0;
    color: rgba(23, 23, 23, 0.68);
}

._presetName_tnlby_78 {
    white-space: nowrap;
}

._selectItemContent_tnlby_82 {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 4px 16px 4px 0;
    width: 100%;
}

._selectItemHeader_tnlby_90 {
    display: flex;
    align-items: center;
    gap: 4px;
}

._selectItemTitle_tnlby_96 {
    color: var(--tailwind-colors-zinc-800, #27272A);
    font-family: var(--font-font-sans, Roboto);
    font-size: var(--text-sm-font-size, 14px);
    font-style: normal;
    font-weight: var(--font-weight-medium, 500);
    line-height: 100%;
}

._infoIconWrapper_tnlby_105 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

._infoIcon_tnlby_105 {
    color: #8B8B8B;
    flex-shrink: 0;
    pointer-events: none;
}

._selectItemDescription_tnlby_118 {
    color: var(--base-muted-foreground, #737373);
    font-family: var(--font-font-sans, Roboto);
    font-size: var(--text-xs-font-size, 12px);
    font-style: normal;
    font-weight: var(--font-weight-normal, 400);
    line-height: 100%;
    margin: 0;
}

._tooltipText_tnlby_128 {
    font-size: 12px;
    color: #fff;
    margin: 0;
    white-space: nowrap;
}

._selectItem_tnlby_82 {
    padding: 8px 12px;
}

/* 移动端适配 */
@media (max-width: 768px) {
  ._presetSelector_tnlby_1 {
    gap: 6px;
    margin-bottom: 6px;
  }

  ._presetsContainer_tnlby_16 {
    gap: 6px;
  }

  ._presetButton_tnlby_31 {
    height: 24px;
    padding: 0 6px;
    font-size: 11px;
    gap: 4px;
  }

  ._presetIcon_tnlby_71 {
    width: 12px;
    height: 12px;
  }
}
/* 文本预设样式 */
._presetText_o9pa3_2 {
  display: block;
  margin-bottom: 4px;
  width: 100%;
  max-width: 100%;
}

._presetTextWrapper_o9pa3_9 {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  max-width: 100%;
  position: relative;
  padding-left: 8px;
}

._presetTextWrapper_o9pa3_9::before {
  content: '';
  position: absolute;
  top: 2px;
  left: 0;
  right: 0;
  bottom: 3px;
  pointer-events: none;
  border-left: 1.5px solid #A6ACAA;
}

._presetLabel_o9pa3_29 {
  font-weight: 500;
  font-size: 13px;
  color: #2a2a2a;
  white-space: nowrap;
  flex-shrink: 0;
  line-height: 1.5;
  padding-top: 1px;
}

._presetBody_o9pa3_39 {
  display: flex;
  align-items: flex-start;
  flex: 1;
  min-width: 0;
}

._presetContent_o9pa3_46 {
  position: relative;
  flex: 1;
  font-size: 13px;
  color: #333;
  line-height: 1.5;
  white-space: pre-wrap;
  word-break: break-word;
}

._presetContent_o9pa3_46[data-empty="true"] {
  color: #666;
}

._presetContent_o9pa3_46 [data-slate-node='text'] {
  font-size: inherit;
  line-height: inherit;
  color: inherit;
}

._presetPlaceholder_o9pa3_66 {
  position: absolute;
  top: 2px;
  left: 0;
  color: #999;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  font-size: 13px;
  line-height: 1.5;
}
/* Mention 样式 */
._mention_78ecx_2 {
  display: inline-flex;
  align-items: baseline;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  vertical-align: baseline;
  margin: 0 2px;
  box-sizing: border-box;
  line-height: inherit;
}

._mentionContent_78ecx_12 {
  display: inline-flex;
  align-items: baseline;
  gap: 4px;
  padding: 0 4px;
  background: #e2e8f0;
  border-radius: 2px;
  font-size: 13px;
  line-height: inherit;
  color: #2a2a2a;
}

._mentionError_78ecx_24 ._mentionContent_78ecx_12 {
  background: #ffebee;
  color: #c62828;
}

/* 图标样式 */
._spinIcon_78ecx_30 {
  animation: _spin_78ecx_30 1s linear infinite;
  flex-shrink: 0;
}

@keyframes _spin_78ecx_30 {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

._errorIcon_78ecx_44 {
  color: #c62828;
  flex-shrink: 0;
}
/* Mention 列表样式 */
._mentionListContainer_mfmvc_2 {
  position: fixed;
  z-index: 1000;
  background: white;
  border: 0.5px solid #cdcdcd;
  border-radius: 8px;
  box-shadow: 0 4px 11.4px 0 rgba(0, 0, 0, 0.24);
  max-height: 200px;
  overflow-y: auto;
  width: 200px;
  padding: 6px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

._mentionListItem_mfmvc_18 {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 4px 6px;
  transition: background 0.15s ease;
  border-radius: 4px;
  font-size: 12px;
  color: #000;
  cursor: pointer;
}

._mentionListItem_mfmvc_18:hover {
  background: #fafafa;
}

._mentionListItemActive_mfmvc_34 {
  background: #f5f5f5;
}

._mentionListItemDisabled_mfmvc_38 {
  opacity: 0.5;
  cursor: not-allowed !important;
}

._mentionListItemDisabled_mfmvc_38:hover {
  background: transparent !important;
}

._mentionThumbnail_mfmvc_47 {
  width: 16px;
  height: 16px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 2px;
  flex-shrink: 0;
}

._mentionName_mfmvc_55 {
  font-size: 12px;
  color: #000;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  pointer-events: none;
  flex: 1;
}

._uploadingHint_mfmvc_65 {
  color: #999;
  font-size: 11px;
}
._typewriter_1xmv3_1 {
    display: inline;
    font-family: 'Outfit', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    color: #71717A;
    opacity: 0.7;
}

._text_1xmv3_11 {
    /* 文字内容 */
}

._caret_1xmv3_15 {
    display: inline-block;
    width: 1px;
    height: 1em;
    background-color: #71717A;
    margin-left: 1px;
    vertical-align: text-bottom;
    opacity: 0.45;
}

/* 尊重用户的减少动画偏好 */
@media (prefers-reduced-motion: reduce) {
    ._caret_1xmv3_15 {
        display: none;
    }
}
._richTextInput_kg7rk_1 {
  width: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  flex: 1;
  font-family: 'Geist', 'Geist Variable', sans-serif;
}

._editable_kg7rk_10 {
  width: 100%;
  min-height: 52px;
  max-height: 200px;
  padding: 0 6px;
  font-family: 'Geist', 'Geist Variable', sans-serif !important;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  color: #52525b;
  outline: none;
  overflow-y: auto;
  overflow-x: hidden;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

._editable_kg7rk_10 p {
  font-family: 'Geist', 'Geist Variable', sans-serif !important;
  font-size: 15px;
  line-height: 24px;
  margin: 0;
}

._editable_kg7rk_10 span,
._editable_kg7rk_10 * {
  font-family: 'Geist', 'Geist Variable', sans-serif !important;
}

/* Placeholder 样式  */
._placeholder_kg7rk_41 {
  color: #52525b !important;
  font-family: 'Geist', 'Geist Variable', sans-serif !important;
  font-size: 15px;
  font-weight: 400;
  line-height: 24px;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  opacity: 0.7 !important;
}

/* 打字机 Placeholder 样式 */
._typewriterPlaceholder_kg7rk_53 {
  color: #52525b;
  font-family: 'Geist', 'Geist Variable', sans-serif !important;
  font-size: 15px;
  font-weight: 400;
  line-height: 24px;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  opacity: 0.7;
}

._cursor_kg7rk_64 {
  color: #52525b;
  font-weight: 300;
  margin-left: 1px;
}

/* 移动端适配 */
@media (max-width: 768px) {
  ._editable_kg7rk_10 {
    min-height: 52px;
    max-height: 400px;
    font-size: 13px;
    line-height: 20px;
  }

  ._placeholder_kg7rk_41,
  ._typewriterPlaceholder_kg7rk_53 {
    font-size: 13px;
    line-height: 20px;
  }
}
._triggerButton_pm5zt_1 {
    position: relative;
    isolation: isolate;
    padding-inline: 14px;
    background: transparent;
    overflow: visible;
}

._triggerButtonIconOnly_pm5zt_9 {
    padding-inline: 0;
    border-radius: 999px;
}

._triggerLabel_pm5zt_14 {
    display: inline-block;
    min-width: 4.8ch;
    text-align: left;
    letter-spacing: 0.01em;
}

._triggerButton_pm5zt_1::after {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background:
        linear-gradient(132deg, rgba(248, 242, 255, 0.96) 0%, rgba(255, 236, 223, 0.95) 34%, rgba(255, 208, 224, 0.94) 66%, rgba(239, 219, 255, 0.96) 100%);
    pointer-events: none;
    z-index: -1;
}

._triggerButton_pm5zt_1::before {
    content: '';
    position: absolute;
    inset: -2px;
    padding: 2px;
    border-radius: inherit;
    background: linear-gradient(126deg, #5aa3ff 0%, #f4bf7e 28%, #df86a7 54%, #ca4dff 82%, #e9c8ff 100%);
    pointer-events: none;
    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
            mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
            mask-composite: exclude;
    z-index: -1;
}

._triggerButtonIconOnly_pm5zt_9::after {
    inset: 1px;
    border-radius: 999px;
}

._triggerButtonIconOnly_pm5zt_9::before {
    inset: 0;
    padding: 2px;
    border-radius: 999px;
}

._popoverContent_pm5zt_62 {
    width: 320px;
    padding: 6px;
    border-radius: 16px;
    border: 1px solid rgba(23, 23, 23, 0.08);
    background: rgba(255, 255, 255, 0.98);
    box-shadow: 0 18px 42px rgba(15, 23, 42, 0.12);
}

._options_pm5zt_71 {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

._option_pm5zt_71 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    width: 100%;
    min-height: 42px;
    padding: 10px 12px;
    border: none;
    border-radius: 12px;
    background: transparent;
    text-align: left;
    color: #171717;
    transition: background-color 0.18s ease, color 0.18s ease;
    cursor: pointer;
}

._option_pm5zt_71:hover {
    background: #f5f8ef;
}

._optionActive_pm5zt_98 {
    background: #f3f4f6;
    color: #171717;
}

._optionContent_pm5zt_103 {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    min-width: 0;
}

._optionText_pm5zt_110 {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

._optionLabel_pm5zt_117 {
    font-size: 14px;
    line-height: 1.4;
    font-weight: 500;
    font-family: 'Geist', sans-serif;
    text-transform: capitalize;
}

._optionDescription_pm5zt_125 {
    font-size: 12px;
    line-height: 1.35;
    font-weight: 400;
    color: #666;
    font-family: 'Geist', sans-serif;
}

._optionActive_pm5zt_98 ._optionDescription_pm5zt_125 {
    color: #666;
}

._checkIcon_pm5zt_137 {
    width: 15px;
    height: 15px;
    flex-shrink: 0;
}

@media (max-width: 768px) {
    ._triggerButton_pm5zt_1 {
        min-width: 0;
        max-width: 110px;
        padding-inline: 10px;
    }

    ._triggerLabel_pm5zt_14 {
        min-width: 0;
        max-width: 5ch;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    ._popoverContent_pm5zt_62 {
        width: min(300px, calc(100vw - 24px));
    }
}
._wrapper_1x70r_1 {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
}

._inputPanel_1x70r_8 {
    position: relative;
    width: 800px;
    max-width: 100%;
    margin: 0 auto;
    border-radius: 26px;
    border: 1px solid #e4e4e7;
    background: rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(25px);
    -webkit-backdrop-filter: blur(25px);
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

._templateGroupWrapper_1x70r_24 {
    margin-top: 40px;
    display: flex;
    justify-content: center;
    width: 100%;
    max-width: 100%;
}

/* 移动端适配 */
@media (max-width: 768px) {
    ._inputPanel_1x70r_8 {
        width: 100%;
        max-width: 100%;
        border-radius: 20px;
        padding: 12px;
        gap: 12px;
        overflow: visible;
    }

    ._templateGroupWrapper_1x70r_24 {
        margin-top: 24px;
        width: 100%;
        max-width: 100%;
        overflow: visible;
    }
}
._attachmentBar_adw2h_1 {
    display: flex;
    align-items: center;
    gap: 4px;
    position: relative;
    width: 100%;
    min-width: 0;
}

._previewWrapper_adw2h_10 {
    width: 100%;
}

._filesContainer_adw2h_14 {
    position: relative;
    overflow: hidden;
    flex: 1;
}

._filesList_adw2h_20 {
    display: flex;
    gap: 8px;
    align-items: center;
    overflow-x: auto;
    scroll-behavior: smooth;
    width: 100%;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

._filesList_adw2h_20::-webkit-scrollbar {
    display: none;
}

._filesList_adw2h_20[data-can-scroll-left='true'] {
    -webkit-mask-image: linear-gradient(to right, transparent 0, black 80px, black 100%);
    mask-image: linear-gradient(to right, transparent 0, black 80px, black 100%);
}

._filesList_adw2h_20[data-can-scroll-right='true'] {
    -webkit-mask-image: linear-gradient(
        to right,
        black 0%,
        black calc(100% - 80px),
        transparent 100%
    );
    mask-image: linear-gradient(to right, black 0%, black calc(100% - 80px), transparent 100%);
}

._filesList_adw2h_20[data-can-scroll-left='true'][data-can-scroll-right='true'] {
    -webkit-mask-image: linear-gradient(
        to right,
        transparent 0,
        black 80px,
        black calc(100% - 80px),
        transparent 100%
    );
    mask-image: linear-gradient(
        to right,
        transparent 0,
        black 80px,
        black calc(100% - 80px),
        transparent 100%
    );
}

._scrollButton_adw2h_67 {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    min-width: 24px;
    padding: 0;
    border-radius: 4px;
    flex-shrink: 0;
    z-index: 2;
}

._scrollButtonLeft_adw2h_80 {
    left: 4px;
}

._scrollButtonRight_adw2h_84 {
    right: 4px;
}

._scrollIcon_adw2h_88 {
    width: 16px;
    height: 16px;
}

._fileItem_adw2h_93 {
    position: relative;
    flex-shrink: 0;
}

._filePreview_adw2h_98 {
    position: relative;
    width: 32px;
    height: 32px;
    border-radius: 8px;
    overflow: hidden;
    border: 0.5px solid #6e6e6e;
}

._thumbnail_adw2h_107 {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}

._filePreviewUploading_adw2h_113 {
    border: none;
    background: #f4f4f5;
}

._uploadingOverlay_adw2h_118 {
    position: absolute;
    inset: 0;
    background: #f4f4f5;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
}

._removeButton_adw2h_128 {
    position: absolute;
    top: -6px;
    right: -6px;
    width: 20px;
    height: 20px;
    min-width: 20px;
    padding: 0;
    border-radius: 50%;
    opacity: 0;
    transition: opacity 0.2s ease;
}

._fileItem_adw2h_93:hover ._removeButton_adw2h_128 {
    opacity: 1;
}

._removeIcon_adw2h_145 {
    width: 12px;
    height: 12px;
}

._fileName_adw2h_150 {
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px;
}
._overlay_2gdgh_1 {
    background: rgba(0, 0, 0, 0.6);
    backdrop-filter: blur(8px);
}

._content_2gdgh_6 {
    max-width: 90vw;
    max-height: 90vh;
    width: auto;
    height: auto;
    padding: 0;
    border: none;
    background: transparent;
    box-shadow: none;
    overflow: visible;
}

._closeButton_2gdgh_18 {
    position: absolute;
    top: 12px;
    right: 12px;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #F4F4F5;
    border: none;
    border-radius: 50%;
    color: #18181B;
    cursor: pointer;
    z-index: 10;
    transition: all 0.2s ease;
}

._closeButton_2gdgh_18:hover {
    background: #E4E4E7;
}

._modalBody_2gdgh_40 {
    display: flex;
    flex-direction: row;
    gap: 0;
    width: 924px;
    height: 604px;
    max-width: 90vw;
    max-height: 80vh;
    margin: 0 auto;
    background: #FFFFFF;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);
}

/* Left: Media Section */
._imageSection_2gdgh_56 {
    flex: 1;
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #FFFFFF;
    overflow: hidden;
}

._singleImage_2gdgh_66 {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}

._placeholder_2gdgh_72 {
    width: 100%;
    height: 100%;
    min-height: 400px;
    background: linear-gradient(135deg, #F8F9FA 0%, #E9ECEF 100%);
}

/* Right: Info Section */
._infoSection_2gdgh_80 {
    width: 352px;
    flex-shrink: 0;
    padding: 24px 20px 20px 24px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    box-sizing: border-box;
    height: 100%;
    overflow: hidden;
}

/* Agent badge */
._agentBadge_2gdgh_93 {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    padding: 4px 8px;
    background: #18181B;
    border-radius: 99px;
    font-family: 'Geist', sans-serif;
    font-size: 11px;
    font-weight: 500;
    color: #FFFFFF;
    width: -moz-fit-content;
    width: fit-content;
}

._agentBadge_2gdgh_93 svg {
    width: 10px;
    height: 10px;
}

/* Title */
._title_2gdgh_113 {
    font-family: 'Geist', sans-serif;
    font-size: 20px;
    font-weight: 600;
    color: #1A1A1A;
    margin: 0;
    line-height: 24px;
}

/* Description section */
._promptSection_2gdgh_123 {
    display: flex;
    flex-direction: column;
    gap: 8px;
    flex: 1;
    min-height: 0;
    overflow: hidden;
}

._promptHeader_2gdgh_132 {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

._promptLabel_2gdgh_138 {
    font-family: 'Geist', sans-serif;
    font-size: 13px;
    font-weight: 400;
    color: #71717A;
}

._promptText_2gdgh_145 {
    font-family: 'Geist', sans-serif;
    font-size: 13px;
    font-weight: 400;
    color: #3C3C3C;
    line-height: 22px;
    margin: 0;
    padding-right: 4px;
    overflow-y: auto;
    flex: 1;
    min-height: 0;
}

/* Custom scrollbar styles */
._promptText_2gdgh_145::-webkit-scrollbar {
    width: 6px;
}

._promptText_2gdgh_145::-webkit-scrollbar-track {
    background: transparent;
}

._promptText_2gdgh_145::-webkit-scrollbar-thumb {
    background: #D9D9D9;
    border-radius: 3px;
    min-height: 52px;
}

._promptText_2gdgh_145::-webkit-scrollbar-thumb:hover {
    background: #C0C0C0;
}

/* Markdown content styling inside promptText */
._promptText_2gdgh_145 h1,
._promptText_2gdgh_145 h2,
._promptText_2gdgh_145 h3,
._promptText_2gdgh_145 h4,
._promptText_2gdgh_145 h5,
._promptText_2gdgh_145 h6 {
    font-size: 14px;
    font-weight: 600;
    margin: 8px 0 4px;
}

._promptText_2gdgh_145 h1:first-child,
._promptText_2gdgh_145 h2:first-child,
._promptText_2gdgh_145 h3:first-child {
    margin-top: 0;
}

._promptText_2gdgh_145 p {
    margin: 16px 0;
    line-height: 22px;
    font-size: 13px;
}

._promptText_2gdgh_145 p:first-child {
    margin-top: 0;
}

._promptText_2gdgh_145 ul,
._promptText_2gdgh_145 ol {
    margin: 4px 0;
    padding-left: 20px;
}

._promptText_2gdgh_145 li {
    margin: 2px 0;
}

._promptText_2gdgh_145 code {
    background: #F4F4F5;
    padding: 1px 4px;
    border-radius: 4px;
    font-size: 13px;
}

._promptText_2gdgh_145 blockquote {
    border-left: 3px solid #E4E4E7;
    margin: 4px 0;
    padding-left: 12px;
    color: #71717A;
}

/* Use button */
._useButton_2gdgh_230 {
    width: 100%;
    height: 36px;
    padding: 0 24px;
    background: #D7F36F;
    color: #1A1A1A;
    border: none;
    border-radius: 12px;
    font-family: 'Geist', sans-serif;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
    margin-top: auto;
    flex-shrink: 0;
}

._useButton_2gdgh_230:hover {
    background: #C5E85D;
}

._useButton_2gdgh_230:active {
    transform: translateY(1px);
}

/* Responsive */
@media (max-width: 768px) {
    ._content_2gdgh_6 {
        max-width: 95vw;
        max-height: 95vh;
    }

    ._modalBody_2gdgh_40 {
        flex-direction: column;
        width: 100%;
        max-width: 400px;
    }

    ._closeButton_2gdgh_18 {
        top: 8px;
        right: 8px;
        width: 28px;
        height: 28px;
    }

    ._imageSection_2gdgh_56 {
        min-height: 280px;
    }

    ._infoSection_2gdgh_80 {
        width: 100%;
        height: auto;
        padding: 20px;
        gap: 12px;
    }

    ._title_2gdgh_113 {
        font-size: 16px;
    }

    ._promptText_2gdgh_145 {
        font-size: 13px;
    }

    ._useButton_2gdgh_230 {
        height: 40px;
        font-size: 14px;
    }
}
._button_1r62i_1 {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    min-width: 32px;
    min-height: 32px;
    border-radius: 8px;
    border: 1px solid #E4E4E7;
    background: #FFFFFF;
    color: #0A0A0A;
    cursor: pointer;
    transition: all 0.2s ease;
    text-decoration: none;
    box-shadow: none;
}

._button_1r62i_1 svg {
    color: #0A0A0A;
}

._button_1r62i_1:hover {
    background: #FAFAFA;
}

._button_1r62i_1:active {
    background: #F4F4F5;
}

/* Popover Content */
._popoverContent_1r62i_33 {
    width: 380px !important;
    padding: 8px !important;
    border-radius: 16px !important;
    border: 1px solid #F4F4F5 !important;
    background: rgba(255, 255, 255, 0.95) !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.12) !important;
    backdrop-filter: blur(50px);
    overflow: hidden;
}

/* Header */
._header_1r62i_45 {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 8px 12px 8px;
    border-bottom: 1px solid #F4F4F5;
    box-sizing: border-box;
}

/* Tab Group - Based on Figma Tabs component */
._tabGroup_1r62i_55 {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 3px;
    width: 100%;
    height: 40px;
    background: #F5F5F5;
    border-radius: 10px;
    box-sizing: border-box;
}

._tab_1r62i_55 {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    padding: 4px 8px;
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    font-weight: 500;
    color: #71717A;
    background: transparent;
    border: none;
    border-radius: 12px;
    cursor: pointer;
    transition: all 0.2s ease;
    position: relative;
}

._tab_1r62i_55:hover {
    color: #3F3F46;
}

._tabActive_1r62i_90 {
    color: #0A0A0A;
}

._tabIndicator_1r62i_94 {
    position: absolute;
    inset: 0;
    background: #FFFFFF;
    border: 1px solid transparent;
    border-radius: 8px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
    z-index: 0;
}

._tabText_1r62i_104 {
    position: relative;
    z-index: 1;
}

/* Empty State */
._emptyState_1r62i_110 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 40px 24px;
    text-align: center;
}

._emptyStateText_1r62i_119 {
    font-family: 'Outfit', sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #A1A1AA;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 6px;
}

/* Content */
._content_1r62i_131 {
    height: 350px;
    min-height: 350px;
    max-height: 350px;
    overflow-y: auto;
}

/* List */
._list_1r62i_139 {
    display: flex;
    flex-direction: column;
    gap: 9px;
}

._listItem_1r62i_145 {
    position: relative;
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 12px;
    border-radius: 8px;
    border-bottom: 1px solid #F4F4F5;
    transition: background 0.15s ease;
}

._listItem_1r62i_145:last-child {
    border-bottom: none;
}

._listItemClickable_1r62i_160 {
    cursor: pointer;
}

._listItemClickable_1r62i_160:hover {
    background: #F4F4F5;
}

/* List Item Content */
._listItemContent_1r62i_169 {
    flex: 1;
    min-width: 0;
}

._listItemTitle_1r62i_174 {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
    font-family: 'Outfit', sans-serif;
    font-size: 13px;
    font-weight: 600;
    color: #0A0A0A;
    margin: 0 0 4px;
    line-height: 1.4;
}

._listItemTag_1r62i_187 {
    display: inline-block;
    padding: 2px 5px;
    font-size: 9px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    color: #6366F1;
    background: #EEF2FF;
    border-radius: 3px;
}

._listItemDescription_1r62i_199 {
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    font-weight: 400;
    color: #71717A;
    margin: 0 0 6px;
    line-height: 1.5;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

._listItemTime_1r62i_213 {
    font-family: 'Roboto', sans-serif;
    font-size: 11px;
    font-weight: 400;
    color: #A1A1AA;
}

/* Thumbnail */
._listItemThumbnail_1r62i_221 {
    width: 80px;
    height: 64px;
    border-radius: 8px;
    overflow: hidden;
    flex-shrink: 0;
    background: linear-gradient(135deg, #EC4899 0%, #8B5CF6 50%, #3B82F6 100%);
}

._listItemThumbnail_1r62i_221 img,
._listItemThumbnail_1r62i_221 video {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}

/* Arrow */
._listItemArrow_1r62i_238 {
    width: 14px;
    height: 14px;
    color: #71717A;
    flex-shrink: 0;
    opacity: 0;
    transition: opacity 0.15s ease, transform 0.15s ease;
}

._listItemClickable_1r62i_160:hover ._listItemArrow_1r62i_238 {
    opacity: 1;
    transform: translateX(2px);
}

/* Mobile Responsive */
@media (max-width: 480px) {
    ._popoverContent_1r62i_33 {
        width: calc(100vw - 80px) !important;
        max-width: 340px !important;
    }

    ._content_1r62i_131 {
        max-height: 50vh;
    }

    ._listItemThumbnail_1r62i_221 {
        width: 64px;
        height: 48px;
    }
}
/* Fullscreen Modal Content */
._fullscreenOverlay_1k9mt_2 {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: var(--sidebar-width, 238px);
    transition: left 0.3s ease;
    z-index: 50;
    display: flex;
    flex-direction: column;
    background: #FFFFFF;
    overflow-y: auto;
    overflow-x: hidden;
}

/* 移动端样式 - 不预留侧边栏空间 */
@media (max-width: 768px) {
    ._fullscreenOverlay_1k9mt_2 {
        left: 0;
        top: 56px;
    }
}

/* Close Button */
._closeButton_1k9mt_26 {
    position: fixed;
    top: 24px;
    right: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background: #FFFFFF;
    border: 1px solid #E4E4E7;
    border-radius: 50%;
    cursor: pointer;
    color: #71717A;
    transition: all 0.2s ease;
    z-index: 100;
}

._closeButton_1k9mt_26:hover {
    background: #F4F4F5;
    color: #0A0A0A;
    border-color: #D4D4D8;
}

/* Header */
._header_1k9mt_51 {
    max-width: 900px;
    margin: 0 auto;
    padding: 80px 24px 48px;
    text-align: center;
}

._title_1k9mt_58 {
    font-family: 'Outfit', sans-serif;
    font-size: 36px;
    font-weight: 700;
    color: #0A0A0A;
    margin: 0 0 12px;
    letter-spacing: -0.02em;
}

._subtitle_1k9mt_67 {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #71717A;
    margin: 0 0 32px;
}

/* Tab Group */
._tabGroup_1k9mt_76 {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 3px;
    height: 44px;
    background: #F5F5F5;
    border-radius: 10px;
    box-sizing: border-box;
}

._tab_1k9mt_76 {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    padding: 0 20px;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 500;
    color: #71717A;
    background: transparent;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    transition: color 0.2s ease;
    position: relative;
}

._tab_1k9mt_76:hover {
    color: #3F3F46;
}

._tabActive_1k9mt_109 {
    color: #0A0A0A;
}

._tabIndicator_1k9mt_113 {
    position: absolute;
    inset: 0;
    background: #FFFFFF;
    border-radius: 8px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    z-index: 0;
}

._tabText_1k9mt_122 {
    position: relative;
    z-index: 1;
}

/* Empty State */
._emptyState_1k9mt_128 {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 300px;
    padding: 48px;
}

._emptyStateText_1k9mt_136 {
    font-family: 'Outfit', sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #A1A1AA;
    margin: 0;
}

/* Loading State */
._loadingState_1k9mt_145 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex: 1;
    min-height: 100%;
    gap: 16px;
    width: 100%;
}

._loadingText_1k9mt_156 {
    font-family: 'Outfit', sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #71717A;
    margin: 0;
}

/* Timeline */
._timeline_1k9mt_165 {
    position: relative;
    display: flex;
    flex-direction: column;
    max-width: 900px;
    margin: 0 auto;
    padding: 0 24px 80px;
}

/* 连贯的时间线竖线 */
._timeline_1k9mt_165::before {
    content: '';
    position: absolute;
    left: 204px;
    top: 0;
    bottom: 0;
    width: 1px;
    background: #E4E4E7;
}

._timelineItem_1k9mt_185 {
    position: relative;
    display: flex;
    align-items: flex-start;
}

/* Timeline Meta - Left Column with Sticky */
._timelineMeta_1k9mt_192 {
    position: sticky;
    top: 24px;
    align-self: flex-start;
    width: 180px;
    flex-shrink: 0;
    padding: 32px 32px 32px 0;
    text-align: right;
    background: #FFFFFF;
    z-index: 10;
}

._date_1k9mt_204 {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 500;
    color: #71717A;
    white-space: nowrap;
}

/* 时间线圆点 */
._timelineDot_1k9mt_213 {
    position: absolute;
    left: 176px;
    top: 38px;
    width: 8px;
    height: 8px;
    background: #71717A;
    border-radius: 50%;
    border: 2px solid #FFFFFF;
    z-index: 11;
}

/* Card Wrapper - Right Column */
._cardWrapper_1k9mt_226 {
    flex: 1;
    padding: 32px 0 32px 32px;
    border-bottom: 1px solid #F4F4F5;
}

._timelineItem_1k9mt_185:last-child ._cardWrapper_1k9mt_226 {
    border-bottom: none;
}

/* Tag */
._tag_1k9mt_237 {
    display: inline-block;
    padding: 4px 10px;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    font-weight: 500;
    color: #6366F1;
    background: #EEF2FF;
    border-radius: 4px;
    margin-bottom: 12px;
}

/* Card Title */
._cardTitle_1k9mt_250 {
    font-family: 'Outfit', sans-serif;
    font-size: 20px;
    font-weight: 600;
    color: #0A0A0A;
    margin: 0 0 16px;
    line-height: 1.4;
}

/* Media Wrapper */
._mediaWrapper_1k9mt_260 {
    position: relative;
    width: 100%;
    max-width: 560px;
    aspect-ratio: 16 / 9;
    border-radius: 12px;
    overflow: hidden;
    background: #F4F4F5;
    margin-bottom: 16px;
}

._mediaImage_1k9mt_271 {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}

._mediaVideo_1k9mt_277 {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
    background: #000;
}

/* Description */
._description_1k9mt_285 {
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.7;
    color: #52525B;
    margin: 0;
    max-width: 560px;
}

/* Responsive */
@media (max-width: 768px) {
    ._header_1k9mt_51 {
        padding: 60px 16px 32px;
    }

    ._title_1k9mt_58 {
        font-size: 28px;
    }

    ._timeline_1k9mt_165 {
        padding: 0 16px 60px;
    }

    ._timeline_1k9mt_165::before {
        display: none;
    }

    ._timelineDot_1k9mt_213 {
        display: none;
    }

    ._timelineItem_1k9mt_185 {
        flex-direction: column;
    }

    ._timelineMeta_1k9mt_192 {
        position: static;
        width: 100%;
        padding: 16px 0 8px;
        text-align: left;
    }

    ._cardWrapper_1k9mt_226 {
        padding: 0 0 24px;
    }

    ._closeButton_1k9mt_26 {
        top: 16px;
        right: 16px;
    }
}

/* Loading More */
._loadingMore_1k9mt_339 {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 24px;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    color: #71717A;
}
._sidebar_wvcn6_1 {
    width: 238px;
    height: 100vh;
    background: linear-gradient(159deg, #F8F8F8 33.29%, #F5FEF6 86.35%);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 40;
    overflow: hidden;
    transition: width 250ms cubic-bezier(.4, 0, .2, 1);
}

/* Collapsed state */
._sidebarCollapsed_wvcn6_17 {
    width: 60px;
}

._sidebarCollapsed_wvcn6_17 ._logoSection_wvcn6_21 {
    padding: 12px 20px;
}

._sidebarCollapsed_wvcn6_17 ._logoRow_wvcn6_25 {
    justify-content: center;
    padding-left: 0;
}

._sidebarCollapsed_wvcn6_17 ._contentWrapper_wvcn6_30 {
    padding: 12px 8px 20px 8px;
}

._sidebarCollapsed_wvcn6_17 ._contentInner_wvcn6_34 {
    align-items: center;
}

._sidebarCollapsed_wvcn6_17 ._nav_wvcn6_38 {
    align-items: center;
}

._sidebarCollapsed_wvcn6_17 ._navItem_wvcn6_42 {
    justify-content: center;
    padding: 6px;
    width: 40px;
    height: 40px;
    min-width: 40px;
    min-height: 40px;
    aspect-ratio: 1 / 1;
}

/* Logo Section */
._logoSection_wvcn6_21 {
    display: flex;
    flex-direction: column;
    gap: 0;
    height: 56px;
    padding: 12px 8px 12px 20px;
    justify-content: center;
}

._logoRow_wvcn6_25 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: 4px;
}

._logoExpandedImage_wvcn6_69 {
    display: flex;
    align-items: center;
    height: 21px;
    width: auto;
    transition: opacity 0.15s ease;
}

._sidebarCollapsed_wvcn6_17 ._logoExpandedImage_wvcn6_69 {
    opacity: 0;
    pointer-events: none;
}

._logoCollapsedImage_wvcn6_82 {
    display: flex;
    align-items: center;
    width: 20px;
    height: 20px;
}

._logoExpandedImage_wvcn6_69 svg,
._logoCollapsedImage_wvcn6_82 svg {
    display: block;
}

._logoExpandedImage_wvcn6_69 svg {
    height: 100%;
    width: auto;
}

._logoButton_wvcn6_99 {
    width: 32px;
    height: 32px;
    min-width: 32px;
    min-height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    border: none;
    border-radius: 8px;
    color: #404040;
    cursor: pointer;
    flex-shrink: 0;
    aspect-ratio: 1 / 1;
}

._logoButton_wvcn6_99:hover {
    background: rgba(0, 0, 0, 0.05);
}

/* Content Wrapper */
._contentWrapper_wvcn6_30 {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 0;
    padding: 12px 12px 20px 12px;
    min-height: 0;
}

._contentInner_wvcn6_34 {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

._workspaceContainer_wvcn6_136 {
    margin-bottom: 4px;
}

/* Navigation */
._nav_wvcn6_38 {
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 100%;
}

._navItem_wvcn6_42 {
    display: flex;
    align-items: center;
    gap: 10px;
    height: 36px;
    padding: 6px 10px;
    border-radius: 8px;
    color: #171717;
    text-decoration: none;
    font-family: 'Geist Variable', 'Geist', sans-serif;
    font-size: 14px;
    font-weight: 500;
    transition: background 0.15s ease, color 0.15s ease;
    line-height: 1.2;
    width: 100%;
    background: transparent;
    border: none;
    cursor: pointer;
    text-align: left;
}

._navItem_wvcn6_42 span {
    transition: opacity 0.15s ease;
}

._sidebarCollapsed_wvcn6_17 ._navItem_wvcn6_42 span {
    opacity: 0;
    pointer-events: none;
}

._navItem_wvcn6_42,
._navItem_wvcn6_42 * {
    cursor: pointer;
}

._navItem_wvcn6_42:hover {
    background: #EDEDED;
    color: #171717;
}

._navItem_wvcn6_42 svg,
._navItem_wvcn6_42 > svg {
    color: #171717;
    flex-shrink: 0;
    width: 18px;
    height: 18px;
}

/* Profile icon specific size (match /create sidebar) */
._navItem_wvcn6_42 svg[viewBox="0 0 12 14"] {
    width: 16px;
    height: 16px;
}

._navItemActive_wvcn6_202 {
    background: #EDEDED;
    color: #09090B;
}

._navItemActive_wvcn6_202 svg,
._navItemActive_wvcn6_202 > svg {
    color: #09090B;
}

/* Bottom Section */
._bottomSection_wvcn6_213 {
    padding: 12px 8px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 100%;
}

/* Medium screens - auto-collapse sidebar */
@media (max-width: 1024px) and (min-width: 769px) {
    ._sidebar_wvcn6_1 {
        width: 60px;
    }

    ._sidebar_wvcn6_1:not(._sidebarCollapsed_wvcn6_17) {
        width: 60px;
    }

    ._logoSection_wvcn6_21 {
        padding: 12px 14px;
    }

    ._logoRow_wvcn6_25 {
        justify-content: center;
        padding-left: 0;
    }

    ._logoButton_wvcn6_99 {
        width: 32px;
        height: 32px;
        min-width: 32px;
        min-height: 32px;
        flex-shrink: 0;
    }

    ._logoExpandedImage_wvcn6_69 {
        display: none;
    }

    ._logoCollapsedImage_wvcn6_82 {
        display: block;
    }

    ._contentWrapper_wvcn6_30 {
        padding: 12px 8px 20px 8px;
    }

    ._contentInner_wvcn6_34 {
        align-items: center;
    }

    ._navItem_wvcn6_42 {
        justify-content: center;
        padding: 6px;
        width: 40px;
        height: 40px;
        min-width: 40px;
        min-height: 40px;
        aspect-ratio: 1 / 1;
    }

    ._navItem_wvcn6_42 span {
        display: none;
    }

    ._bottomSection_wvcn6_213 {
        padding: 8px;
        align-items: center;
    }
}

/* Mobile adaptation */
@media (max-width: 768px) {
    ._sidebar_wvcn6_1 {
        width: 280px;
        left: 0;
        top: 0;
        transform: translateX(-100%);
        z-index: 999;
        transition: transform 0.3s ease;
    }

    ._sidebarCollapsed_wvcn6_17 {
        width: 280px;
        transform: translateX(-100%);
    }

    ._sidebarMobileOpen_wvcn6_300 {
        transform: translateX(0) !important;
        width: 280px !important;
    }

    ._sidebarMobileOpen_wvcn6_300 ._logoSection_wvcn6_21 {
        padding: 12px 8px 12px 20px;
    }

    ._sidebarMobileOpen_wvcn6_300 ._logoRow_wvcn6_25 {
        justify-content: space-between;
        padding-left: 4px;
    }

    ._sidebarMobileOpen_wvcn6_300 ._logoExpandedImage_wvcn6_69 {
        display: block;
    }

    ._sidebarMobileOpen_wvcn6_300 ._logoCollapsedImage_wvcn6_82 {
        display: none;
    }

    ._sidebarMobileOpen_wvcn6_300 ._contentWrapper_wvcn6_30 {
        padding: 12px 12px 20px 12px;
    }

    ._sidebarMobileOpen_wvcn6_300 ._contentInner_wvcn6_34 {
        align-items: stretch;
    }

    ._sidebarMobileOpen_wvcn6_300 ._workspaceContainer_wvcn6_136 {
        display: block;
    }

    ._sidebarMobileOpen_wvcn6_300 ._navItem_wvcn6_42 {
        justify-content: flex-start;
        padding: 6px 10px;
        width: auto;
        height: 36px;
        min-width: auto;
        min-height: auto;
        aspect-ratio: auto;
    }

    ._sidebarMobileOpen_wvcn6_300 ._navItem_wvcn6_42 span {
        display: inline;
    }

    ._sidebarMobileOpen_wvcn6_300 ._bottomSection_wvcn6_213 {
        padding: 12px 8px;
        align-items: stretch;
    }
}
._header_18u6d_1 {
    --explore-header-height: 58px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 24px;
    min-height: var(--explore-header-height);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.72) 0%, rgba(255, 255, 255, 0.44) 100%);
    backdrop-filter: blur(24px) saturate(1.05);
    -webkit-backdrop-filter: blur(24px) saturate(1.05);
    border-bottom: 1px solid rgba(255, 255, 255, 0.45);
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.32);
    position: sticky;
    top: 0;
    z-index: 20;
}

._headerTransparent_18u6d_18 {
    background: transparent;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    border-bottom: none;
    box-shadow: none;
    margin-bottom: calc(var(--explore-header-height) * -1);
}

._logoSection_18u6d_27 {
    display: flex;
    align-items: center;
    gap: 12px;
}

._mobileMenuButton_18u6d_33 {
    display: none;
    width: 32px;
    height: 32px;
    min-width: 32px;
    min-height: 32px;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.42);
    border: 1px solid rgba(22, 22, 26, 0.06);
    border-radius: 8px;
    color: #404040;
    cursor: pointer;
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
}

._mobileMenuButton_18u6d_33:hover {
    background: rgba(255, 255, 255, 0.62);
}

._logoTitle_18u6d_54 {
    font-family: 'Geist Variable', 'Geist', sans-serif;
    font-size: 16px;
    font-weight: 500;
    color: #1A1A1A;
}

._buttonGroup_18u6d_61 {
    display: flex;
    align-items: center;
    gap: 12px;
}

/* Mobile adaptation */
@media (max-width: 768px) {
    ._header_18u6d_1 {
        --explore-header-height: 56px;
        padding: 12px 16px;
    }

    ._mobileMenuButton_18u6d_33 {
        display: flex;
    }

    ._logoTitle_18u6d_54 {
        font-size: 14px;
    }

    ._buttonGroup_18u6d_61 {
        gap: 8px;
    }
}
._layout_193p7_1 {
    display: flex;
    min-height: 100vh;
    background: #F9F9F9;
}

._content_193p7_7 {
    flex: 1;
    display: flex;
    flex-direction: column;
    min-width: 0;
    margin-left: 238px;
    background: transparent;
    border-top-left-radius: 16px;
    border-bottom-left-radius: 16px;
    overflow: hidden;
    transition: margin-left 250ms cubic-bezier(.4, 0, .2, 1);
}

/* Collapsed state */
._layout_193p7_1._collapsed_193p7_21 ._content_193p7_7 {
    margin-left: 60px;
}

/* Disable expensive effects during sidebar transition to prevent per-frame repaints */
._layout_193p7_1[data-sidebar-transitioning] ._content_193p7_7 {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

/* Main content area */
._main_193p7_32 {
    flex: 1;
    display: flex;
    flex-direction: column;
}

/* Mobile overlay */
._mobileOverlay_193p7_39 {
    display: none;
}

/* Medium screens - auto-collapse sidebar */
@media (max-width: 1024px) and (min-width: 769px) {
    ._content_193p7_7 {
        margin-left: 60px;
    }

    ._layout_193p7_1._collapsed_193p7_21 ._content_193p7_7 {
        margin-left: 60px;
    }
}

/* Mobile adaptation */
@media (max-width: 768px) {
    ._layout_193p7_1 {
        flex-direction: column;
    }

    ._content_193p7_7 {
        margin-left: 0;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
        transition: none;
    }

    ._layout_193p7_1._collapsed_193p7_21 ._content_193p7_7 {
        margin-left: 0;
    }

    ._mobileOverlay_193p7_39 {
        display: block;
        position: fixed;
        inset: 0;
        background: rgba(0, 0, 0, 0.3);
        z-index: 998;
        animation: _fadeIn_193p7_1 0.3s ease;
    }

    @keyframes _fadeIn_193p7_1 {
        from {
            opacity: 0;
        }
        to {
            opacity: 1;
        }
    }
}
/* Workspace avatar - shared between collapsed icon and expanded header */
._workspaceAvatar_1y8fw_2 {
    width: 34px;
    height: 34px;
    min-width: 34px;
    min-height: 34px;
    border-radius: 6.4px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    background: linear-gradient(317.29deg, #E56337 14.52%, #F0C3B1 84.95%);
    color: #fff;
    font-family: 'Geist Variable', 'Geist', sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    overflow: hidden;
    position: relative;
}

._workspaceAvatarDefault_1y8fw_22::after {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: inherit;
    opacity: 0.16;
    pointer-events: none;
    background-image:
        radial-gradient(circle at 18% 16%, rgba(255, 255, 255, 0.95) 0.5px, transparent 1px),
        radial-gradient(circle at 72% 28%, rgba(255, 255, 255, 0.85) 0.5px, transparent 1px),
        radial-gradient(circle at 36% 76%, rgba(255, 255, 255, 0.9) 0.5px, transparent 1px),
        radial-gradient(circle at 82% 72%, rgba(255, 255, 255, 0.9) 0.5px, transparent 1px);
    background-size: 7px 7px, 9px 9px, 8px 8px, 10px 10px;
}

/* Small avatar for dropdown list item (All Workspaces row) */
._workspaceAvatarSm_1y8fw_38 {
    width: 16px;
    height: 16px;
    min-width: 16px;
    min-height: 16px;
    border-radius: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    background: linear-gradient(317.29deg, #E56337 14.52%, #F0C3B1 84.95%);
    color: #fff;
    font-family: 'Geist', 'Geist Variable', sans-serif;
    font-size: 10px;
    font-weight: 600;
    line-height: 1;
    overflow: hidden;
    position: relative;
}

._workspaceAvatarImage_1y8fw_58 {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    display: block;
}

/* Collapsed: icon button */
._workspaceIconButton_1y8fw_66 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    min-width: 40px;
    min-height: 40px;
    padding: 0;
    border: none;
    border-radius: 6px;
    background: transparent;
    cursor: pointer;
    transition: background 0.2s;
}

._workspaceIconButton_1y8fw_66:hover {
    background: rgba(0, 0, 0, 0.05);
}

/* Expanded: header row - default selected state to match navItemActive */
._workspaceHeader_1y8fw_87 {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    min-width: 0;
    min-height: 48px;
    padding: 8px 8px;
    border-radius: 8px;
    background: #EDEDED;
    border: none;
    cursor: pointer;
    text-align: left;
    transition: background 0.2s;
}

._workspaceHeader_1y8fw_87:hover {
    background: #E5E5E5;
}

._workspaceHeaderContent_1y8fw_107 {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

._workspaceName_1y8fw_115 {
    font-family: 'Geist Variable', 'Geist', sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: #171717;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

._workspaceMeta_1y8fw_125 {
    font-family: 'Geist Variable', 'Geist', sans-serif;
    font-size: 12px;
    font-weight: 400;
    color: #737373;
    display: flex;
    align-items: center;
    gap: 6px;
}

._workspaceMemberCount_1y8fw_135 {
    color: #71717A;
    font-size: 12px;
    font-weight: 400;
}

._workspaceChevron_1y8fw_141 {
    flex-shrink: 0;
    color: #404040;
}

/* Dropdown */
._dropdownContent_1y8fw_147 {
    display: inline-flex;
    padding: 8px;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    min-width: 220px;
    z-index: 1200;
    max-width: calc(100vw - 24px);
}

._dropdownActionItem_1y8fw_158 {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    padding: 9px 9px;
    border-radius: 6px;
    border: none;
    background: transparent;
    cursor: pointer;
    text-align: left;
    color: #171717;
}

._dropdownActionItem_1y8fw_158:hover {
    background: rgba(0, 0, 0, 0.05);
}

._dropdownActionIcon_1y8fw_176 {
    width: 16px;
    height: 16px;
    min-width: 16px;
    min-height: 16px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #404040;
    flex-shrink: 0;
}

/* Figma node 6511:2737 — frame 190×8; line inset x=4, y=4, w=182 → pad 4px L/R; 4+1+4=9px vertical */
._dropdownTopDivider_1y8fw_189 {
    width: 100%;
    box-sizing: border-box;
    padding: 4px;
    display: flex;
    align-items: stretch;
    justify-content: center;
}

/* All Workspaces - Geist Medium 12px */
._dropdownTitle_1y8fw_199 {
    font-family: 'Geist', 'Geist Variable', sans-serif;
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: 0.01em;
    color: #737373;
    padding: 6px 8px 8px;
    display: flex;
    align-items: center;
}

._dropdownWorkspaceItem_1y8fw_211 {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    padding: 7px 9px;
    border-radius: 6px;
    border: none;
    background: transparent;
    cursor: pointer;
    text-align: left;
    transition: background 0.2s;
}

._dropdownWorkspaceItem_1y8fw_211:hover {
    background: rgba(0, 0, 0, 0.05);
}

._dropdownWorkspaceItem_1y8fw_211[data-current] {
    background: #EDEDED;
}

._dropdownWorkspaceItem_1y8fw_211[data-current]:hover {
    background: #E5E5E5;
}

/* Divider between workspace list and Create New Workspace */
._dropdownDivider_1y8fw_238 {
    width: 100%;
    height: 8px;
    padding: 4px 2px; /* spacing/1 */
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
}

._dropdownDividerLine_1y8fw_248 {
    width: 100%;
    height: 1px;
    background: #e5e5e5;
    border-radius: 0;
    flex-shrink: 0;
}

/* Sanya's Workspace - Geist Regular 13px, line-height 150% */
._dropdownWorkspaceItemName_1y8fw_257 {
    flex: 1;
    min-width: 0;
    font-family: 'Geist', 'Geist Variable', sans-serif;
    font-weight: 400;
    font-size: 13px;
    line-height: 150%;
    letter-spacing: 0;
    color: #262626;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Multi-workspace list (expanded sidebar) */
._workspaceList_1y8fw_272 {
    display: flex;
    flex-direction: column;
    gap: 2px;
    max-height: 200px;
    overflow-y: auto;
}

._workspaceListItem_1y8fw_280 {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    min-width: 0;
    padding: 8px 10px;
    border-radius: 6px;
    border: none;
    background: transparent;
    cursor: pointer;
    text-align: left;
    transition: background 0.2s;
}

._workspaceListItem_1y8fw_280:hover {
    background: rgba(0, 0, 0, 0.05);
}

._workspaceListItem_1y8fw_280[data-current] {
    background: #EDEDED;
}

._workspaceListItem_1y8fw_280[data-current]:hover {
    background: #E5E5E5;
}

._workspaceListItemName_1y8fw_307 {
    flex: 1;
    min-width: 0;
    font-family: 'Geist', 'Geist Variable', sans-serif;
    font-weight: 400;
    font-size: 13px;
    line-height: 150%;
    color: #171717;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/*
 * Create New Workspace — Figma Framia-Design node 6511:2751 (Sidebar / SidebarMenuButton).
 * MCP: flex gap 7px, p 4px, rounded 8px, opacity 50%; icon 16² r3 bg base/secondary #f5f5f5;
 * label Geist Regular 13 / leading-none, text sidebar-foreground #0a0a0a (dimmed via row opacity).
 */
._dropdownCreateRow_1y8fw_325 {
    display: flex;
    align-items: center;
    gap: 7px;
    width: 100%;
    min-width: 0;
    box-sizing: border-box;
    padding: 4px;
    border-radius: 8px;
    border: none;
    background: transparent;
    opacity: 0.5;
    cursor: not-allowed;
    text-align: left;
    pointer-events: auto;
    outline: none;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    -webkit-tap-highlight-color: transparent;
}

._dropdownCreateRow_1y8fw_325:focus-visible {
    opacity: 1;
    box-shadow: 0 0 0 2px #fff, 0 0 0 4px rgba(10, 10, 10, 0.35);
}

/* 16×16, r3 — base/secondary */
._dropdownCreateRowIcon_1y8fw_351 {
    width: 16px;
    height: 16px;
    min-width: 16px;
    min-height: 16px;
    border-radius: 3px;
    background: #f5f5f5;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    color: #0a0a0a;
}

._dropdownCreateRowPlus_1y8fw_365 {
    display: block;
    flex-shrink: 0;
}

/* Geist Regular 13, leading-none — color from Figma sidebar-foreground */
._dropdownCreateRowText_1y8fw_371 {
    flex: 1;
    min-width: 0;
    font-family: 'Geist', 'Geist Variable', sans-serif;
    font-weight: 400;
    font-size: 13px;
    line-height: 1;
    letter-spacing: 0;
    color: #0a0a0a;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Coming soon tooltip - text/xs, rounded-md, spacing/1.5 3; width follows text */
._comingSoonTooltip_1y8fw_386 {
    position: relative;
    width: -moz-fit-content;
    width: fit-content;
    max-width: min(384px, 100vw);
    min-height: 0;
    box-sizing: border-box;
    padding: 4px 10px;
    gap: 8px;
    background: #171717 !important;
    color: #fff !important;
    font-family: 'Geist', 'Geist Variable', ui-sans-serif, sans-serif;
    font-weight: 400;
    font-size: 12px; /* text/xs */
    line-height: 16px; /* text/xs line-height */
    letter-spacing: 0;
    border-radius: 6px; /* rounded-md */
    border: none;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
    display: flex;
    align-items: center;
}

/* Left-pointing caret on the left edge of the tooltip */
._comingSoonTooltip_1y8fw_386::before {
    content: '';
    position: absolute;
    left: -6px;
    top: 50%;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-right: 6px solid #171717;
}

/* Hide default arrow; we use ::before caret instead */
._comingSoonTooltipArrow_1y8fw_423 {
    display: none !important;
}
/* Sidebar bottom section styles */
._sidebarBottomSection_fjxi6_2 {
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 100%;
}

._sidebarBottomSectionCollapsed_fjxi6_9 {
    align-items: center;
}

/* Upgrade Card */
._upgradeCard_fjxi6_14 {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 16px;
    background: #F5F5F5;
    border: 1px solid rgba(228, 228, 231, 0.28);
    border-radius: 12px;
}

._upgradeIcon_fjxi6_24 {
    width: 32px;
    height: 32px;
    -o-object-fit: contain;
       object-fit: contain;
}

._upgradeText_fjxi6_30 {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

._upgradeStats_fjxi6_36 {
    font-family: 'Geist Variable', 'Geist', sans-serif;
    font-size: 13px;
    font-weight: 500;
    color: #171717;
    line-height: 1.4;
}

._upgradeHint_fjxi6_44 {
    font-family: 'Geist Variable', 'Geist', sans-serif;
    font-size: 12px;
    font-weight: 400;
    color: #71717A;
    line-height: 1.4;
}

._upgradeButton_fjxi6_52 {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 32px;
    padding: 0 14px;
    background: #18181B;
    border: none;
    border-radius: 999px;
    color: #FFFFFF;
    font-family: 'Geist Variable', 'Geist', sans-serif;
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
    transition: background 0.2s;
}

._upgradeButton_fjxi6_52:hover {
    background: #27272A;
}

/* Share Framia referral card - card style with icon on right */
._referralCard_fjxi6_74 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    width: 100%;
    padding: 12px 8px;
    background: #FFFFFF;
    border: 1px solid rgba(228, 228, 231, 0.7);
    border-radius: 12px;
    cursor: pointer;
    transition: background 0.2s;
    text-align: left;
}

._referralCard_fjxi6_74:hover {
    background: #FFFFFF;
}

._referralCardText_fjxi6_93 {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
    flex: 1;
}

._referralCardTitle_fjxi6_101 {
    font-family: 'Geist Variable', 'Geist', sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: #171717;
    line-height: 1.3;
}

._referralCardSubtitle_fjxi6_109 {
    font-family: 'Geist Variable', 'Geist', sans-serif;
    font-size: 12px;
    font-weight: 400;
    color: #71717A;
    line-height: 1.4;
}

._referralCardIcon_fjxi6_117 {
    width: 18px;
    height: 18px;
    flex-shrink: 0;
    color: #171717;
}

/* Social media row */
._socialMediaRow_fjxi6_125 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

._socialMediaLink_fjxi6_132 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 8px;
    background: transparent;
    color: #27272A;
    text-decoration: none;
    cursor: pointer;
    transition: background 0.2s;
}

._socialMediaLink_fjxi6_132:hover {
    background: rgba(0, 0, 0, 0.05);
}

/*
 * Popover content is portaled to document.body. Combine module class with Radix data-slot
 * so specificity (2 classes + 1 attribute) overrides PopoverContent Tailwind defaults (w-72, p-4, etc.) without !important.
 */
._socialMediaPopover_fjxi6_154[data-slot='popover-content'] {
    display: flex;
    align-items: center;
    width: -moz-fit-content;
    width: fit-content;
    height: -moz-fit-content;
    height: fit-content;
    padding: 4px;
    margin: 4px;
    gap: 0;
    background: #FAFAFA;
    border: var(--border-width-border, 1px) solid var(--base-border, #E5E5E5);
    border-radius: 12px;
    box-shadow: var(--shadow-xs-offset-x, 0) var(--shadow-xs-offset-y, 1px) var(--shadow-xs-blur-radius, 2px) var(--shadow-xs-spread-radius, 0) var(--shadow-xs-color, rgba(0, 0, 0, 0.05));
}

._socialMediaPopoverRow_fjxi6_168 {
    display: flex;
    align-items: center;
    gap: 0;
}

/* Nav item style button for bottom section */
._navItemButton_fjxi6_175 {
    display: flex;
    align-items: center;
    gap: 10px;
    height: 36px;
    padding: 6px 10px;
    border-radius: 6px;
    color: #27272A;
    text-decoration: none;
    font-family: 'Geist Variable', 'Geist', sans-serif;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s;
    background: transparent;
    border: none;
    width: 100%;
    text-align: left;
    line-height: 1.2;
}

._navItemButton_fjxi6_175:hover {
    background: rgba(0, 0, 0, 0.05);
}

._navItemButtonIconOnly_fjxi6_200 {
    width: 36px;
    height: 36px;
    justify-content: center;
    padding: 0;
}

._navItemButtonActive_fjxi6_207 {
    background: #EDEDED;
    color: #171717;
}

._navItemButtonActive_fjxi6_207:hover {
    background: #E7E7E7;
}

._navItemButton_fjxi6_175 svg {
    flex-shrink: 0;
    width: 18px;
    height: 18px;
}

._iconButton_fjxi6_222 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 8px;
    border: none;
    background: transparent;
    color: #0A0A0A;
    cursor: pointer;
    transition: all 0.2s ease;
}

._iconButton_fjxi6_222 svg {
    color: #0A0A0A;
}

._iconButton_fjxi6_222:hover {
    background: #F4F4F5;
}

/* Credits Popover Styling */
._creditsPopover_fjxi6_245 {
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: auto !important;
    min-width: 180px;
    padding: 8px 0;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.8) !important;
    backdrop-filter: blur(10px);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.12);
}

._creditsRow_fjxi6_258 {
    display: flex;
    align-items: center;
    gap: 8px;
    height: 36px;
    padding: 6px 12px;
    border-radius: 6px;
}

._creditsLabel_fjxi6_267 {
    flex: 1;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #27272A;
    white-space: nowrap;
}

._creditsValue_fjxi6_277 {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    color: #0A0A0A;
    white-space: nowrap;
}

._getCreditsButton_fjxi6_286 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(100% - 24px);
    margin: 0 12px;
    height: 32px;
    padding: 8px 16px;
    background: #09090B;
    color: #FAFAFA;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    border: none;
    border-radius: 9999px;
    white-space: nowrap;
    cursor: pointer;
}

._getCreditsButton_fjxi6_286:hover {
    background: #27272A;
}

/* Credits Tooltip Styling */
._creditsTooltip_fjxi6_311 {
    display: flex;
    align-items: center;
    gap: 6px;
    width: auto !important;
    min-width: 0;
    height: 40px;
    padding: 0 12px;
    border-radius: 12px;
}

._creditsTooltipValue_fjxi6_322 {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
    color: #0A0A0A;
    white-space: nowrap;
}

/* Mobile header specific styles */
._mobileIconButton_fjxi6_332 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 9999px;
    background: rgba(255, 255, 255, 0.3);
    border: 0.75px solid rgba(255, 255, 255, 0.2);
    color: #262626;
    text-decoration: none;
    transition: background 0.2s ease;
    cursor: pointer;
}

._mobileIconButton_fjxi6_332:hover {
    background: rgba(255, 255, 255, 0.5);
}

._creditsButton_fjxi6_351 {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    height: 32px;
    padding: 6px 8px;
    border-radius: 9999px;
    background: rgba(255, 255, 255, 0.3);
    border: 0.75px solid rgba(255, 255, 255, 0.2);
    color: #262626;
    text-decoration: none;
    transition: background 0.2s ease;
    cursor: pointer;
}

._creditsButton_fjxi6_351:hover {
    background: rgba(255, 255, 255, 0.5);
}

/* Desktop header credits button - matches framia-web style */
._creditsButtonOutline_fjxi6_372 {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    height: 32px;
    padding: 6px 12px;
    border-radius: 9999px;
    background: #FFFFFF;
    border: 1px solid #E4E4E7;
    color: #1A1A1A;
    text-decoration: none;
    transition: background 0.2s ease;
    cursor: pointer;
    box-shadow: none;
}

._creditsButtonOutline_fjxi6_372:hover {
    background: #FAFAFA;
}

._creditsButtonOutline_fjxi6_372 svg {
    width: 16px;
    height: 16px;
}

._creditsButtonOutlineText_fjxi6_398 {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    color: #1A1A1A;
}

._mobileCreditsValue_fjxi6_406 {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #262626;
}

._avatarWrapper_fjxi6_414 {
    transform: scale(0.94);
    transform-origin: center;
}

/* User Menu Popover Content */
._userMenuPopoverContent_fjxi6_420 {
    width: auto !important;
    min-width: 200px;
    padding: 4px !important;
    border-radius: 12px !important;
    border: 2px solid white !important;
    background: rgba(255, 255, 255, 0.9) !important;
    backdrop-filter: blur(15px) !important;
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15) !important;
}

/* User info section with avatar */
._userInfoSection_fjxi6_432 {
    display: flex;
    align-items: center;
    gap: 8px;
    height: 52px;
    padding: 8px;
    border-bottom: 1px solid rgba(228, 228, 231, 0.4);
}

._avatar_fjxi6_414 {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    flex-shrink: 0;
    overflow: hidden;
    border: 0.476px solid #e7e7e7;
}

._avatarImage_fjxi6_450 {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}

._avatarFallback_fjxi6_456 {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    font-family: 'Geist', sans-serif;
    font-size: 14px;
    font-weight: 500;
}

._userDetails_fjxi6_469 {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
    flex: 1;
}

._userName_fjxi6_477 {
    font-family: 'Geist', sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
    color: #09090b;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

._userEmail_fjxi6_488 {
    font-family: 'Geist', sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    color: rgba(9, 9, 11, 0.7);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Menu items container */
._menuItems_fjxi6_500 {
    display: flex;
    flex-direction: column;
}

/* Menu item */
._menuItem_fjxi6_500 {
    display: flex;
    align-items: center;
    gap: 8px;
    height: 36px;
    padding: 6px 8px;
    border-radius: 6px;
    border: none;
    background: transparent;
    cursor: pointer;
    transition: background-color 0.15s ease;
    width: 100%;
    text-align: left;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #27272a;
}

._menuItem_fjxi6_500:hover {
    background: rgba(0, 0, 0, 0.04);
}

._menuIcon_fjxi6_530 {
    color: #27272a;
    flex-shrink: 0;
}

/* Sign in avatar button */
._signInButton_fjxi6_536 {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 9999px;
    width: 34px;
    height: 34px;
    background: var(--secondary, #f4f4f5);
    border: none;
    padding: 0;
    cursor: pointer;
    transition: background 0.2s ease;
}

._signInButton_fjxi6_536:hover {
    background: var(--secondary-hover, #e4e4e7);
}

._signInButton_fjxi6_536:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

._signInButtonIcon_fjxi6_559 {
    width: 20px;
    height: 20px;
    color: var(--muted-foreground, #71717a);
}

/* User avatar button */
._userAvatarButton_fjxi6_566 {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 9999px;
    padding: 0;
    height: 34px;
    width: 34px;
    background: transparent;
    border: 1px solid transparent;
    cursor: pointer;
    transition: border-color 0.2s ease;
}

._userAvatarButton_fjxi6_566:hover {
    border-color: #d1d5db;
}

._userAvatarImage_fjxi6_584 {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    border-radius: 9999px;
}

._userAvatarFallback_fjxi6_591 {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(to right, #3b82f6, #8b5cf6);
    color: white;
    font-weight: 600;
    border-radius: 9999px;
}

/* Loading skeleton */
._loadingSkeleton_fjxi6_604 {
    width: 34px;
    height: 34px;
    background: #d1d5db;
    border-radius: 9999px;
    animation: _pulse_fjxi6_1 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

@keyframes _pulse_fjxi6_1 {
    0%, 100% {
        opacity: 1;
    }
    50% {
        opacity: 0.5;
    }
}
.download-menu-item {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 2px 0;
  font-size: 13px;
  font-weight: 400;
  color: #0a0a0a;
}

.download-menu-item.premium {
  color: #0a0a0a;
  font-weight: 400;
}

.download-menu-item svg {
  flex-shrink: 0;
}
/* ============================================================
 * Add More Credits Dialog — pixel-perfect match to Figma
 * ============================================================
 *
 * DialogContent default:  display: grid; gap: 16px; padding: 16px;
 *                         border; rounded-lg (8px); sm:max-w-lg (512px)
 * RadioGroup default:     display: grid; gap: 12px
 * Close button default:   absolute; top: 16px; right: 16px; opacity: 0.7
 * DialogTitle default:    font-size: 18px; font-weight: 600
 * ============================================================ */

._content_1v8ql_12 {
    /* --- Container overrides --- */
    z-index: 10000;
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
    max-width: 440px !important;
    background: #ffffff;
    border: none !important;
    border-radius: 16px !important;
    padding: 24px !important;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !important;

    /* --- DialogHeader → remove default gap-2, add bottom spacing --- */
    [data-slot="dialog-header"] {
        gap: 0;
    }

    /* --- Title --- */
    [data-slot="dialog-title"] {
        font-size: 18px;
        font-weight: 600;
        color: #09090b;
        letter-spacing: -0.01em;
        line-height: 1.3;
    }

    /* --- Close × — grey circle bg, matching Figma --- */
    [data-slot="dialog-close"] {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        background-color: #f4f4f5 !important;
        border: none !important;
        border-radius: 9999px !important;
        box-shadow: none !important;
        color: #71717a !important;
        opacity: 1 !important;
        width: 28px;
        height: 28px;
        top: 20px;
        right: 20px;
        padding: 0;
    }

    [data-slot="dialog-close"]:hover {
        background-color: #e4e4e7 !important;
        color: #18181b !important;
        opacity: 1 !important;
    }

    [data-slot="dialog-close"] svg {
        width: 16px !important;
        height: 16px !important;
    }

    /* ============ Payment method tabs ============ */
    ._paymentMethods_1v8ql_69 {
        display: flex;
        align-items: center;
        gap: 8px;
        margin-top: 20px;
    }

    ._paymentMethodBtn_1v8ql_76 {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 6px;
        height: 34px;
        padding: 0 14px;
        border-radius: 9999px;
        font-size: 13px;
        font-weight: 500;
        cursor: pointer;
        transition: all 0.15s ease;
        line-height: 1;
    }

    ._paymentMethodBtn_1v8ql_76._isActive_1v8ql_91 {
        background-color: #ffffff;
        color: #09090b;
        border: 1px solid #18181b;
    }

    ._paymentMethodBtn_1v8ql_76._isInactive_1v8ql_97 {
        background-color: #f4f4f5;
        color: #09090b;
        border: 1px solid transparent;
    }

    ._paymentMethodBtn_1v8ql_76._isInactive_1v8ql_97:hover {
        background-color: #e4e4e7;
    }

    ._paymentIcon_1v8ql_107 {
        width: 15px;
        height: 15px;
        stroke-width: 1.6;
    }

    /* Alipay icon color is now controlled via the `color` prop on <AlipayIcon>.
       No CSS fill override needed. */

    /* USD lucide 图标确保 fill 不被干扰 */
    ._paymentMethodBtn_1v8ql_76 ._paymentIcon_1v8ql_107 {
        fill: none !important;
    }

    /* ============ Radio button — match Figma: thinner border, no shadow ============ */
    [data-slot="radio-group-item"] {
        border-color: #d4d4d8 !important;
        box-shadow: none !important;
    }

    [data-slot="radio-group-item"][data-state="checked"] {
        border-color: #18181b !important;
    }

    /* ============ Credits list ============ */
    ._purchaseList_1v8ql_132 {
        display: flex !important;
        flex-direction: column !important;
        gap: 0 !important;
        margin-top: 20px;
        margin-bottom: 0;

        ._purchaseItem_1v8ql_139 {
            display: flex;
            flex-direction: row;
            align-items: center;
            gap: 10px;
            min-height: 0;
            padding: 8px 0;
            border-radius: 0;
            cursor: pointer;

            &._selected_1v8ql_149,
            &:hover {
                background-color: transparent;
            }

            ._purchaseItemLabel_1v8ql_154 {
                flex: 1;
                display: flex;
                flex-direction: row;
                justify-content: space-between;
                align-items: center;
                cursor: pointer;
            }

            ._purchaseItemCredit_1v8ql_163 {
                font-size: 16px;
                color: #09090b;
                font-weight: 400;
                line-height: 1.4;
            }

            ._purchaseItemPrice_1v8ql_170 {
                font-size: 16px;
                color: #09090b;
                font-weight: 500;
                margin-left: auto;
                line-height: 1.4;
            }
        }
    }

    /* ============ Best value card ============ */
    ._bestValue_1v8ql_181 {
        display: flex;
        align-items: center;
        gap: 12px;
        margin-top: 12px;
        padding: 14px 16px;
        background-color: #f4f4f5;
        border-radius: 8px;

        ._bestValueLeft_1v8ql_190 {
            flex: 1;
            min-width: 0;
        }

        ._bestValueTag_1v8ql_195 {
            display: inline-flex;
            align-items: center;
            padding: 2px 8px;
            background-color: #E9FBDC;
            color: #3B5A0C;
            font-size: 12px;
            font-weight: 700;
            border-radius: 4px;
            margin-bottom: 8px;
            line-height: 1.4;
        }

        ._bestValueTitle_1v8ql_208 {
            margin: 0;
            font-family: 'Roboto Serif', serif;
            font-size: 13px;
            font-weight: 500;
            color: #09090b;
            line-height: 1.4;
        }

        ._bestValueSubtitle_1v8ql_217 {
            margin: 2px 0 0;
            font-size: 13px;
            font-weight: 400;
            color: #71717a;
            line-height: 1.4;
        }

        /* View detail button — filled olive-green, vertically centered via parent flex */
        ._viewDetailBtn_1v8ql_226 {
            flex-shrink: 0;
            background-color: #556B2F !important;
            color: #ffffff !important;
            border: none !important;
            border-radius: 8px !important;
            padding: 0 14px !important;
            height: 24px;
            font-size: 12px;
            font-weight: 500;
            line-height: 1;
            box-shadow: none !important;
            cursor: pointer;
        }

        ._viewDetailBtn_1v8ql_226:hover {
            background-color: #4a5d28 !important;
        }
    }

    /* ============ Purchase button ============ */
    ._purchaseButtonWrapper_1v8ql_247 {
        margin-top: 16px;

        ._purchaseButton_1v8ql_247 {
            width: 100%;
            height: 44px;
            border-radius: 12px;
            background-color: #18181b !important;
            color: #ffffff !important;
            font-size: 14px;
            font-weight: 600;
            line-height: 1;
        }

        ._purchaseButton_1v8ql_247:hover:not(:disabled) {
            background-color: #27272a !important;
        }

        ._purchaseButton_1v8ql_247:disabled {
            opacity: 0.5;
        }
    }
}
._section_1klsr_1 {
  margin-top: 128px;
  width: 100%;
}

._header_1klsr_6 {
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  margin-bottom: 32px;
}

._headerContent_1klsr_14 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0;
  padding-top: 16px;
}

._decorLeft_1klsr_22,
._decorRight_1klsr_23 {
  position: absolute;
  top: 0;
  width: auto;
  height: auto;
  pointer-events: none;
}

._decorLeft_1klsr_22 {
  left: calc(50% - 290px);
  width: 70px;
}

._decorRight_1klsr_23 {
  left: calc(50% + 210px);
  top: 6px;
  width: 74px;
}

._title_1klsr_42 {
  margin: 0;
  font-family: 'Geist', sans-serif;
  font-size: 36px;
  font-weight: 500;
  line-height: 36px;
  color: #111111;
  text-align: center;
}

._title_1klsr_42 em {
  font-family: 'Roboto Serif', serif;
  font-style: italic;
  font-weight: 500;
  color: #27438f;
}

._table_1klsr_59 {
  display: grid;
  grid-template-columns: minmax(154px, 1.05fr) repeat(4, minmax(0, 1fr));
  width: 100%;
  max-width: 1116px;
  margin: 0 auto;
  background: #ffffff;
}

._rowFragment_1klsr_68 {
  display: contents;
}

._cell_1klsr_72 {
  border-bottom: 1px solid #e5e5e5;
  box-sizing: border-box;
}

._labelHeadCell_1klsr_77,
._planHeadCell_1klsr_78 {
  height: 160px;
}

._planHeadCell_1klsr_78 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 8px;
  padding: 8px;
}

._planLabel_1klsr_91 {
  font-size: 16px;
  font-weight: 500;
  line-height: 22px;
  color: #171717;
}

._planPriceRow_1klsr_98 {
  display: flex;
  align-items: center;
  gap: 4px;
  min-height: 52px;
}

._planPrice_1klsr_98 {
  font-size: 28px;
  font-weight: 600;
  line-height: 28.878px;
  color: #09090b;
}

._planPeriod_1klsr_112 {
  font-size: 14px;
  line-height: 19.727px;
  color: #71717a;
  margin-top: 12px;
}

._upgradeButton_1klsr_119 {
  width: 86px;
  height: 30px;
  border: 0.411px solid #79747e;
  border-radius: 999px;
  background: #000000;
  color: #ffffff;
  font-size: 13px;
  font-weight: 500;
  line-height: 16.439px;
  cursor: pointer;
}

._labelCell_1klsr_132,
._valueCell_1klsr_133 {
  display: flex;
  align-items: center;
  min-height: 64px;
  font-size: 14px;
  color: #0a0a0a;
}

._labelCell_1klsr_132 {
  padding: 8px 8px 8px 16px;
  gap: 8px;
}

._valueCell_1klsr_133 {
  padding: 8px;
}

._sectionLabelCell_1klsr_150,
._sectionValueCell_1klsr_151 {
  min-height: 48px;
  background: #f0f0f0;
}

._sectionLabelCell_1klsr_150 {
  font-weight: 500;
}

._sectionIcon_1klsr_160 {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}

._labelTextBlock_1klsr_166 {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

._labelText_1klsr_166 {
  font-size: 14px;
  line-height: 22px;
  color: #0a0a0a;
}

._sectionText_1klsr_178 {
  font-weight: 500;
}

._subLabel_1klsr_182 {
  font-size: 12px;
  line-height: 22px;
  color: #737373;
}

._cellText_1klsr_188 {
  font-size: 14px;
  line-height: 22px;
  color: #0a0a0a;
  white-space: nowrap;
}

._statusIcon_1klsr_195 {
  width: 10px;
  height: 10px;
  display: block;
}

@media (max-width: 1200px) {
  ._section_1klsr_1 {
    overflow-x: auto;
    padding-bottom: 8px;
  }

  ._table_1klsr_59 {
    min-width: 1116px;
  }
}

@media (max-width: 768px) {
  ._headerContent_1klsr_14 {
    padding-top: 12px;
  }

  ._section_1klsr_1 {
    margin-top: 96px;
  }

  ._decorLeft_1klsr_22 {
    left: calc(50% - 132px);
    width: 48px;
  }

  ._decorRight_1klsr_23 {
    left: calc(50% + 88px);
    top: 8px;
    width: 52px;
  }
}
._section_b4oi4_1 {
  width: 100%;
  padding: 128px 0 0;
}

._container_b4oi4_6 {
  width: 100%;
  max-width: 780px;
  margin: 0 auto;
}

._header_b4oi4_12 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 32px;
  margin-bottom: 48px;
  text-align: center;
}

._title_b4oi4_21 {
  margin: 0;
  font-family: 'Geist', sans-serif;
  font-size: 36px;
  font-weight: 500;
  line-height: 36px;
  color: #0a0a0a;
}

._title_b4oi4_21 em {
  font-family: 'Roboto Serif', serif;
  font-style: italic;
  font-weight: 500;
  color: #27438f;
}

._description_b4oi4_37 {
  max-width: 560px;
  margin: 0;
  font-size: 14px;
  line-height: 22px;
  color: #737373;
}

._description_b4oi4_37 span {
  color: #171717;
}

._accordion_b4oi4_49 {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

._item_b4oi4_55 {
  border: none;
  border-radius: 12px;
  background: #f7f7f7;
  overflow: hidden;
}

._trigger_b4oi4_62 {
  padding: 16px 24px;
  font-family: 'Geist', sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 22px;
  color: #0a0a0a;
}

._trigger_b4oi4_62:hover {
  opacity: 1;
}

._trigger_b4oi4_62 svg {
  width: 16px;
  height: 16px;
  color: #71717a;
}

._content_b4oi4_81 {
  padding: 0 24px 16px;
}

._answerBlock_b4oi4_85 {
  margin: 0 0 16px;
  font-size: 14px;
  line-height: 22px;
  color: #52525b;
}

._answerBlock_b4oi4_85:last-child {
  margin-bottom: 0;
}

._answerTitle_b4oi4_96 {
  display: block;
  color: #171717;
  font-weight: 600;
}
._topSection_l7s03_1 {
  width: 100%;
  max-width: 1220px;
  margin: 0 auto;
  padding: 8px 24px 0;
}

._promoBanner_l7s03_8 {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 494px) 181px minmax(0, 335px);
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  min-height: 148px;
  margin-bottom: 60px;
  padding: 22px 29px 22px 25px;
  border: 1px solid #edf1fb;
  border-radius: 24px;
  overflow: hidden;
  background: linear-gradient(180deg, #eef4ff 0%, #edf3ff 100%);
}

._promoPattern_l7s03_24 {
  position: absolute;
  inset: 0;
  background-image: url("/payment-assets/pricing/promo-pattern.svg");
  background-size: calc(100% / 6) 100%;
  background-position: 0 0;
  background-repeat: repeat-x;
  opacity: 0.96;
  pointer-events: none;
}

._promoCopy_l7s03_35 {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 10px;
  max-width: 494px;
}

._promoBadge_l7s03_44 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: -moz-fit-content;
  width: fit-content;
  height: 24px;
  padding: 4px 8px;
  border-radius: 999px;
  background: #4f77e7;
  color: #fff;
  font-size: 13px;
  font-weight: 600;
  line-height: 24px;
}

._promoTitle_l7s03_59 {
  margin: 0;
  font-size: 26px;
  font-weight: 600;
  line-height: 36px;
  color: #111111;
}

._promoDescription_l7s03_67 {
  margin: 0;
  color: #71717a;
  font-size: 16px;
  font-weight: 500;
  line-height: 36px;
  letter-spacing: 0.01em;
}

._promoArtwork_l7s03_76 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 196px;
  height: 119px;
  z-index: 1;
}

._promoArtworkCard_l7s03_86 {
  position: absolute;
  left: 19px;
  top: 1px;
  width: 80px;
  height: 109px;
  border: 2.35px solid #ffffff;
  border-radius: 14.1px;
  box-shadow: -2.35px 2.35px 8.2px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  transform: rotate(-4.31deg);
  background: #ffffff;
  z-index: 1;
}

._promoArtworkImage_l7s03_101 {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

._promoPoster_l7s03_108 {
  position: absolute;
  left: 81px;
  top: 0;
  width: 74.5px;
  height: 105px;
  border: 2.38px solid #ffffff;
  border-radius: 14.3px;
  box-shadow: -2.38px 2.38px 8.3px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  transform: rotate(12.95deg);
  background: #ffffff;
  z-index: 2;
}

._promoPosterImage_l7s03_123 {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

._promoMusicTag_l7s03_130 {
  position: absolute;
  left: -4px;
  top: 61px;
  width: 48.28px;
  height: 19.77px;
  border-radius: 5px;
  background: #d9fd84;
  z-index: 5;
}

._promoMusicScreen_l7s03_141 {
  position: absolute;
  left: 5.8px;
  right: 5.8px;
  top: 1.45px;
  bottom: 1.45px;
  border-radius: 1.2px;
  overflow: hidden;
  background: linear-gradient(90deg, #212821 0%, #212821 100%);
}

._promoMusicScreen_l7s03_141::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(255, 255, 255, 0.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.08) 1px, transparent 1px),
    url("/payment-assets/pricing/music-pattern.png");
  background-size:
    6px 6px,
    6px 6px,
    63.95px 16.6px;
  background-position:
    top left,
    top left,
    top left;
  background-repeat:
    repeat,
    repeat,
    no-repeat;
  opacity: 0.3;
}

._promoMusicWave_l7s03_175 {
  display: none;
}

._promoMusicText_l7s03_179 {
  position: absolute;
  left: 4.2px;
  top: 50%;
  transform: translateY(-50%);
  color: #9df86c;
  font-family: 'Geist', sans-serif;
  font-size: 7.6px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0;
}

._promoMusicHandleLeft_l7s03_192,
._promoMusicHandleRight_l7s03_193 {
  position: absolute;
  top: 50%;
  width: 2.2px;
  height: 8px;
  border-radius: 3px;
  background: #27272a;
  transform: translateY(-50%);
}

._promoMusicHandleLeft_l7s03_192 {
  left: 1.9px;
}

._promoMusicHandleRight_l7s03_193 {
  right: 1.9px;
}

._promoFlowerIcon_l7s03_211 {
  position: absolute;
  left: 141px;
  top: 63px;
  width: 32.9px;
  height: 33.6px;
  z-index: 5;
}

._promoCloudIcon_l7s03_220 {
  position: absolute;
  left: 165px;
  top: 72px;
  width: 16.2px;
  height: 16.5px;
  transform: rotate(-14.72deg);
  z-index: 4;
}

._countdownGrid_l7s03_230 {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: flex-start;
  gap: 8px;
}

._countdownItem_l7s03_238 {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 79px;
  gap: 8px;
}

._countdownCard_l7s03_246 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 68px;
  height: 82px;
  border-radius: 12px;
  background: #ffffff;
  box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.1);
}

._countdownValue_l7s03_257 {
  font-size: 30px;
  font-weight: 600;
  line-height: 36px;
  letter-spacing: 0.01em;
  color: #111111;
}

._countdownLabel_l7s03_265 {
  color: #737373;
  font-size: 13px;
  font-weight: 500;
  line-height: 36px;
  letter-spacing: 0.01em;
}

._header_l7s03_273 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 18px;
  margin-top: 0;
  margin-bottom: 76px;
  text-align: center;
}

._title_l7s03_283 {
  margin: 0;
  font-family: 'Geist', sans-serif;
  font-size: 36px;
  font-weight: 500;
  line-height: 36px;
  letter-spacing: 0.01em;
  color: #111111;
}

._title_l7s03_283 em {
  display: inline-block;
  font-family: 'Roboto Serif', serif;
  font-size: 36px;
  font-style: italic;
  font-weight: 500;
  line-height: 36px;
  color: #27438f;
}

._toggleWrapper_l7s03_303 {
  display: flex;
  align-items: center;
  gap: 8px;
}

._toggleLabel_l7s03_309 {
  color: #8a8f98;
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
}

._active_l7s03_316 {
  color: #111111;
}

._discountBadge_l7s03_320 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 18px;
  padding: 0 5px;
  border-radius: 4px;
  background: #dde1ff;
  color: #24272e;
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
}

._toggle_l7s03_303 {
  position: relative;
  width: 36px;
  height: 20px;
  border: none;
  border-radius: 999px;
  background: #e5e7eb;
  cursor: pointer;
  transition: background 0.2s ease;
}

._toggled_l7s03_345 {
  background: #111111;
}

._toggleHandle_l7s03_349 {
  position: absolute;
  top: 2px;
  left: 2px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #ffffff;
  transition: transform 0.2s ease;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.18);
}

._toggled_l7s03_345 ._toggleHandle_l7s03_349 {
  transform: translateX(16px);
}

._cardsGrid_l7s03_365 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 32px;
  align-items: stretch;
  margin-top: 8px;
}

._cardContainer_l7s03_373 {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: visible;
}

._popularContainer_l7s03_381 {
  z-index: 2;
}

._popularHeader_l7s03_385 {
  position: absolute;
  top: -24px;
  left: 7px;
  right: 7px;
  z-index: 0;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  height: 78px;
  padding: 0 18px 16px;
  border-radius: 18px;
  background: #111111;
  color: #ffffff;
  font-size: 13px;
  font-weight: 600;
  line-height: 28.878px;
  pointer-events: none;
}

._card_l7s03_365 {
  position: relative;
  display: flex;
  flex: 1;
  min-height: 740px;
  border: 1px solid #e9eaee;
  border-radius: 18px;
  background: #ffffff;
  box-shadow: 0 4px 14px rgba(15, 23, 42, 0.03);
  z-index: 1;
}

._popularContainer_l7s03_381 ._card_l7s03_365 {
  background: linear-gradient(180deg, #f7f7fb 0%, #f2f3f6 100%);
  z-index: 1;
}

._cardContent_l7s03_422 {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 20px 22px 22px;
}

._cardHeader_l7s03_429 {
  display: flex;
  flex-direction: column;
  gap: 16px;
  min-height: 132px;
}

._nameRow_l7s03_436 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  min-height: 24px;
  margin-top: 4px;
}

._planName_l7s03_445 {
  margin: 0;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1.1;
  color: #111111;
}

._cornerBadge_l7s03_453 {
  margin-left: auto;
  padding: 4px 10px;
  border-radius: 4px;
  background: #f5e7ff;
  color: #8642cc;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.1;
}

._planDiscountBadges_l7s03_464 {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-left: auto;
  justify-content: flex-end;
}

._discountTag_l7s03_472 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 4px 11px;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.1;
  white-space: nowrap;
}

._priceWrapper_l7s03_484 {
  display: flex;
  align-items: flex-end;
  gap: 4px;
  margin-top: 16px;
}

._originalPrice_l7s03_491 {
  position: relative;
  color: #9ca3af;
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 0.95;
  letter-spacing: -0.05em;
}

._originalPrice_l7s03_491::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  height: 3px;
  background: currentColor;
  transform: translateY(-50%);
}

._price_l7s03_484 {
  font-size: 36px;
  font-weight: 600;
  line-height: 0.95;
  letter-spacing: -0.05em;
  color: #111111;
}

._period_l7s03_519 {
  padding-bottom: 5px;
  color: #71717a;
  font-size: 12px;
  line-height: 1;
}

._billingNote_l7s03_526 {
  margin: 0;
  color: #7a7f89;
  font-size: 12px;
  line-height: 1.45;
}

._audienceBadge_l7s03_533 {
  display: inline-flex;
  width: -moz-fit-content;
  width: fit-content;
  margin-top: 4px;
  padding: 4px 8px;
  border-radius: 6px;
  background: #f6f6f2;
  color: #373737;
  font-size: 12px;
  font-weight: 600;
}

._tierSwitcherSlot_l7s03_545 {
  min-height: 46px;
  margin-top: 14px;
  margin-bottom: 14px;
  display: flex;
  align-items: center;
}

._tierSwitcher_l7s03_545 {
  display: flex;
  width: 100%;
  justify-content: center;
}

._tierSwitcherInner_l7s03_559 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  padding: 2px;
  width: 100%;
  min-width: 0;
  max-width: none;
  border-radius: 10px;
  background: #efeff2;
}

._tierButton_l7s03_572 {
  border: none;
  border-radius: 6px;
  background: transparent;
  color: #8a8f98;
  flex: 1 1 0;
  min-width: 0;
  padding: 7px 10px;
  min-height: 31px;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.01em;
  cursor: pointer;
  transition: all 0.2s ease;
  text-align: center;
}

._tierButtonActive_l7s03_589 {
  background: #ffffff;
  color: #111111;
  box-shadow: 0 1px 4px rgba(15, 23, 42, 0.08);
}

._actionButton_l7s03_595 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  height: 32px;
  border-radius: 7px;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
}

._actionButton_l7s03_595:hover:not(:disabled) {
  transform: translateY(-1px);
}

._actionButton_l7s03_595:disabled {
  cursor: not-allowed;
  opacity: 0.6;
}

._outlineButton_l7s03_618 {
  border: 1px solid #e3e5ea;
  background: #ffffff;
  color: #111111;
}

._primaryButton_l7s03_624 {
  border: 1px solid #111111;
  background: #111111;
  color: #ffffff;
}

._primaryButton_l7s03_624:hover:not(:disabled) {
  background: #1f1f1f;
  border-color: #1f1f1f;
  box-shadow: 0 10px 20px rgba(17, 17, 17, 0.18);
}

._summarySlot_l7s03_636 {
  min-height: 84px;
  margin-top: 14px;
}

._summarySlotCollapsed_l7s03_641 {
  min-height: 0;
  margin-top: 14px;
}

._summary_l7s03_636 {
  margin: 6px 0 0;
  color: #686d78;
  font-size: 12px;
  line-height: 1.55;
}

._secondaryAction_l7s03_653 {
  margin-top: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  border: none;
  background: transparent;
  padding: 0;
  color: #5f6470;
  font-size: 12px;
  line-height: 1.45;
  white-space: nowrap;
  cursor: pointer;
}

._secondaryAction_l7s03_653:hover:not(:disabled) {
  color: #111111;
}

._loadingIcon_l7s03_673 {
  width: 14px;
  height: 14px;
  animation: _spin_l7s03_1 1s linear infinite;
}

._featuresList_l7s03_679 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 16px;
}

._featureGroup_l7s03_686 {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

._featureItem_l7s03_692 {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
  color: #202020;
  font-size: 12px;
  line-height: 1.5;
}

._featureItemWithBadge_l7s03_702 {
  align-items: center;
}

._featureLeft_l7s03_706 {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  min-width: 0;
}

._checkIcon_l7s03_713 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  margin-top: 1px;
  color: #222222;
}

._diamondIcon_l7s03_724 {
  width: 16px;
  height: 16px;
}

._featureText_l7s03_729 {
  font-size: 12px;
  line-height: 1.5;
}

._featureItemWithBadge_l7s03_702 ._featureText_l7s03_729 {
  white-space: nowrap;
}

._featureTextBold_l7s03_738 {
  font-weight: 600;
}

._featureTag_l7s03_742,
._subItemBadge_l7s03_743,
._green_l7s03_744,
._yellow_l7s03_745,
._purple_l7s03_746,
._blue_l7s03_747 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 4px 9px;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.1;
  white-space: nowrap;
}

._green_l7s03_744 {
  background: #e8f9cd;
  color: #4c7d00;
}

._yellow_l7s03_745 {
  background: #fff4c6;
  color: #9a6a00;
}

._purple_l7s03_746 {
  background: #f5e7ff;
  color: #8642cc;
}

._blue_l7s03_747 {
  background: #dff8ff;
  color: #0d7490;
}

._subItemsList_l7s03_779 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin-left: 22px;
}

._subItem_l7s03_743 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

._subItemName_l7s03_793 {
  color: #5f6470;
  font-size: 12px;
  line-height: 1.45;
}

@keyframes _spin_l7s03_1 {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

@media (max-width: 1100px) {
  ._promoBanner_l7s03_8 {
    grid-template-columns: 1fr;
    justify-items: center;
    text-align: center;
    gap: 20px;
    padding: 24px 20px;
  }

  ._promoCopy_l7s03_35 {
    align-items: center;
    max-width: 520px;
  }

  ._promoArtwork_l7s03_76 {
    margin: 6px 0;
  }

  ._countdownGrid_l7s03_230 {
    justify-content: center;
    width: 100%;
    flex-wrap: wrap;
  }

  ._card_l7s03_365 {
    min-height: auto;
  }

  ._cardHeader_l7s03_429 {
    min-height: 0;
  }

  ._summarySlot_l7s03_636 {
    min-height: 0;
  }
}

@media (max-width: 768px) {
  ._topSection_l7s03_1 {
    padding: 8px 16px 0;
  }

  ._promoBanner_l7s03_8 {
    margin-bottom: 42px;
    border-radius: 20px;
    padding: 24px 16px 20px;
  }

  ._promoTitle_l7s03_59 {
    font-size: 22px;
    line-height: 30px;
  }

  ._promoDescription_l7s03_67 {
    font-size: 14px;
    line-height: 22px;
  }

  ._countdownValue_l7s03_257 {
    font-size: 24px;
  }

  ._header_l7s03_273 {
    margin-bottom: 46px;
  }

  ._toggleWrapper_l7s03_303 {
    flex-wrap: wrap;
    justify-content: center;
  }

  ._planDiscountBadges_l7s03_464 {
    width: 100%;
  }

  ._tierSwitcherInner_l7s03_559 {
    width: 100%;
    justify-content: center;
    flex-wrap: wrap;
  }
}
.payment-model-loading {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #FBFBF8;

    .payment-model-loading-content {
        display: flex;
        flex-direction: row;
        align-items: center;
    }
}

.payment-model-add-credit-dialog {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #FBFBF8;
}

.payment-model-plan-container {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #FBFBF8;

    .payment-model-plan-close-button-wrapper {
        position: absolute;
        top: 28px;
        right: 28px;

        .payment-model-plan-close-button {
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            width: 42px;
            height: 42px;
            flex-shrink: 0;
            border-radius: 99px;
            background-blend-mode: plus-lighter, normal;
            backdrop-filter: blur(6px);
            background: linear-gradient(0deg, rgb(255 255 255) 0%, rgba(255, 255, 255, 0.5) 100%), rgba(140, 140, 140, 0.25);
            box-shadow: rgb(255, 255, 255) 3px 3px 0.5px -3.5px inset, rgb(229 229 229) 2px 2px 0.5px -2px inset, rgb(255 242 242) -2px -2px 0.5px -2px inset, rgb(246 246 246) 0px 0px 0px 1px inset, rgb(242, 242, 242) 0px 0px 8px 0px inset, rgba(0, 0, 0, 0.1) 0px 0px 2px 0px, rgb(157 157 157 / 10%) 0px 1px 8px 0px;
        }
    }

    .payment-model-plan-content {
        display: flex;
        flex-direction: column;
        align-items: center;

        .payment-model-plan-content-header-title {
            color: #000;
            font-family: "Roboto Slab";
            font-size: 32px;
            font-weight: 300;
            line-height: 36px;
            color: #000;
        }

        .payment-model-plan-content-header-desc {
            color: #000;
            text-align: center;
            font-family: "Roboto Slab";
            font-size: 13px;
            font-style: normal;
            font-weight: 300;
            line-height: 22px;
            opacity: 0.6;
            margin-top: 12px;
        }

        .payment-model-plan-content-selector {
            position: relative;
            margin-top: 32px;
            margin-bottom: 32px;
            display: flex;
            align-items: center;
            justify-content: center;

            &.hide {
                visibility: hidden;
            }

            .payment-model-plan-content-selector-list {
                display: flex;
                flex-direction: row;
                display: flex;
                height: 36px;
                padding: 4px;
                justify-content: center;
                align-items: flex-start;
                flex-shrink: 0;
                border-radius: 999px;
                border: 0.5px solid #E7EAF0;
                background: #FFF;
                box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.10), 0 1px 2px -1px rgba(0, 0, 0, 0.10);

                .payment-model-plan-content-selector-list-item {
                    display: flex;
                    width: 78px;
                    height: 28px;
                    padding: 6px 16px;
                    justify-content: center;
                    align-items: center;
                    gap: 10px;
                    flex-shrink: 0;
                    border-radius: 999px;
                    color: #FFF;
                    font-family: "Roboto Slab";
                    font-size: 12px;
                    font-style: normal;
                    font-weight: 400;
                    line-height: 25.481px;
                    color: #000;
                    background-color: #fff;
                    cursor: pointer;

                    &.selected {
                        background: #414245;
                        color: #FFF;
                    }   
                }
            }

            .payment-model-plan-content-selector-discount {
                position: absolute;
                right: -28px;
                top: -8px;
                display: flex;
                height: 18px;
                padding: 10px;
                justify-content: center;
                align-items: center;
                flex-shrink: 0;
                border-radius: 99px;
                background: #D9F1C5;
                color: #3B3F38;
                text-align: center;
                font-family: "Roboto Slab";
                font-size: 10px;
                font-style: normal;
                font-weight: 400;
                line-height: 29px;
            }
        }

        .payment-model-plan-card-list {
            gap: 30px;
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: center;
        }
    }
}

.free-payment-plan-card {
    display: flex;
    flex-direction: column;
    width: 370px;
    height: 400px;
    flex-shrink: 0;
    border-radius: 10px;
    border: 0.4px solid #C2C2C2;
    background: #FFF;
    padding: 33px 30px;

    .free-payment-plan-card-title {
        display: flex;
        height: 29px;
        flex-direction: column;
        justify-content: center;
        flex-shrink: 0;
        color: #000;
        font-family: "Roboto Slab";
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 29px;
        margin-bottom: 8px;
    }

    .free-payment-plan-card-price {
        display: flex;
        flex-direction: row;
        align-items: flex-end;
        gap: 4px;
        margin-bottom: 22px;

        .free-payment-plan-card-price-amount {
            display: flex;
            height: 30px;
            flex-direction: column;
            justify-content: center;
            flex-shrink: 0;
            color: #000;
            font-family: "Roboto Slab";
            font-size: 26px;
            font-style: normal;
            font-weight: 700;
            line-height: 30px;
        }

        .free-payment-plan-card-price-duration {
            display: flex;
            width: 119px;
            height: 20px;
            flex-direction: column;
            justify-content: center;
            flex-shrink: 0;
            color: #000;
            font-family: "Roboto Slab";
            font-size: 11px;
            font-style: normal;
            font-weight: 300;
            line-height: 20px;
        }
    }

    .free-payment-plan-card-action-curt-plan {
        display: flex;
        height: 36px;
        justify-content: center;
        align-items: center;
        flex-shrink: 0;
        align-self: stretch;
        border-radius: 82px;
        border: 0.411px solid #79747E;
        color: #171717;
        text-align: center;
        font-family: Roboto;
        font-size: 13px;
        font-style: normal;
        font-weight: 600;
        line-height: 16.439px; /* 126.456% */
        letter-spacing: 0.082px;
        margin-bottom: 29px;
    }

    .free-payment-plan-card-feature-list {
        display: flex;
        flex-direction: column;
        gap: 13px;

        .free-payment-plan-card-feature-list-item {
            display: flex;
            flex-direction: row;
            align-items: center;
            gap: 4px;

            .free-payment-plan-card-feature-list-item-desc {
                color: #000;
                font-family: "Roboto Slab";
                font-size: 11px;
                font-style: normal;
                font-weight: 400;
                line-height: 19.727px; /* 179.338% */
            }
        }
    }
}

.monthly-payment-plan-card {
    display: flex;
    flex-direction: column;
    width: 370px;
    height: 400px;
    flex-shrink: 0;
    border-radius: 10px;
    border: 0.4px solid #C2C2C2;
    background: #FFF;
    padding: 33px 30px;

    .monthly-payment-plan-card-title {
        display: flex;
        height: 29px;
        flex-direction: column;
        justify-content: center;
        flex-shrink: 0;
        color: #000;
        font-family: "Roboto Slab";
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 29px;
        margin-bottom: 8px;
    }

    .monthly-payment-plan-card-price {
        display: flex;
        flex-direction: row;
        align-items: flex-end;
        gap: 4px;
        margin-bottom: 22px;

        .monthly-payment-plan-card-price-amount {
            display: flex;
            height: 30px;
            flex-direction: column;
            justify-content: center;
            flex-shrink: 0;
            color: #000;
            font-family: "Roboto Slab";
            font-size: 26px;
            font-style: normal;
            font-weight: 700;
            line-height: 30px;
        }

        .monthly-payment-plan-card-price-duration {
            display: flex;
            height: 20px;
            flex-direction: column;
            justify-content: center;
            flex-shrink: 0;
            color: #000;
            font-family: "Roboto Slab";
            font-size: 11px;
            font-style: normal;
            font-weight: 300;
            line-height: 20px;
        }
    }

    .monthly-payment-plan-card-action-curt-plan {
        display: flex;
        height: 36px;
        justify-content: center;
        align-items: center;
        flex-shrink: 0;
        align-self: stretch;
        border-radius: 82px;
        border: 0.411px solid #79747E;
        color: #171717;
        text-align: center;
        font-family: Roboto;
        font-size: 13px;
        font-style: normal;
        font-weight: 600;
        line-height: 16.439px; /* 126.456% */
        letter-spacing: 0.082px;
        margin-bottom: 29px;
    }

    .monthly-payment-plan-card-action-choose-plan {
        display: flex;
        height: 36px;
        justify-content: center;
        align-items: center;
        flex-shrink: 0;
        align-self: stretch;
        border-radius: 82px;
        border: 0.411px solid #79747E;
        text-align: center;
        font-family: Roboto;
        font-size: 13px;
        font-style: normal;
        font-weight: 600;
        line-height: 16.439px; /* 126.456% */
        letter-spacing: 0.082px;
        margin-bottom: 29px;
        background-color: #2D3725;
        color: #fff;
        cursor: pointer;

        &:hover {
            opacity: 0.9;
        }
    }

    .monthly-payment-plan-card-feature-list {
        display: flex;
        flex-direction: column;
        gap: 4px;

        .monthly-payment-plan-card-feature-list-item {
            display: flex;
            flex-direction: row;
            align-items: center;
            gap: 4px;

            .monthly-payment-plan-card-feature-list-item-desc {
                color: #000;
                font-family: "Roboto Slab";
                font-size: 11px;
                font-style: normal;
                font-weight: 400;
                line-height: 19.727px; /* 179.338% */
            }
        }
    }
}

.yearly-payment-plan-card {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 370px;
    height: 400px;
    flex-shrink: 0;
    border-radius: 10px;
    border: 0.4px solid #B9C5AF;
    background: #FFF;
    padding: 33px 30px;
    background: rgba(216, 243, 193, 0.15);

    .yearly-payment-plan-card-recommended {
        position: absolute;
        right: 20px;
        top: 20px;
        display: inline-flex;
        height: 24px;
        padding: 10px;
        justify-content: center;
        align-items: center;
        gap: 10px;
        flex-shrink: 0;
        border-radius: 99px;
        background: #D9F1C5;

        color: #3B3F38;
        text-align: center;
        font-family: "Roboto Slab";
        font-size: 11px;
        font-style: normal;
        font-weight: 400;
        line-height: 28.878px; /* 262.525% */
    }

    .yearly-payment-plan-card-title {
        display: flex;
        height: 29px;
        flex-direction: column;
        justify-content: center;
        flex-shrink: 0;
        color: #000;
        font-family: "Roboto Slab";
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 29px;
        margin-bottom: 8px;
    }

    .yearly-payment-plan-card-price {
        display: flex;
        flex-direction: row;
        align-items: flex-end;
        gap: 4px;
        margin-bottom: 22px;

        .yearly-payment-plan-card-price-amount {
            display: flex;
            height: 30px;
            flex-direction: column;
            justify-content: center;
            flex-shrink: 0;
            color: #000;
            font-family: "Roboto Slab";
            font-size: 26px;
            font-style: normal;
            font-weight: 700;
            line-height: 30px;
        }

        .yearly-payment-plan-card-price-duration {
            display: flex;
            height: 20px;
            flex-direction: column;
            justify-content: center;
            flex-shrink: 0;
            color: #000;
            font-family: "Roboto Slab";
            font-size: 11px;
            font-style: normal;
            font-weight: 300;
            line-height: 20px;
        }
    }

    .yearly-payment-plan-card-action-curt-plan {
        display: flex;
        height: 36px;
        justify-content: center;
        align-items: center;
        flex-shrink: 0;
        align-self: stretch;
        border-radius: 82px;
        border: 0.411px solid #79747E;
        color: #171717;
        text-align: center;
        font-family: Roboto;
        font-size: 13px;
        font-style: normal;
        font-weight: 600;
        line-height: 16.439px; /* 126.456% */
        letter-spacing: 0.082px;
        margin-bottom: 29px;
    }

    .yearly-payment-plan-card-action-choose-plan {
        display: flex;
        height: 36px;
        justify-content: center;
        align-items: center;
        flex-shrink: 0;
        align-self: stretch;
        border-radius: 82px;
        border: 0.411px solid #79747E;
        text-align: center;
        font-family: Roboto;
        font-size: 13px;
        font-style: normal;
        font-weight: 600;
        line-height: 16.439px; /* 126.456% */
        letter-spacing: 0.082px;
        margin-bottom: 29px;
        background-color: #2D3725;
        color: #fff;
        cursor: pointer;

        &:hover {
            opacity: 0.9;
        }
    }

    .yearly-payment-plan-card-feature-list {
        display: flex;
        flex-direction: column;
        gap: 4px;

        .yearly-payment-plan-card-feature-list-item {
            display: flex;
            flex-direction: row;
            align-items: center;
            gap: 4px;

            .yearly-payment-plan-card-feature-list-item-desc {
                color: #000;
                font-family: "Roboto Slab";
                font-size: 11px;
                font-style: normal;
                font-weight: 400;
                line-height: 19.727px; /* 179.338% */
            }
        }
    }
}._main-chat-input-mention_1hejs_1 {
    display: inline-flex;
    align-items: center;
    height: 24px;
    padding: 0 4px;
    margin: 2px 0;
    gap: 4px;
    border-radius: 6px;
    border: 1px solid #D4D4D8;
    background: rgba(255, 255, 255, 0.5); /* Assumed transparent/blur bg */
    backdrop-filter: blur(10px); /* Reduced from 100px for practicality */
    margin-right: 4px;
    vertical-align: middle;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    cursor: pointer;
    max-width: 200px;
    opacity: 1;
    transition: opacity 0.3s ease-in-out;

    &._pending_1hejs_20 {
        opacity: 0.7;
    }

    &._selected_1hejs_24 {
        border-color: #A1A1AA; /* Darker gray for selection */
        background: rgba(0, 0, 0, 0.05);
    }

    ._main-chat-input-mention-thumbnail_1hejs_29 {
        width: 16px;
        height: 16px;
        flex-shrink: 0;
        border-radius: 2px;
        overflow: hidden;
        display: flex;
        align-items: center;
        justify-content: center;
        background: #F4F4F5;
        position: relative; /* For absolute positioning of loading spinner */

        img {
            width: 100%;
            height: 100%;
            -o-object-fit: cover;
               object-fit: cover;
        }
        
        svg {
            color: #71717A;
        }
    }

    ._main-chat-input-mention-text_1hejs_52 {
        color: #27272A;
        font-family: Roboto;
        font-size: 12px;
        font-weight: 400;
        line-height: 1;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        height: 100%;
        line-height: 22px;
        text-align: center;
    }
}

/* subject 间可编辑分隔由 Slate 文本节点提供，不使用视觉 margin 占位，避免“中间无法点入输入” */
._main-chat-input-subject_1hejs_68 {
    margin-right: 0;
}

._main-chat-input-subject-expand_1hejs_72 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 14px;
    height: 14px;
    color: #52525B;
    border: none;
    background: transparent;
    padding: 0;
    margin-left: 1px;
    cursor: pointer;
    flex-shrink: 0;
}

/* Media clip (video/image): thumbnail + filename, Figma 5463-9214 styling */
._storyboard-clip-mention-media_1hejs_88 {
    gap: 8px;
    padding: 0 8px;
    cursor: pointer;
}

._storyboard-clip-mention-thumbnail_1hejs_94 {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
    border-radius: 2px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

._storyboard-clip-mention-thumbnail_1hejs_94 img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}

._storyboard-clip-mention-loading_1hejs_112 {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.4);
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Clip name chip: Figma 5463-9214 - 100% design fidelity */
._storyboard-clip-mention_1hejs_88 {
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    height: 24px;
    padding: 0 8px;
    margin: 2px 4px 2px 0;
    gap: 10px;
    border-radius: 6px;
    border: 1px solid rgba(96, 165, 250, 0.2);
    background: rgba(96, 165, 250, 0.1);
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
    vertical-align: middle;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    cursor: default;
    max-width: 280px;
    opacity: 1;
    transition: opacity 0.3s ease-in-out;

    &._pending_1hejs_20 {
        opacity: 0.7;
    }

    &._selected_1hejs_24 {
        border-color: rgba(96, 165, 250, 0.4);
        background: rgba(96, 165, 250, 0.15);
    }

    ._storyboard-clip-icon_1hejs_151 {
        flex-shrink: 0;
        width: 16px;
        height: 16px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #60a5fa;
    }

    ._storyboard-clip-icon_1hejs_151 svg {
        width: 16px;
        height: 16px;
        color: inherit;
    }

    ._storyboard-clip-text_1hejs_167 {
        color: #60a5fa;
        font-family: Roboto, 'Geist', sans-serif;
        font-size: 12px;
        font-weight: 500;
        line-height: 1.5;
        text-align: center;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}

._multimedia-hover-preview-content_1hejs_180 ._preview-popover-img_1hejs_180 {
    height: 82px;
    width: auto;
    max-width: none;
    max-height: none;
    border-radius: 4px;
    -o-object-fit: contain;
       object-fit: contain;
    display: block;
    border: 0.5px solid #E0E0E0;
    box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.15);
    background: white;
}
._main-chat-input-input-area_ykb6v_1 {
    position: relative;
    border-radius: 16px;
    background: #F5F5F5;
    padding: 12px 8px 8px 12px;

    :is(.dark *) & {
        background: rgba(255, 255, 255, 0.08);
    }
    /* overflow: hidden; */

    ._multimedia-show-area_ykb6v_12 {
        display: flex;
        flex-direction: row;
        gap: 8px;
        overflow: visible;
        /* Allow popup to show */
        margin-bottom: 0;

        ._multimedia-show-item_ykb6v_20 {
            position: relative;
            width: 48px;
            height: 48px;
            flex-shrink: 0;
            border-radius: 8px;
            border: 0.5px solid #6E6E6E;
            /* overflow: hidden;  Removed to allow popup */
            background: lightgray 50% / cover no-repeat;

            /* Inner container for content to maintain border radius */
            ._multimedia-show-item-content_ykb6v_31 {
                width: 100%;
                height: 100%;
                border-radius: 8px;
                overflow: hidden;
                position: relative;
            }

            ._multimedia-show-item-img_ykb6v_39 {
                width: 16px;
                height: 16px;
                -o-object-fit: cover;
                   object-fit: cover;
            }

            ._uploading-icon_ykb6v_45 {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                display: flex;
                align-items: center;
                justify-content: center;
                background-color: rgba(0, 0, 0, 0.3);
            }

            ._remove-icon_ykb6v_57 {
                position: absolute;
                top: -6px;
                right: -6px;
                width: 16px;
                height: 16px;
                border-radius: 50%;
                background: #363636;
                cursor: pointer;
                align-items: center;
                justify-content: center;
                display: none;
                z-index: 20;
                border: 1px solid #fff;

                svg {
                    width: 10px;
                    height: 10px;
                }
            }

            &:hover ._remove-icon_ykb6v_57 {
                display: flex;
            }

            /* Audio styling */
            &._audio-item_ykb6v_83 {
                background: #FFF;
                border: 0.5px solid #E0E0E0;

                ._multimedia-show-item-content_ykb6v_31 {
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    background: #F9F9F9;
                }

                ._audio-icon_ykb6v_94 {
                    color: #666;
                }
            }

            /* File Card Style (Audio/Script) */
            &._file-card-item_ykb6v_100 {
                width: auto;
                max-width: 200px;
                background: #FFF;
                border: 0.5px solid #E0E0E0;
                display: flex;
                align-items: center;
                padding: 0 4px;

                ._multimedia-show-item-content_ykb6v_31 {
                    background: transparent !important;
                    border-radius: 0;
                    overflow: visible;
                }

                ._file-card-content_ykb6v_115 {
                    display: flex;
                    flex-direction: row;
                    align-items: center;
                    gap: 8px;
                    width: 100%;
                    padding: 0 8px;
                }

                ._file-card-icon_ykb6v_124 {
                    flex-shrink: 0;
                    color: #1C1B1F;
                }

                ._file-card-name_ykb6v_129 {
                    font-size: 12px;
                    color: #1C1B1F;
                    white-space: nowrap;
                    overflow: hidden;
                    text-overflow: ellipsis;
                }
            }
        }
    }

    ._editarea-container_ykb6v_140 {
        position: relative;
        margin-bottom: 20px;
        min-height: 20px;
        max-height: 220px;
        overflow-y: auto;
    }

    ._editarea-row_ykb6v_148 {
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
        gap: 8px;
        min-height: 20px;
        width: 100%;
    }

    /** 胶囊只占内容宽度，不抢输入框空间，避免右侧大片空白 */
    ._editarea-pills-wrap_ykb6v_158 {
        flex-shrink: 0;
        display: flex;
        align-items: center;
        min-width: 0;
    }

    ._editarea-input-wrap_ykb6v_165 {
        flex: 1;
        min-width: 180px;
    }

    ._editarea-root_ykb6v_170 {
        padding-left: 6px;
    }

    ._editarea-container_ykb6v_140 ._editarea_ykb6v_140 {
        outline: none;
        color: #000;
        font-family: Roboto;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;

        :is(.dark *) & {
            color: #FAFAFA;
        }
    }

    ._action-area_ykb6v_187 {
        display: flex;
        align-items: center;
        justify-content: space-between;

        ._action-upload-button-wrapper_ykb6v_192 {
            width: 28px;
            height: 28px;
            flex-shrink: 0;
            border-radius: 99px;
            border: 0.5px solid #D7D7D7;
            background: #FFF;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;

            :is(.dark *) & {
                background: rgba(255, 255, 255, 0.1);
                border-color: rgba(255, 255, 255, 0.2);
            }
        }

        ._action-area-right_ykb6v_210 {
            display: flex;
            flex-direction: row;
            align-items: center;
            gap: 8px;
        }

        ._action-aspect-ratio-button_ykb6v_217 {
            height: 28px;
            border-radius: 99px;
            border: 0.5px solid #79747E;
            background: #FFF;
            display: flex;
            flex-direction: row;
            align-items: center;
            padding-left: 6px;
            padding-right: 12px;
            gap: 4px;

            :is(.dark *) & {
                background: rgba(255, 255, 255, 0.1);
                border-color: rgba(255, 255, 255, 0.2);
            }

            &:hover {
                opacity: 0.7;
            }

            ._action-aspect-ratio-button-text_ykb6v_238 {
                color: #2B2B2B;
                text-align: center;
                font-family: Roboto;
                font-size: 14px;
                font-weight: 400;

                :is(.dark *) & {
                    color: #FAFAFA;
                }
            }
        }

        ._action-stop-button-wrapper_ykb6v_251 {
            width: 28px;
            height: 28px;
            border: 0.5px solid #000;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-shrink: 0;
            border-radius: 99px;
            background: #000000;
            cursor: pointer;

            ._action-stop-icon_ykb6v_263 {
                width: 10px;
                height: 10px;
                background: #fff;
            }
        }

        ._action-submit-button-wrapper_ykb6v_270 {
            width: 28px;
            height: 28px;
            border: 0.5px solid #000;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-shrink: 0;
            border-radius: 99px;
            background: #000000;
            color: #fff;
            cursor: pointer;
        }

        ._globe-button-active_ykb6v_284 {
            border-radius: 8px;
            border: 1px solid rgba(49, 85, 6, 0.20);
            background: #F0F7E5;
            color: #2C4D03;
        }



        ._globe-button-inactive_ykb6v_293 {
            border-radius: 8px;
            background: transparent;
            color: #171717;

            :is(.dark *) & {
                color: #E4E4E7;
            }
        }

        ._globe-button-inactive_ykb6v_293:not(:disabled):hover {
            background: #E5E7EB;

            :is(.dark *) & {
                background: rgba(255, 255, 255, 0.1);
            }
        }

    }

    ._main-chat-input-drag-overlay_ykb6v_313 {
        inset: 0;
        border-radius: inherit;
    }

    ._main-chat-input-drag-overlay-panel_ykb6v_318 {
        border-radius: 16px !important;
        box-shadow: none;
        padding: 16px 20px 12px;
    }

    ._main-chat-input-drag-overlay-text_ykb6v_324 {
        font-family: Roboto, sans-serif;
        font-size: 14px;
        font-weight: 500;
        line-height: 20px;
    }
}

._settings-panel_ykb6v_332 {
    transform-origin: top right;
    animation: _settingsPanelIn_ykb6v_1 150ms ease-out;
}

@keyframes _settingsPanelIn_ykb6v_1 {
    from {
        opacity: 0;
        transform: translateY(4px) scale(0.98);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

._main-chat-input-mention-list-container_ykb6v_348 {
    position: fixed;
    top: -9999px;
    left: -9999px;
    z-index: 1000;
    /* width: 140px; */
    width: 100%;
    max-height: 141px;
    overflow-y: auto;
    flex-shrink: 0;
    border-radius: 8px;
    border: 0.5px solid #CDCDCD;
    background: #FFF;
    padding: 6px;
    display: flex;
    flex-direction: column;
    gap: 7px;
    box-shadow: 0 4px 11.4px 0 rgba(0, 0, 0, 0.24);
    transform: translateY(-100%);

    :is(.dark *) & {
        background: #232323;
        border-color: rgba(255, 255, 255, 0.1);
    }

    ._main-chat-input-mention-list-item_ykb6v_373 {
        flex-shrink: 0;
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 5px;
        width: 100%;
        color: #000;
        font-family: Roboto;
        font-size: 12px;
        font-weight: 400;
        line-height: 18px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        cursor: pointer;

        :is(.dark *) & {
            color: #FAFAFA;
        }

        &._active_ykb6v_394 {
            background: #F5F5F5;

            :is(.dark *) & {
                background: rgba(255, 255, 255, 0.1);
            }
        }

        &:hover {
            background: #FAFAFA;

            :is(.dark *) & {
                background: rgba(255, 255, 255, 0.08);
            }
        }

        img {
            width: 14px;
            height: 14px;
            flex-shrink: 0;
            border-radius: 2px;
            background: lightgray 50% / cover no-repeat;
        }

        span {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }
    }
}

._action-aspect-ratio-popover-content_ykb6v_426 {
    display: flex;
    flex-direction: column;
    padding-top: 8px;
    padding-bottom: 8px;

    ._action-aspect-ratio-popover-content-title_ykb6v_432 {
        font-size: 12px;
        padding-left: 12px;
        padding-right: 12px;
    }

    ._action-aspect-ratio-popover-content-list_ykb6v_438 {
        display: flex;
        flex-direction: column;
        gap: 8px;
        margin-top: 8px;
        ;
        width: 100%;


        ._action-aspect-ratio-popover-content-list-item_ykb6v_447 {
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: space-between;
            cursor: pointer;
            padding-left: 12px;
            padding-right: 12px;
            padding-top: 4px;
            padding-bottom: 4px;

            &:hover {
                background-color: var(--color-gray-50);
            }

            ._action-aspect-ratio-popover-content-list-item-left_ykb6v_462 {
                display: flex;
                flex-direction: row;
                align-items: center;

                gap: 8px;
            }

            ._action-aspect-ratio-popover-content-list-item-icon_ykb6v_470 {
                width: 16px;
                height: 16px;
                display: flex;
                align-items: center;
                justify-content: center;

                ._icon-content_ykb6v_477 {
                    border-width: 1px;
                    border-color: var(--color-gray-400);
                    border-radius: 6px;
                    display: inline-block;
                }

                ._icon-content_ykb6v_477[data-aspectRatio="16:9"] {
                    width: 16px;
                    height: 9px;
                }

                ._icon-content_ykb6v_477[data-aspectRatio="9:16"] {
                    width: 9px;
                    height: 16px;
                }
            }

            ._action-aspect-ratio-popover-content-list-item-left_ykb6v_462 {
                font-size: 14px;
            }
        }

    }
}

/**
 * 视频模型详情卡片样式
 * 与图片模型卡片保持一致的设计
 */

.video-model-detail-card {
  /* tip 图标、Cost High、Speed 仅一格时与同一强调色 */
  --video-model-accent-red: #ef4444;

  width: 280px;
  background: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 16px;
  box-shadow: 
    0 4px 6px -1px rgba(0, 0, 0, 0.1),
    0 2px 4px -2px rgba(0, 0, 0, 0.1),
    0 0 0 1px rgba(0, 0, 0, 0.02);
  padding: 16px;
  animation: videoModelCardFadeIn 0.15s ease-out;
}

@keyframes videoModelCardFadeIn {
  from {
    opacity: 0;
    transform: translateX(-4px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

/* 标题区域：Logo + 名称 */
.video-model-detail-header {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 10px;
}

/* 公司 Logo */
.video-model-detail-logo {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
}

/* 模型名称 */
.video-model-detail-name {
  color: #18181b;
  font-size: 15px;
  font-weight: 600;
  line-height: 22px;
}

/* 提示/警告 — warning banner */
.video-model-detail-tip {
  display: flex;
  align-items: flex-start;
  gap: 6px;
  color: #b91c1c;
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
  margin-bottom: 10px;
  background: #fef2f2;
  border: 1px solid #fecaca;
  border-radius: 8px;
  padding: 8px 10px;
}

.video-model-detail-tip-icon {
  width: 14px;
  height: 14px;
  flex-shrink: 0;
  margin-top: 1px;
  color: var(--video-model-accent-red);
}

/* 模型描述 */
.video-model-detail-description {
  color: #71717a;
  font-size: 13px;
  line-height: 19px;
  margin-bottom: 12px;
}

/* Best For 区域 */
.video-model-detail-best-for {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin-bottom: 14px;
  padding-bottom: 14px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

.video-model-detail-best-for-label {
  color: #a1a1aa;
  font-size: 11px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.video-model-detail-best-for-value {
  color: #3f3f46;
  font-size: 12px;
  line-height: 17px;
  font-style: italic;
}

/* 指标区域 */
.video-model-detail-stats {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.video-model-detail-stat {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.video-model-detail-stat-label {
  color: #71717a;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  min-width: 60px;
}

.video-model-detail-stat-value {
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
}

/* Cost 颜色变体 */
.video-model-detail-cost-low {
  color: #22c55e;
}

.video-model-detail-cost-medium {
  color: #f59e0b;
}

.video-model-detail-cost-high {
  color: var(--video-model-accent-red);
}

/* 进度条 */
.video-model-progress-bar {
  display: flex;
  gap: 3px;
  align-items: center;
}

.video-model-progress-segment {
  width: 28px;
  height: 6px;
  background: rgba(0, 0, 0, 0.08);
  border-radius: 3px;
  overflow: hidden;
  position: relative;
}

.video-model-progress-fill {
  height: 100%;
  background: #18181b;
  border-radius: 3px;
  transition: width 0.2s ease;
}

.video-model-progress-fill--speed-low {
  background: var(--video-model-accent-red);
}


/**
 * 图像模型详情卡片样式
 * 浅色主题设计，用于在下拉菜单 hover 时展示模型详细信息
 */

.image-model-detail-card {
  width: 280px;
  background: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 16px;
  box-shadow: 
    0 4px 6px -1px rgba(0, 0, 0, 0.1),
    0 2px 4px -2px rgba(0, 0, 0, 0.1),
    0 0 0 1px rgba(0, 0, 0, 0.02);
  padding: 16px;
  animation: imageModelCardFadeIn 0.15s ease-out;
}

@keyframes imageModelCardFadeIn {
  from {
    opacity: 0;
    transform: translateX(-4px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

/* 标题区域：Logo + 名称 */
.image-model-detail-header {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 10px;
}

/* 公司 Logo */
.image-model-detail-logo {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
}

/* 模型名称 */
.image-model-detail-name {
  color: #18181b;
  font-size: 15px;
  font-weight: 600;
  line-height: 22px;
}

/* 模型描述 */
.image-model-detail-description {
  color: #71717a;
  font-size: 13px;
  line-height: 19px;
  margin-bottom: 12px;
}

/* Best For 区域 */
.image-model-detail-best-for {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin-bottom: 14px;
  padding-bottom: 14px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

.image-model-detail-best-for-label {
  color: #a1a1aa;
  font-size: 11px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.image-model-detail-best-for-value {
  color: #3f3f46;
  font-size: 12px;
  line-height: 17px;
  font-style: italic;
}

/* 指标区域 */
.image-model-detail-stats {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.image-model-detail-stat {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.image-model-detail-stat-label {
  color: #71717a;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  min-width: 60px;
}

.image-model-detail-stat-value {
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
}

/* Cost 颜色变体 */
.image-model-detail-cost-low {
  color: #22c55e;
}

.image-model-detail-cost-medium {
  color: #f59e0b;
}

.image-model-detail-cost-high {
  color: #ef4444;
}

/* 进度条 */
.image-model-progress-bar {
  display: flex;
  gap: 3px;
  align-items: center;
}

.image-model-progress-segment {
  width: 28px;
  height: 6px;
  background: rgba(0, 0, 0, 0.08);
  border-radius: 3px;
  overflow: hidden;
  position: relative;
}

.image-model-progress-fill {
  height: 100%;
  background: #18181b;
  border-radius: 3px;
  transition: width 0.2s ease;
}


._main-chat-input_1512o_1 {
    ._main-chat-input-think-area_1512o_2 {
        margin-bottom: 8px;
    }
}._action-card-message_1h6ss_1 {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

._action-card-message-header_1h6ss_7 {
    margin-bottom: 4px;
}

._action-card-container_1h6ss_11 {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 12px 8px 12px 12px;
    width: 348px;
    max-width: 100%;
    border-radius: 12px;
    border: 1px solid #E5E5E5;
    background: #FFFFFF;
    box-sizing: border-box;

    :is(.dark *) & {
        border-color: rgba(255, 255, 255, 0.1);
        background: #1A1A1A;
    }
}

._action-card-header_1h6ss_29 {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 0 4px;
}

._action-card-title_1h6ss_36 {
    margin: 0;
    font-family: 'Geist', sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.43;
    color: #0A0A0A;
    word-break: break-word;

    :is(.dark *) & {
        color: #FAFAFA;
    }
}

._action-card-description_1h6ss_50 {
    margin: 0;
    font-family: 'Geist', sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.33;
    color: #737373;
    word-break: break-word;

    :is(.dark *) & {
        color: #A1A1AA;
    }
}

._action-card-suggestion-button_1h6ss_64 {
    display: flex;
    min-height: 36px;
    align-items: center;
    width: 100%;
    padding: 8px 10px;
    border-radius: 6px;
    background: #F5F5F5;
    border: none;
    cursor: pointer;
    text-align: left;
    transition: background-color 0.15s ease;

    :is(.dark *) & {
        background: rgba(255, 255, 255, 0.05);
    }
}

._action-card-suggestion-button_1h6ss_64:hover:not(:disabled) {
    background: #EBEBEB;

    :is(.dark *) & {
        background: rgba(255, 255, 255, 0.1);
    }
}

._action-card-suggestion-button_1h6ss_64:disabled {
    opacity: 0.6;
    cursor: not-allowed;
}

._suggestion-content_1h6ss_95 {
    display: flex;
    flex-direction: column;
    gap: 4px;
    flex: 1;
    min-width: 0;
}

._suggestion-title-row_1h6ss_103 {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
}

._suggestion-title_1h6ss_103 {
    font-family: 'Geist', sans-serif;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.33;
    color: #171717;

    :is(.dark *) & {
        color: #E4E4E7;
    }
}

._suggestion-description_1h6ss_122 {
    margin: 0;
    font-family: 'Geist', sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 150%;
    color: #71717A;

    :is(.dark *) & {
        color: #A1A1AA;
    }
}

/* Credits badge with gradient background */
._credit-badge_1h6ss_136 {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 2px;
    height: 16px;
    padding: 0 4px;
    border-radius: 4px;
    /* background: linear-gradient(125deg, rgba(234, 175, 92, 1) 0%, rgba(96, 74, 161, 1) 100%); */
    background: linear-gradient(109deg, #B6C464 2.22%, #78A263 95.2%);
}

._credit-text_1h6ss_148 {
    font-family: 'Geist', sans-serif;
    font-size: 10px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0.012em;
    color: #FFFFFF;
    white-space: nowrap;
}

/* Premium badge with gradient background */
._premium-badge_1h6ss_159 {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 16px;
    padding: 0 4px;
    border-radius: 4px;
    background: linear-gradient(138deg, rgba(164, 170, 195, 1) 11%, rgba(94, 98, 116, 1) 100%);
}

._premium-text_1h6ss_169 {
    font-family: 'Geist', sans-serif;
    font-size: 10px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0.012em;
    color: #FFFFFF;
    white-space: nowrap;
}

/* Children drill-down chevron */
._children-chevron_1h6ss_180 {
    flex-shrink: 0;
    margin-left: auto;
    padding-left: 4px;
    color: #A3A3A3;
}

/* Sub-action header with back button */
._sub-action-header_1h6ss_188 {
    display: flex;
    align-items: flex-start;
    gap: 4px;
}

._back-button_1h6ss_194 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    padding: 0;
    background: none;
    border: none;
    cursor: pointer;
    color: #171717;
    transition: color 0.12s ease;
    flex-shrink: 0;
}

._back-button_1h6ss_194:hover {
    color: #0A0A0A;
}

._sub-action-copy_1h6ss_213 {
    display: flex;
    flex: 1;
    min-width: 0;
    flex-direction: column;
    gap: 2px;
}

/* Animate suggestions list on level change */
@keyframes _slideInFromRight_1h6ss_1 {
    from {
        opacity: 0;
        transform: translateX(8px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

._action-card-suggestions_1h6ss_233 {
    display: flex;
    flex-direction: column;
    gap: 8px;
    animation: _slideInFromRight_1h6ss_1 0.15s ease-out;
}

/* Action confirmed styles - same as ToolCallMessage */
._confirmed-message_1h6ss_241 {
    width: 100%;
}

._confirmed-card_1h6ss_245 {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 8px 12px;
    border-radius: 12px;
    background: var(--tailwind-colors-zinc-50, #FAFAFA);
    border: 1px solid transparent;
    gap: 8px;
    overflow: hidden;

    :is(.dark *) & {
        background: rgba(255, 255, 255, 0.05);
    }
}

._icon-wrapper_1h6ss_261 {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    color: rgba(0, 0, 0, 0.70);

    :is(.dark *) & {
        color: rgba(255, 255, 255, 0.7);
    }
}

._content-wrapper_1h6ss_273 {
    flex: 1;
    min-width: 0;
    display: flex;
    align-items: center;
}

._title_1h6ss_280 {
    color: var(--tailwind-colors-neutral-900, #171717);
    font-family: 'Geist', sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;

    :is(.dark *) & {
        color: #D4D4D8;
    }
}
._error-message_kqtn7_1 {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

._error-card_kqtn7_8 {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 8px 12px;
    border-radius: 12px;
    background: var(--tailwind-colors-red-50, #FEF2F2);
    border: 1px solid transparent;
    gap: 8px;
    overflow: hidden;

    :is(.dark *) & {
        background: rgba(239, 68, 68, 0.12);
    }
}

._icon-wrapper_kqtn7_24 {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    color: #EF4444; /* red-500 */
}

._content-wrapper_kqtn7_32 {
    flex: 1;
    min-width: 0;
    display: flex;
    align-items: center;
}

._title_kqtn7_39 {
    color: var(--tailwind-colors-red-600, #DC2626);
    font-family: 'Geist', sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

._detail_kqtn7_48 {
    color: var(--tailwind-colors-zinc-600, #52525B);
    font-family: 'Geist', sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    padding-left: 8px;
}
._fullscript-preview-container_oeoyi_1 {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    background: rgba(0, 0, 0, 0.83);
    justify-content: center;
    align-items: center;
    display: none;

    &._open_oeoyi_13 {
        display: flex;
    }

    ._close-btn_oeoyi_17 {
        position: absolute;
        right: 50px;
        top: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 5px;
        color: #FFF;
        font-family: 'Geist', sans-serif;
        font-size: 16px;
        font-weight: 700;
        line-height: 31.592px; 
        cursor: pointer;

        &:hover {
            opacity: 0.8;
        }
    }

    ._fullscript-preview-content_oeoyi_37 {
        padding: 50px 25px;
        width: 774px;
        flex-shrink: 0;
        border-radius: 12px;
        background: #FFF;
        box-sizing: border-box;

        ._fullscript-preview-content-inner_oeoyi_45 {
            width: 100%;
            padding-left: 35px;
            padding-right: 35px;
            max-height: 620px;
            overflow: auto;
        }
    }
}._toolbar_1i3w9_1 {
  position: absolute;
  left: 0;
  right: 0;
  z-index: 0;
  opacity: 0;
  transform: translateY(10px);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  pointer-events: none;
  height: var(--gradient-height, 80px);
}

._toolbar_1i3w9_1._bottom_1i3w9_13 {
  bottom: 0;
}

._toolbar_1i3w9_1._top_1i3w9_17 {
  top: 0;
  transform: translateY(-10px);
}

._toolbar_1i3w9_1._alwaysVisible_1i3w9_22 {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}

._gradient_1i3w9_28 {
  position: absolute;
  left: 0;
  right: 0;
  height: 100%;
  pointer-events: none;
}

._toolbar_1i3w9_1._bottom_1i3w9_13 ._gradient_1i3w9_28 {
  bottom: 0;
  background: linear-gradient(to top,
      rgba(0, 0, 0, 0.8) 0%,
      rgba(0, 0, 0, 0.6) 30%,
      rgba(0, 0, 0, 0.3) 60%,
      rgba(0, 0, 0, 0) 100%);
}

._toolbar_1i3w9_1._top_1i3w9_17 ._gradient_1i3w9_28 {
  top: 0;
  background: linear-gradient(to bottom,
      rgba(0, 0, 0, 0.8) 0%,
      rgba(0, 0, 0, 0.6) 30%,
      rgba(0, 0, 0, 0.3) 60%,
      rgba(0, 0, 0, 0) 100%);
}

._content_1i3w9_54 {
  position: relative;
  z-index: 1;
  height: 100%;
  display: flex;
  align-items: flex-end;
  padding: 16px 20px;
  pointer-events: auto;
}

._toolbar_1i3w9_1._top_1i3w9_17 ._content_1i3w9_54 {
  align-items: flex-start;
}

._actions_1i3w9_68 {
  display: flex;
  gap: 8px;
  width: 100%;
  justify-content: end;
  min-width: 0;
}

._actionButton_1i3w9_76 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 1 30px;
  min-width: 20px;
  height: auto;
  aspect-ratio: 1;
  border: none;
  border-radius: 8px;
  background: rgb(0 0 0 / 42%);
  color: white;
  transition: all 0.2s ease;
  font-size: 18px;
}

._actionButton_1i3w9_76 svg,
._actionButton_1i3w9_76 img {
  width: 60%;
  height: 60%;
  -o-object-fit: contain;
     object-fit: contain;
}

/* 自定义 render 的包装器：等比缩放，子按钮填满容器 */
._actions_1i3w9_68 > span {
  flex: 0 1 30px;
  min-width: 20px;
  aspect-ratio: 1;
  display: flex;
}

._actions_1i3w9_68 > span ._actionButton_1i3w9_76 {
  width: 100%;
  height: 100%;
}

._actionButton_1i3w9_76:hover:not(:disabled) {
  transform: translateY(-2px);
}

._actionButton_1i3w9_76:active:not(:disabled) {
  transform: translateY(0);
}

._actionButton_1i3w9_76:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}

/* 响应式设计 */
@media (max-width: 768px) {
  ._content_1i3w9_54 {
    padding: 12px 16px;
  }

  ._actionButton_1i3w9_76 {
    flex: 0 1 36px;
    min-width: 24px;
    height: auto;
    aspect-ratio: 1;
    font-size: 16px;
  }

  ._actions_1i3w9_68 {
    gap: 6px;
  }

  ._actions_1i3w9_68 > span {
    flex: 0 1 36px;
    min-width: 24px;
  }
}._container_12wdm_1 {
  position: relative;
  display: inline-block;
  width: -moz-fit-content;
  width: fit-content;
  overflow: hidden;
  border-radius: 8px;
  transition: all 0.3s ease;
}

._container_12wdm_1 img,
._container_12wdm_1 video {
  display: block;
  max-width: 100%;
  height: auto;
}._main-chat-panel-image-message_1evz9_1 {
    position: relative;
    ._image-message-header_1evz9_3 {
        display: flex;
        flex-direction: row;
        gap: 3px;
        color: #38383899;
        font-family: 'Geist', sans-serif;
        font-size: 13px;
        font-weight: 500;
        line-height: 120%;
        margin-bottom: 12px;
        align-items: center;

        :is(.dark *) & {
            color: rgba(255, 255, 255, 0.6);
        }
    }

    ._image-message-image_1evz9_20 {
        position: relative;
        max-width: min(368px, 100%);
        border-radius: 8px;
        background: lightgray 50% / cover no-repeat;
        overflow: hidden;
        display: flex;
        align-items: center;
        justify-content: center;

        ._image-message-image-loading_1evz9_30 {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 100%;
            background: lightgray 50% / cover no-repeat;
        }
        
        ._image_1evz9_3 {
            cursor: pointer;
            max-width: 100%;
            height: auto;
        }
    }
}._main-chat-panel-insufficient-credit-message_1bt8e_1 {
    display: flex;
    padding: 12px 18px;
    flex-direction: space-between;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 12px;
    border: 1px solid #ECECEC;

    :is(.dark *) & {
        border-color: rgba(255, 255, 255, 0.1);
    }

    ._main-chat-panel-insufficient-credit-message-desc_1bt8e_15 {
        max-width: 255px;
        color: #2A2A2A;
        font-family: 'Geist', sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 18px;
        word-break: break-word;

        :is(.dark *) & {
            color: #E4E4E7;
        }
    }

}._markdown-message_1sote_1 {
    color: #2A2A2A;
    font-family: 'Geist', sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    word-break: break-word;

    :is(.dark *) & {
        color: #E4E4E7;
    }
    
    ._markdown-message-header_1sote_14 {
        margin-bottom: 12px;
    }
}._container_1vw22_1 {
  padding: 8px;
  padding-bottom: 0;
}

._viewerWrapper_1vw22_6 {
  position: relative;
  aspect-ratio: 16 / 9;
}

._viewerButton_1vw22_11 {
  width: 100%;
  height: 100%;
  border: none;
  background: transparent;
  padding: 0;
  cursor: pointer;
}

._previewImage_1vw22_20 {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 12px;
  display: block;
}

._loading_1vw22_28 {
  width: 100%;
  height: 100%;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.03);
}

._fallbackButton_1vw22_38,
._fallbackState_1vw22_39 {
  width: 100%;
  height: 100%;
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  background: rgba(0, 0, 0, 0.03);
}

._fallbackButton_1vw22_38 {
  border: none;
  cursor: pointer;
  padding: 0;
  color: inherit;
}

._fallbackState_1vw22_39 {
  color: rgba(0, 0, 0, 0.6);
}

._fallbackIcon_1vw22_62 {
  width: 24px;
  height: 24px;
}

._fallbackText_1vw22_67 {
  font-size: 13px;
  line-height: 1.2;
}

._uploadingMask_1vw22_72 {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.18);
  border-radius: 12px;
}

._meta_1vw22_82 {
  position: absolute;
  top: 8px;
  left: 8px;
  display: flex;
  gap: 6px;
  align-items: center;
}

._meta_1vw22_82 span {
  font-size: 11px;
  line-height: 1;
  color: #fafafa;
  background: rgba(0, 0, 0, 0.55);
  border-radius: 9999px;
  padding: 3px 7px;
}
/* PlanCardMessage 主容器 */
._plan-card-message_1mi7b_2 {
  width: 100%;
}

/* ====== Dark mode overrides ====== */

/* Plan Card 卡片 */
._plan-card_1mi7b_2 {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  border: 1px solid rgba(228, 228, 231, 0.5);
  border-radius: 12px;
  overflow: hidden;
  transition: border-color 0.3s ease;

  :is(.dark *) & {
    border-color: rgba(255, 255, 255, 0.1);
  }
}


/* 卡片头部 */
._card-header_1mi7b_26 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 4px 12px;
  background: #F6F6F6;
  border-bottom: 1px solid rgba(228, 228, 231, 0.4);
  height: 40px;
  font-size: 12px;

  :is(.dark *) & {
    background: rgba(255, 255, 255, 0.05);
    border-bottom-color: rgba(255, 255, 255, 0.1);
  }
}

._header-left_1mi7b_43 {
  display: flex;
  align-items: center;
  gap: 4px;
}

._header-icon_1mi7b_49 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
}

._header-title_1mi7b_57 {
  font-family: 'Geist', sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.33;
  color: #27272A;

  :is(.dark *) & {
    color: #D4D4D8;
  }
}

._header-right_1mi7b_69 {
  display: flex;
  align-items: center;
  gap: 8px;
}

._collapse-button_1mi7b_75 {
  display: flex;
  align-items: center;
  justify-content: center;
  background: none;
  border: none;
  padding: 4px;
  cursor: pointer;
  border-radius: 4px;
  transition: background-color 0.2s ease;
}

._collapse-button_1mi7b_75:hover {
  background: rgba(0, 0, 0, 0.05);

  :is(.dark *) & {
    background: rgba(255, 255, 255, 0.1);
  }
}

._collapse-button_1mi7b_75:focus {
  outline: none;
}

._header-count_1mi7b_99 {
  font-family: 'Geist', sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.33;
  color: #52525B;

  :is(.dark *) & {
    color: #A1A1AA;
  }
}

/* 可折叠内容容器 */
._collapsible-content_1mi7b_112 {
  width: 100%;
  overflow: hidden;
  transition: all 0.3s ease-in-out;
  max-height: 1000px; /* 足够大的值来容纳展开的内容 */
  opacity: 1;
}

._collapsible-content-collapsed_1mi7b_120 {
  max-height: 0;
  opacity: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* 内容区域 */
._content-area_1mi7b_128 {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 6px;
  gap: 8px;
  background-color: white;
  transition: opacity 0.2s ease-in-out;

  :is(.dark *) & {
    background-color: #1A1A1A;
  }
}

/* 问题滑动容器 */
._question-slider_1mi7b_143 {
  width: 100%;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  transition: height 0.2s ease;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

._question-slider_1mi7b_143::-webkit-scrollbar {
  display: none;
}

._question-track_1mi7b_157 {
  display: flex;
  gap: 0;
  align-items: flex-start;
}

._question-slide_1mi7b_143 {
  flex: 0 0 100%;
  scroll-snap-align: start;
  scroll-snap-stop: always;
}

/* 问题内容 */
._question-content_1mi7b_170 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  background: #FFFFFF;
  border-radius: 8px;

  :is(.dark *) & {
    background: #1A1A1A;
  }
}

._question-title-wrapper_1mi7b_182 {
  padding: 4px 6px;
}

._question-title_1mi7b_182 {
  font-family: 'Geist', sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.43;
  color: #0A0A0A;

  :is(.dark *) & {
    color: #FAFAFA;
  }
}

/* 选项列表 */
._options-list_1mi7b_199 {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

._option-wrapper_1mi7b_205 {
  min-height: 36px;
  background: transparent;
  border-radius: 6px;
  padding: 6px;
}

/* 选项样式 */
._option-item_1mi7b_213 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

._option-main_1mi7b_219 {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  cursor: pointer;
}

._option-main_1mi7b_219:hover {
  opacity: 0.9;
}

/* Radio 按钮 */
._radio-button_1mi7b_231 {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  border-radius: 9999px;
  border: 1px solid #E5E5E5;
  background: #FFFFFF;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 1px;

  :is(.dark *) & {
    border-color: #52525B;
    background: #262626;
  }
}

._radio-button-selected_1mi7b_250 {
  border-color: #171717;

  :is(.dark *) & {
    border-color: #FAFAFA;
  }
}

._radio-inner_1mi7b_258 {
  width: 8px;
  height: 8px;
  border-radius: 9999px;
  background: #171717;

  :is(.dark *) & {
    background: #FAFAFA;
  }
}

/* Checkbox 按钮 */
._checkbox-button_1mi7b_270 {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  border-radius: 4px;
  border: 1px solid #E5E5E5;
  background: #FFFFFF;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 1px;

  :is(.dark *) & {
    border-color: #52525B;
    background: #262626;
  }
}

._checkbox-button-selected_1mi7b_289 {
  background: #171717;
  border-color: #171717;

  :is(.dark *) & {
    background: #FAFAFA;
    border-color: #FAFAFA;
  }
}

._checkbox-icon_1mi7b_299 {
  color: #FAFAFA;

  :is(.dark *) & {
    color: #171717;
  }
}

/* 选项内容 */
._option-content_1mi7b_308 {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding-top: 1px;
  flex: 1;
}

._option-label_1mi7b_316 {
  font-family: 'Geist', sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  color: #0A0A0A;

  :is(.dark *) & {
    color: #FAFAFA;
  }
}

._option-description_1mi7b_328 {
  font-family: 'Geist', sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.83;
  color: #737373;

  :is(.dark *) & {
    color: #A1A1AA;
  }
}

/* Other 选项特殊布局 */
._option-item-other_1mi7b_341 {
  display: flex;
  flex-direction: column;
}

._option-main-other_1mi7b_346 {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  cursor: pointer;
}

._option-main-other_1mi7b_346:hover {
  opacity: 0.9;
}

._option-content-other_1mi7b_357 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding-top: 1px;
  flex: 1;
}

/* Other 输入框 - 内联样式（跟随在标签下方） */
._other-input-inline_1mi7b_366 {
  width: 100%;
  padding: 4px 12px;
  border: 1px solid #E5E5E5;
  border-radius: 8px;
  font-family: 'Geist', sans-serif;
  font-size: 14px;
  line-height: 1.57;
  background: #FFFFFF;

  :is(.dark *) & {
    border-color: #3F3F46;
    background: #262626;
    color: #FAFAFA;
  }
}

._other-input-inline_1mi7b_366:focus {
  outline: none;
  border-color: #A1A1AA;
}

._other-input-inline_1mi7b_366::-moz-placeholder {
  color: #737373;
}

._other-input-inline_1mi7b_366::placeholder {
  color: #737373;
}

/* Other 输入框 - 旧样式（保留以兼容） */
._other-input_1mi7b_366 {
  margin-left: 28px;
  padding: 8px 12px;
  border: 1px solid #E5E5E5;
  border-radius: 6px;
  font-family: 'Geist', sans-serif;
  font-size: 14px;
  width: calc(100% - 28px);
  background: #FFFFFF;

  :is(.dark *) & {
    border-color: #3F3F46;
    background: #262626;
    color: #FAFAFA;
  }
}

._other-input_1mi7b_366:focus {
  outline: none;
  border-color: #A1A1AA;
}

._other-input_1mi7b_366::-moz-placeholder {
  color: #A1A1AA;
}

._other-input_1mi7b_366::placeholder {
  color: #A1A1AA;
}

/* 卡片底部 */
._card-footer_1mi7b_420 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 8px;
  border-top: 1px solid rgba(228, 228, 231, 0.4);
  gap: 8px;
  background-color: white;
  transition: opacity 0.2s ease-in-out, padding 0.3s ease-in-out;

  :is(.dark *) & {
    border-top-color: rgba(255, 255, 255, 0.1);
    background-color: #1A1A1A;
  }
}

._footer-left_1mi7b_437 {
  display: flex;
  align-items: center;
}

._footer-right_1mi7b_442 {
  display: flex;
  align-items: center;
  gap: 8px;
}

/* 进度指示器 */
._progress-indicator_1mi7b_449 {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 0 4px;
}

._progress-dot_1mi7b_456 {
  border-radius: 999px;
}

._progress-dot-active_1mi7b_460 {
  width: 16px;
  height: 5px;
  background: #A1A1AA;
}

._progress-dot-inactive_1mi7b_466 {
  width: 5px;
  height: 5px;
  background: #E4E4E7;

  :is(.dark *) & {
    background: #3F3F46;
  }
}

._progress-text_1mi7b_476 {
  font-family: 'Geist', sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.33;
  color: #52525B;

  :is(.dark *) & {
    color: #A1A1AA;
  }
}

/* 按钮样式 */
._skip-button_1mi7b_489 {
  background: #F5F5F5 !important;
  border-radius: 8px !important;
  font-family: 'Geist', sans-serif !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  color: #171717 !important;
  height: 28px !important;
  padding: 8px 10px !important;

  :is(.dark *) & {
    background: rgba(255, 255, 255, 0.1) !important;
    color: #E4E4E7 !important;
  }
}

._previous-button_1mi7b_505 {
  background: #F5F5F5 !important;
  border-radius: 8px !important;
  font-family: 'Geist', sans-serif !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  color: #171717 !important;
  height: 28px !important;
  padding: 8px 10px !important;

  :is(.dark *) & {
    background: rgba(255, 255, 255, 0.1) !important;
    color: #E4E4E7 !important;
  }
}

._previous-button_1mi7b_505:disabled {
  opacity: 0.5 !important;
  cursor: not-allowed !important;
}

._continue-button_1mi7b_526 {
  background: #C5F36F !important;
  border-radius: 8px !important;
  font-family: 'Geist', sans-serif !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  color: #171717 !important;
  height: 28px !important;
  padding: 8px 10px !important;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05) !important;
}

._continue-button_1mi7b_526:hover {
  background: #b8e85f !important;
}

/* AnswerCard 样式 */
._answers-list_1mi7b_543 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  background: #FFFFFF;

  :is(.dark *) & {
    background: #1A1A1A;
  }
}

._answer-item_1mi7b_554 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 4px 6px;
}

/* 问题文本（带序号） */
._answer-question-text_1mi7b_564 {
  width: 100%;
  font-family: 'Geist', sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.43;
  color: #0A0A0A;

  :is(.dark *) & {
    color: #FAFAFA;
  }
}

/* 答案文本 */
._answer-value_1mi7b_578 {
  width: 100%;
  font-family: 'Geist', sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #71717A;

  :is(.dark *) & {
    color: #A1A1AA;
  }
}

/* 跳过的答案 */
._answer-value-skipped_1mi7b_592 {
  width: 100%;
  font-family: 'Geist', sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  font-style: italic;
  color: #A1A1AA;
}
._planning-message_pop43_1 {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 4px;
  gap: 4px;
  background: #FAFAFA;
  border-radius: 6px;

  :is(.dark *) & {
    background: rgba(255, 255, 255, 0.05);
  }
}

._loading-icon_pop43_15 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  flex-shrink: 0;
}

._loading-text_pop43_24 {
  font-family: 'Geist', sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.17;
  background: linear-gradient(90deg, #979797 0%, #313132 91%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;

  :is(.dark *) & {
    background: linear-gradient(90deg, #71717A 0%, #D4D4D8 91%);
    background-clip: text;
    -webkit-background-clip: text;
  }
}
._main-chat-panel-shot-message_1mt0v_1 {
    position: relative;
    
    ._shot-message-header_1mt0v_4 {
        display: flex;
        flex-direction: row;
        gap: 3px;
        color: #38383899;
        font-family: 'Geist', sans-serif;
        font-size: 13px;
        font-weight: 500;
        line-height: 120%;
        margin-bottom: 12px;
        align-items: center;

        :is(.dark *) & {
            color: rgba(255, 255, 255, 0.6);
        }
    }

    ._shot-message-list_1mt0v_21 {
        display: grid;
        gap: 8px;

        ._shot-message-item_1mt0v_25 {
            position: relative;
            width: 100%;
            aspect-ratio: 1;
            max-width: var(--shot-item-size, 120px);
            max-height: var(--shot-item-size, 120px);
            border-radius: 8px;
            background: lightgray 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            overflow: hidden;

            ._shot-message-item-title_1mt0v_38 {
                position: absolute;
                top: 6px;
                left: 6px;
                display: flex;
                height: 18px;
                padding: 0 4px;
                justify-content: center;
                align-items: center;
                flex-shrink: 0;
                border-radius: 4px;
                background: rgba(25, 25, 25, 0.52);
                color: #FFF;
                font-family: 'Geist', sans-serif;
                font-size: 11px;
                font-weight: 400;
                line-height: 18px;
            }

            video,
            ._shot-message-item-thumbnail_1mt0v_58 {
                width: 100%;
                height: 100%;
                -o-object-fit: cover;
                   object-fit: cover;
            }

            ._shot-message-play-button_1mt0v_64 {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                display: flex;
                align-items: center;
                justify-content: center;
            }

            ._shot-message-shot-loading_1mt0v_75 {
                width: 100%;
                height: 100%;
                display: flex;
                align-items: center;
                justify-content: center;
            }
        }
    }

    /* .shot-message-shot {
        position: relative;
        width: 368px;
        flex-shrink: 0;
        border-radius: 8px;
        background: lightgray 50% / cover no-repeat;
        overflow: hidden;
        display: flex;
        align-items: center;
        justify-content: center;

        .video-message-video-loading {
            display: flex;
            align-items: center;
            justify-content: center;
            background: lightgray 50% / cover no-repeat;
        }
    }

    .video-message-play-button {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    } */
}._stop-message_r52t7_1 {
    width: 100%;
}

._stop-card_r52t7_5 {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 8px 12px;
    border-radius: 12px;
    background: #FFFFE2;
    border: 1px solid transparent;
    gap: 8px;
    overflow: hidden;

    :is(.dark *) & {
        background: rgba(126, 111, 0, 0.15);
    }
}

._icon-wrapper_r52t7_21 {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    color: #7E6F00;
}

._content-wrapper_r52t7_29 {
    flex: 1;
    min-width: 0;
    display: flex;
    align-items: center;
}

._title_r52t7_36 {
    color: #7E6F00;
    font-family: 'Geist', sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}._success-message_x9ued_1 {
    width: 100%;
}

._success-card_x9ued_5 {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 8px 12px;
    border-radius: 12px;
    background: #EEFFF1;
    border: 1px solid transparent;
    gap: 8px;
    overflow: hidden;

    :is(.dark *) & {
        background: rgba(28, 113, 79, 0.15);
    }
}

._icon-wrapper_x9ued_21 {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    color: #1C714F;
}

._content-wrapper_x9ued_29 {
    flex: 1;
    min-width: 0;
    display: flex;
    align-items: center;
}

._title_x9ued_36 {
    color: #1C714F;
    font-family: 'Geist', sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}._tool-call-message_xqiu6_1 {
    width: 100%;
}

._tool-call-card_xqiu6_5 {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 8px 12px;
    border-radius: 12px;
    background: var(--tailwind-colors-zinc-50, #FAFAFA);
    border: 1px solid transparent;
    gap: 8px;
    overflow: hidden;

    :is(.dark *) & {
        background: rgba(255, 255, 255, 0.05);
    }
}

._icon-wrapper_xqiu6_21 {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    color: rgba(0, 0, 0, 0.70);

    :is(.dark *) & {
        color: rgba(255, 255, 255, 0.7);
    }
}

._spinner_xqiu6_33 {
    animation: _spin_xqiu6_33 1s linear infinite;
    color: #3B82F6; /* blue-500 */
}

._content-wrapper_xqiu6_38 {
    flex: 1;
    min-width: 0; /* 允许 flex item 收缩 */
    display: flex;
    align-items: center;
}

._title_xqiu6_45 {
    color: var(--tailwind-colors-neutral-900, #171717);
    font-family: 'Geist', sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;

    :is(.dark *) & {
        color: #D4D4D8;
    }
}

@keyframes _spin_xqiu6_33 {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

._failed-icon_xqiu6_70 {
    color: #EF4444; /* red-500 */
}

._failed_xqiu6_70 {
    background: var(--tailwind-colors-red-50, #FEF2F2);

    :is(.dark *) & {
        background: rgba(239, 68, 68, 0.12);
    }
}

._failed-title_xqiu6_82 {
    color: var(--tailwind-colors-red-600, #DC2626);
}
._buttonWrapper_1khw7_1 {
  position: relative;
  width: 177px;
  height: 46px;
  padding: 2px;
}

._messageConfirmButton_1khw7_8 {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 16px;
  border: none;
  border-radius: 8px;
  font-family: 'Geist', sans-serif;
  font-size: 14px;
  font-weight: 400;
  cursor: pointer;
  transition: all 0.2s ease;
  outline: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  width: -moz-fit-content;
  width: fit-content;
  width: 100%;
  height: 100%;
  border-radius: 16px;
  transition: all ease 0.5s;
}

._messageConfirmButton_1khw7_8:focus {
  outline: 2px solid rgba(0, 0, 0, 0.1);
  outline-offset: 2px;
}

._messageConfirmButton_1khw7_8:active {
  transform: scale(0.98);
}

/* Success/Complete 变体 - 浅绿色（类似图片中的风格） */
._variant-success_1khw7_39,
._variant-complete_1khw7_40 {
  background: #191919;
  color: white;
  font-weight: 500;
}

._variant-success_1khw7_39:hover,
._variant-complete_1khw7_40:hover {
  background: #191919d2 !important;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

._variant-success_1khw7_39:active,
._variant-complete_1khw7_40:active {
  background: #a5d6a7;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

/* Info 变体 - 浅蓝色 */
._variant-info_1khw7_59 {
  background: #e3f2fd;
  color: #898888;
}

._variant-info_1khw7_59:hover {
  background: #bbdefb;
}

._variant-info_1khw7_59:active {
  background: #90caf9;
}

/* Warning 变体 - 浅黄色 */
._variant-warning_1khw7_73 {
  background: #fff9c4;
  color: #f57f17;
}

._variant-warning_1khw7_73:hover {
  background: #fff59d !important;
}

._variant-warning_1khw7_73:active {
  background: #fff176;
}

._icon_1khw7_86 {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  line-height: 1;
}

._message_1khw7_8 {
  line-height: 1.5;
  white-space: nowrap;
}

/* 禁用状态 */
._messageConfirmButton_1khw7_8:disabled {
  opacity: 0.6;
  cursor: not-allowed;
  pointer-events: none;
}

/* 彩虹渐变边框 */
._gradientBorder_1khw7_107 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 16px;
  padding: 3px;
  background: linear-gradient(124deg,
      rgba(200, 230, 0, 1) 0%,
      rgba(107, 199, 200, 1) 14%,
      rgba(151, 151, 200, 1) 36%,
      rgba(192, 92, 183, 1) 52%,
      rgba(219, 91, 140, 1) 66%,
      rgba(235, 125, 75, 1) 81%,
      rgba(253, 128, 27, 1) 90%,
      rgba(255, 114, 0, 1) 96%);
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
}._storyboardButton_cjkjp_1 {
    background-color: black;
    color: white;

    &:hover {
        background-color: rgba(0, 0, 0, 0.709) !important;
    }
}
._header_cjkjp_9 {
    margin-bottom: 8px;
}
._main-chat-panel-user-message_vo9g4_1 {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    margin-left: 12px;
    width: calc(100% - 12px);

    ._user-message-sender_vo9g4_8 {
        display: flex;
        align-items: center;
        gap: 6px;
        margin-bottom: 6px;
    }

    ._user-message-sender-avatar_vo9g4_15 {
        width: 19px;
        height: 19px;
        border-radius: 5832.75px;
        overflow: hidden;
        background: #e4e4e7;
        color: #0A0A0A;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        font-size: 10px;
        font-weight: 500;

        :is(.dark *) & {
            background: #3f3f46;
            color: #FAFAFA;
        }

        img {
            width: 100%;
            height: 100%;
            -o-object-fit: cover;
               object-fit: cover;
            display: block;
        }
    }

    ._user-message-sender-name_vo9g4_41 {
        color: #0A0A0A;
        font-family: 'Geist', sans-serif;
        font-weight: 500;
        font-size: 13px;
        line-height: 16px;
        letter-spacing: 0;
        vertical-align: middle;

        :is(.dark *) & {
            color: #FAFAFA;
        }
    }

    ._user-message-file-list_vo9g4_55 {
        display: flex;
        flex-direction: row;
        justify-content: flex-end;
        margin-bottom: 12px;
        padding-right: 24px; /* Space for the last item's overlap */
        transition: all 0.3s ease;

        &._expanded_vo9g4_63 {
            flex-wrap: wrap;
            gap: 8px;
            padding-right: 0;
            margin-right: 0;
            
            ._user-message-file-list-item_vo9g4_69 {
                margin-right: 0;
                border: 1px solid #E4E4E7;

                :is(.dark *) & {
                    border-color: rgba(255, 255, 255, 0.1);
                }
            }
        }

        ._user-message-file-list-item_vo9g4_69 {
            width: 48px;
            height: 48px;
            flex-shrink: 0;
            border-radius: 8px;
            border: 4px solid #FFF;
            background: #F4F4F5;
            overflow: hidden;

            :is(.dark *) & {
                border-color: #262626;
                background: #1A1A1A;
            }
            display: flex;
            align-items: center;
            justify-content: center;
            margin-right: -20px;
            position: relative;
            cursor: pointer;

            ._image_vo9g4_99 {
                width: 100%;
                height: 100%;
                -o-object-fit: cover;
                   object-fit: cover;
            }

            ._more-overlay_vo9g4_105 {
                position: absolute;
                inset: 0;
                background: rgba(0, 0, 0, 0.6);
                display: flex;
                align-items: center;
                justify-content: center;
                color: white;
                font-size: 14px;
                font-weight: 500;
            }
        }
    }

    ._user-message-content-text_vo9g4_119 {
        max-width: 540px;
        padding: 10px 14px;
        border-radius: 12px;
        background: #F4F4F5;
        color: #18181B;
        font-family: 'Geist', sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
        white-space: pre-wrap;
        word-break: break-word;

        :is(.dark *) & {
            background: #262626;
            color: #FAFAFA;
        }
    }
}._main-chat-panel-video-message_1oitu_1 {
    position: relative;
    ._video-message-header_1oitu_3 {
        display: flex;
        flex-direction: row;
        gap: 3px;
        color: #38383899;
        font-family: 'Geist', sans-serif;
        font-size: 13px;
        font-weight: 500;
        line-height: 120%;
        margin-bottom: 12px;

        :is(.dark *) & {
            color: rgba(255, 255, 255, 0.6);
        }
    }

    ._video-message-video_1oitu_19 {
        position: relative;
        max-width: min(368px, 100%);
        border-radius: 8px;
        background: lightgray 50% / cover no-repeat;
        overflow: hidden;
        display: flex;
        align-items: center;
        justify-content: center;

        ._video-message-video-loading_1oitu_29 {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 100%;
            background: lightgray 50% / cover no-repeat;
        }

        ._image_1oitu_37,
        video {
            -o-object-fit: cover;
               object-fit: cover;
            max-width: 100%;
            height: auto;
        }
    }

    ._video-message-play-button_1oitu_45 {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
}._web-search-message_1rjhi_1 {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-self: stretch;
  gap: 12px;
}

/* 搜索时间 */
._search-time_1rjhi_10 {
  font-family: 'Geist', sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.171875;
  color: #737373;
}

/* Sources 可折叠卡片 */
._sources-card_1rjhi_19 {
  display: flex;
  flex-direction: column;
  align-items: center;
  align-self: stretch;
  width: 100%;
  border: 1px solid rgba(228, 228, 231, 0.5);
  border-radius: 12px;
  overflow: hidden;

  :is(.dark *) & {
    border-color: rgba(255, 255, 255, 0.1);
  }
}

/* Sources 头部 */
._sources-header_1rjhi_35 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  width: 100%;
  gap: 4px;
  padding: 4px 12px;
  height: 40px;
  background: #F6F6F6;
  border-bottom: 1px solid rgba(228, 228, 231, 0.4);
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;

  :is(.dark *) & {
    background: rgba(255, 255, 255, 0.05);
    border-bottom-color: rgba(255, 255, 255, 0.1);
  }
}

/* 收起状态时的头部样式 */
._sources-header-collapsed_1rjhi_56 {
  border-bottom: none;
  border-radius: 11px;
}

._sources-header_1rjhi_35:hover {
  background: #EFEFEF;

  :is(.dark *) & {
    background: rgba(255, 255, 255, 0.08);
  }
}

._sources-header-left_1rjhi_69 {
  display: flex;
  align-items: center;
  gap: 4px;
}

._sources-title_1rjhi_75 {
  font-family: 'Geist', sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.3333333333333333;
  color: #27272A;

  :is(.dark *) & {
    color: #D4D4D8;
  }
}

._globe-icon_1rjhi_87 {
  width: 14px;
  height: 14px;
  color: #18181B;

  :is(.dark *) & {
    color: #D4D4D8;
  }
}

._chevron-icon_1rjhi_97 {
  width: 12px;
  height: 12px;
  color: #737373;
  transition: transform 0.2s ease;
}

._chevron-icon-expanded_1rjhi_104 {
  transform: rotate(180deg);
}

/* Sources 内容区域 - 可滚动 */
._sources-content_1rjhi_109 {
  display: flex;
  flex-direction: column;
  align-self: stretch;
  width: 100%;
  padding: 6px;
  gap: 8px;
  background: #FFFFFF;
  max-height: 200px;
  overflow-y: auto;
  border-radius: 0 0 11px 11px;

  :is(.dark *) & {
    background: #1A1A1A;
  }
}

/* 底部操作栏 - 在卡片外部 */
._sources-footer_1rjhi_127 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  width: 100%;
  padding: 0px 4px;
  gap: 8px;
}

/* 左侧操作按钮容器 - layout_84ZE09 */
._action-buttons_1rjhi_138 {
  display: flex;
  align-items: center;
  gap: 8px;
}

/* 操作按钮 - 无背景色 */
._action-btn_1rjhi_145 {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
  background: transparent;
  border: none;
  cursor: pointer;
  transition: opacity 0.2s ease;
}

._action-btn_1rjhi_145:hover {
  opacity: 0.7;
}

/* 按钮图标 - stroke_OFCDIL */
._action-btn_1rjhi_145 svg {
  width: 16px;
  height: 16px;
  color: #3F3F46;
  stroke-width: 1.33px;
  transition: color 0.2s ease, fill 0.2s ease;

  :is(.dark *) & {
    color: #A1A1AA;
  }
}

/* 按钮激活状态 - 点赞/点踩选中 */
._action-btn-active_1rjhi_174 svg {
  color: #10B981;
  fill: #10B981;
}

/* 搜索结果项 */
._search-result-item_1rjhi_180 {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 6px;
  gap: 4px;
  background: #FAFAFA;
  border-radius: 6px;
  cursor: pointer;
  transition: background 0.2s ease;

  :is(.dark *) & {
    background: rgba(255, 255, 255, 0.05);
  }
}

._search-result-item_1rjhi_180:hover {
  background: #F4F4F5;

  :is(.dark *) & {
    background: rgba(255, 255, 255, 0.08);
  }
}

._search-result-header_1rjhi_204 {
  display: flex;
  align-items: center;
  width: 100%;
  gap: 4px;
  height: 16px;
}

._source-icon_1rjhi_212 {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 1px solid #FFFFFF;
  -o-object-fit: cover;
     object-fit: cover;
  flex-shrink: 0;
  background: #E4E4E7;

  :is(.dark *) & {
    border-color: #262626;
    background: #3F3F46;
  }
}

._source-name_1rjhi_227 {
  font-family: 'Geist', sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.33;
  color: #27272A;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;

  :is(.dark *) & {
    color: #D4D4D8;
  }
}

._result-title_1rjhi_242 {
  font-family: 'Geist', sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.54;
  color: #0A0A0A;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;

  :is(.dark *) & {
    color: #FAFAFA;
  }
}

._result-description_1rjhi_257 {
  font-family: 'Geist', sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.5;
  color: #52525B;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;

  :is(.dark *) & {
    color: #A1A1AA;
  }
}

/* 底部 Source 汇总 */
._source-summary_1rjhi_273 {
  display: flex;
  align-items: center;
  gap: 8px;
}

._source-label_1rjhi_279 {
  font-family: 'Geist', sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.7142857142857142;
  color: #0A0A0A;

  :is(.dark *) & {
    color: #FAFAFA;
  }
}

/* 来源图标堆叠 */
._source-icon-stack_1rjhi_292 {
  display: flex;
  align-items: center;
  gap: -4px;
}

._stacked-icon_1rjhi_298 {
  width: 16px;
  height: 16px;
  border-radius: 99px;
  border: 1px solid #FFFFFF;
  -o-object-fit: cover;
     object-fit: cover;
  background: #E4E4E7;
  margin-left: -4px;

  :is(.dark *) & {
    border-color: #262626;
    background: #3F3F46;
  }
}

._stacked-icon_1rjhi_298:first-child {
  margin-left: 0;
}
._web-search-loading-card_5c4t6_1 {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 4px;
  gap: 4px;
  background: #FAFAFA;
  border-radius: 6px;
}

._loading-icon_5c4t6_11 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  flex-shrink: 0;
}

._loading-text_5c4t6_20 {
  font-family: 'Geist', sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.17;
  background: linear-gradient(90deg, #979797 0%, #313132 91%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
._main-chat-panel-message-list-container_1dtpm_1 {
    height: 100%;
    font-family: 'Geist', sans-serif;
    /* 禁用浏览器的滚动锚定功能，防止与 react-virtuoso 的 firstItemIndex 机制冲突 */
    overflow-anchor: none;
    /* 隐藏 Virtuoso 虚拟列表滚动条 */
    scrollbar-width: none;
    -ms-overflow-style: none;

    ._main-chat-panel-message-list-item_1dtpm_10 {
        padding-left: 16px;
        padding-right: 16px;
        padding-top: 4px;
        padding-bottom: 16px;

        &:empty {
            padding: 0;
            min-height: 1px;
        }

        &._last_1dtpm_21 {
            padding-bottom: 8px;
        }
    }
}

._main-chat-panel-message-list-container_1dtpm_1::-webkit-scrollbar,
._main-chat-panel-message-list-container_1dtpm_1 [data-viewport-type="window"]::-webkit-scrollbar,
._main-chat-panel-message-list-container_1dtpm_1 > div::-webkit-scrollbar {
    display: none;
}

._main-chat-panel-message-list-container_1dtpm_1 [data-viewport-type="window"],
._main-chat-panel-message-list-container_1dtpm_1 > div {
    scrollbar-width: none;
    -ms-overflow-style: none;
}

._main-chat-panel-message-list-container_1dtpm_1 ._main-chat-panel-message-list-item_1dtpm_10 {
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 4px;
    padding-bottom: 16px;
}

._main-chat-panel-message-list-container_1dtpm_1 ._main-chat-panel-message-list-item_1dtpm_10:empty {
    padding: 0;
    min-height: 1px;
}

._main-chat-panel-message-list-container_1dtpm_1 ._main-chat-panel-message-list-item_1dtpm_10._last_1dtpm_21 {
    padding-bottom: 8px;
}
._main-chat-panel-user-guide_1ote7_1 {
    ._main-chat-panel-user-guide-header_1ote7_2 {
        display: flex;
        align-items: center;
        gap: 8px;

        ._main-chat-panel-user-guide-header-icon_1ote7_7 {
            flex-shrink: 0;
        }
        
        ._main-chat-panel-user-guide-header-content_1ote7_11 {
            flex-direction: column;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;

            ._main-chat-panel-user-guide-header-content-title_1ote7_17 {
                color: #000;
                font-size: 14px;
                font-weight: 300;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;

                :is(.dark *) & {
                    color: #A1A1AA;
                }
            }

            ._main-chat-panel-user-guide-header-content-description_1ote7_30 {
                margin-top: 2px;
                display: inline-block;
                font-size: 18px;
                font-weight: 700;
                background: linear-gradient(90deg, #000 0%, #0D3826 48.85%, #124F38 55.81%, #16674B 69.09%, #188C67 81.65%, #38BA8E 90.87%, #19A779 100%);
                background-clip: text;
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent;

                :is(.dark *) & {
                    background: linear-gradient(90deg, #FAFAFA 0%, #38BA8E 48.85%, #4BB98B 55.81%, #38BA8E 69.09%, #19A779 81.65%, #38BA8E 90.87%, #19A779 100%);
                    background-clip: text;
                    -webkit-background-clip: text;
                }
                color: #7982DC;
            }
        }
    }

    ._main-chat-panel-user-guide-body_1ote7_50 {
        gap: 13px;
        margin-top: 20px;
        margin-bottom: -14px;

        ._main-chat-panel-user-guide-prompt-button_1ote7_55 {
            white-space: normal;
            text-align: left;
            height: auto;
            min-height: 36px;
            padding: 8px 16px;
            width: 100%;
            justify-content: flex-start;
        }
    }
}
._categorySelector_10cje_1 {
  width: 100%;
  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  ._headerButtons_10cje_5 {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 20px;
  }

  ._categoryGroup_10cje_12 {
    display: flex;
    padding: 0 0 8px 0;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    color: black;
    flex-direction: row;
    color: #000;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: 0.18px;
  }

  ._magicButton_10cje_29,
  ._addButton_10cje_30 {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 4px 8px 4px 6px;
    border: none;
    background: transparent;
    color: #000000;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 1.5em;
    letter-spacing: 1.5%;
    text-align: left;
    border-radius: 4px;
    transition: all 0.2s ease;
    width: -moz-fit-content;
    width: fit-content;
  }

  ._magicButton_10cje_29:hover,
  ._addButton_10cje_30:hover {
    background: rgba(0, 0, 0, 0.05);
  }

  ._magicButton_10cje_29:focus,
  ._addButton_10cje_30:focus {
    outline: none;
    background: rgba(0, 0, 0, 0.05);
  }

  ._categoryList_10cje_60 {
    display: flex;
    flex-direction: column;
    gap: 6px;
  }

  ._categoryItem_10cje_66 {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 4px 8px 4px 4px;
    height: 36px;
    border-radius: 8px;
    transition: all 0.2s ease;
    position: relative;

    &:hover {
      background: #f4f4f5;
    }
  }

  ._categoryItem_10cje_66:hover {
    background: #f4f4f5;
  }

  ._categoryItem_10cje_66._disabled_10cje_85 {
    cursor: not-allowed;
  }

  ._categoryItem_10cje_66._disabled_10cje_85:hover {
    background: #f4f4f5;
  }

  ._categoryIcon_10cje_93 {
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    color: #1c1b1f;
    font-size: 16px;
    flex-shrink: 0;
  }

  ._categoryIcon_10cje_93 > * {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  

  ._categoryItem_10cje_66._selected_10cje_112 ._categoryIcon_10cje_93 {
    opacity: 1;
  }

  ._categoryContent_10cje_116 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex: 1;
    min-width: 0;
  }

  ._categoryTitle_10cje_124 {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #27272A;
    overflow: hidden;
    text-overflow: ellipsis;
    flex: 1;
    min-width: 0;
    text-align: left;
  }

  ._shortcut_10cje_137 {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    color: #737373;
    text-align: right;
    min-width: 20px;
    margin-left: 8px;
  }

  /* Responsive design */
  @media (max-width: 768px) {
    ._categorySelector_10cje_1 {
      width: 100%;
      max-width: 315px;
      padding: 16px 20px;
    }

    ._categoryItem_10cje_66 {
      padding: 10px;
      gap: 12px;
    }

    ._categoryIcon_10cje_93 {
      width: 36px;
      height: 36px;
      font-size: 18px;
    }

    ._categoryTitle_10cje_124 {
      font-size: 14px;
    }

    ._shortcut_10cje_137 {
      font-size: 12px;
    }
  }

  @media (max-width: 480px) {
    ._categorySelector_10cje_1 {
      padding: 12px 16px;
    }

    ._headerButtons_10cje_5 {
      margin-bottom: 16px;
    }

    ._categoryList_10cje_60 {
      gap: 8px;
    }

    ._categoryItem_10cje_66 {
      padding: 8px;
      gap: 10px;
    }

    ._categoryIcon_10cje_93 {
      width: 32px;
      height: 32px;
      font-size: 16px;
    }

    ._categoryTitle_10cje_124 {
      font-size: 13px;
    }
  }

  /* Animation for smooth transitions */
  ._categoryItem_10cje_66 {
    transition: all 0.2s ease;
  }

  ._categoryIcon_10cje_93 {
    transition: all 0.2s ease;
  }

  /* Focus styles for accessibility - use focus-visible to only show focus ring on keyboard navigation */
  ._categoryItem_10cje_66:focus-visible {
    outline: 2px solid #e9e9e9;
    background: rgba(0, 0, 0, 0.05) !important;
    outline-offset: 1px;
  }

  /* Override Ant Design button styles */
  .ant-btn-text:hover {
    background: rgba(0, 0, 0, 0.05) !important;
  }

  .ant-btn-text:focus {
    background: rgba(0, 0, 0, 0.05) !important;
    box-shadow: none !important;
  }
}.canvasGuide {
  position: fixed;
  top: 50%;
  left: 50%;
  /* transform 由 JS 动态控制，以响应侧边栏变化 */
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  pointer-events: none;

  & .guideHeader {
    display: flex;
    align-items: center;
    gap: 8px;
    color: rgba(0, 0, 0, 0.65);
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;

    & .shortcutBadge {
      display: inline-flex;
      align-items: center;
      gap: 4px;
      padding: 4px 8px;
      background: #e8e8ea;
      border-radius: 6px;
      font-size: 13px;
      font-weight: 500;
      color: rgba(0, 0, 0, 0.5);

      & .cmdIcon {
        width: 12px;
        height: 12px;
        opacity: 0.5;
      }
    }

    & .guideText {
      font-family: 'Instrument Serif', serif;
      font-style: italic;
      font-size: 22px;
      letter-spacing: 0.6px;
    }
  }

  & .guideActions {
    display: flex;
    align-items: center;
    gap: 10px;
    pointer-events: auto;

    & .actionButton {
      display: flex;
      align-items: center;
      gap: 6px;
      padding: 8px 14px;
      background: #f2f2f3;
      border: none;
      border-radius: 100px;
      color: rgba(0, 0, 0, 0.65);
      font-size: 13px;
      font-weight: 400;
      cursor: pointer;
      transition: all 0.15s ease;
      box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06);
      position: relative;
      overflow: hidden;
      width: -moz-max-content;
      width: max-content;

      &:hover {
        background: #ffffff;
        transform: translateY(-1px);
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08), inset 0 1px 3px rgba(0, 0, 0, 0.06);
        color: rgba(0, 0, 0, 0.85);
      }

      &:active {
        background: #e2e2e3;
        transform: translateY(0);
        box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06);
      }

      & .actionIcon {
        width: 16px;
        height: 16px;
        opacity: 0.5;
        transition: opacity 0.15s ease;
      }

      &:hover .actionIcon {
        opacity: 0.8;
      }
    }

    & .orDivider {
      color: rgba(0, 0, 0, 0.4);
      font-size: 13px;
      font-weight: 400;
      padding: 0 4px;
    }

    & .moreButton {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 36px;
      height: 36px;
      padding: 0;
      background: #f2f2f3;
      border: none;
      border-radius: 100px;
      color: rgba(0, 0, 0, 0.65);
      cursor: pointer;
      transition: all 0.15s ease;
      box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06);

      &:hover {
        background: #eaeaeb;
      }

      &:active {
        background: #e2e2e3;
      }
    }
  }
}

/* 淡入动画 - 使用 opacity 避免与动态 transform 冲突 */
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.canvasGuide {
  animation: fadeIn 0.4s ease-out;
}

/* 垂直布局样式 - 当安全区宽度小于 700px 时 */
.canvasGuide--vertical {
  & .guideHeader {
    flex-direction: column;
    text-align: center;
  }

  & .guideActions {
    flex-direction: column;
    align-items: center;
  }
}
._guideRoot_zfxbq_1 {
  position: fixed;
  z-index: 1;
  pointer-events: none;
  animation: _guideBubbleFloat_zfxbq_1 3.2s ease-in-out infinite;
}

._guideBubble_zfxbq_8 {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  height: 40px;
  padding: 0 16px 0 14px;
  border-radius: 24px;
  background: #7982DC;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  color: #fff;
  pointer-events: auto;
  overflow: visible;
  border: 3px solid #fff;
}

._guideBubble_zfxbq_8::before {
  content: none;
}

._cursorAccent_zfxbq_28 {
  position: absolute;
  left: -28px;
  top: -18px;
  display: inline-flex;
  width: 27px;
  height: 28px;
  pointer-events: none;
  filter: drop-shadow(0 4px 4px rgba(0, 0, 0, 0.15));
  animation: _cursorTapPrompt_zfxbq_1 2.1s cubic-bezier(0.22, 1, 0.36, 1) infinite;
}

._iconWrap_zfxbq_40 {
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  color: #fff;
  flex-shrink: 0;
}

._text_zfxbq_52 {
  position: relative;
  z-index: 1;
  font-family: 'Geist', sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  white-space: nowrap;
}

._closeButton_zfxbq_62 {
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  padding: 0;
  border: 0;
  background: transparent;
  color: rgba(255, 255, 255, 0.92);
  cursor: pointer;
  transition: opacity 0.18s ease, transform 0.18s ease;
}

._closeButton_zfxbq_62:hover {
  opacity: 1;
  transform: scale(1.08);
}

._closeButton_zfxbq_62:active {
  transform: scale(0.96);
}

@keyframes _guideBubbleFloat_zfxbq_1 {
  0%,
  100% {
    transform: translate3d(0, 0, 0) scale(1);
  }

  30% {
    transform: translate3d(0, 2px, 0) scale(0.985);
  }

  58% {
    transform: translate3d(0, -2px, 0) scale(1.01);
  }
}

@keyframes _cursorTapPrompt_zfxbq_1 {
  0%,
  100% {
    transform: translate3d(0, 0, 0) scale(1) rotate(0deg);
  }

  28% {
    transform: translate3d(0, 0, 0) scale(1) rotate(0deg);
  }

  46% {
    transform: translate3d(-3px, 8px, 0) scale(0.95) rotate(-15deg);
  }

  78% {
    transform: translate3d(0, 0, 0) scale(1) rotate(0deg);
  }
}

@media (max-width: 768px) {
  ._guideBubble_zfxbq_8 {
    height: 40px;
    padding: 0 14px 0 12px;
  }

  ._text_zfxbq_52 {
    font-size: 14px;
    line-height: 20px;
  }
}
._card_13bix_1 {
  border-radius: 14px;
  background: #ffffff;
  border: 1px solid #e5e5e5;
  box-shadow: 0px 1px 2px -1px rgba(0, 0, 0, 0.1), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

._cardHeader_13bix_11 {
  display: flex;
  flex-direction: column;
  padding: 8px 12px 8px 20px;
  gap: 16px;
}

._cardContent_13bix_18 {
  display: flex;
  flex-direction: column;
  padding: 16px 20px;
  gap: 16px;
  border-top: 1px solid #e5e5e5;
}

.download-component {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    color: #FFF;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 32px;
    cursor: pointer;

    &:hover {
        opacity: 0.8;
    }
}.image-preview-container {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    background: rgba(0, 0, 0, 0.83);
    justify-content: center;
    align-items: center;
    display: none;

    &.open {
        display: flex;
    }

    .close-btn {
        position: absolute;
        right: 50px;
        top: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 5px;
        color: #FFF;
        font-family: 'Roboto', sans-serif;
        font-size: 16px;
        font-weight: 700;
        line-height: 31.592px; 
        cursor: pointer;

        &:hover {
            opacity: 0.8;
        }
    }

    .image-preview-content {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 40px;

        .image-preview-image-container {
            border-radius: 12px;
            display: flex;
            align-items: center;
            justify-content: center;
            overflow: hidden;

            .image-preview-image-loading {
                width: 100%;
                height: 100%;
                display: flex;
                align-items: center;
                justify-content: center;
                background: lightgray 50% / cover no-repeat;
            }
        }
    }
}._card_1vs1b_1 {
  width: 291px;
  text-align: left;
}

._header_1vs1b_6 {
  padding: 8px 12px 8px 20px;
}

._headerContent_1vs1b_10 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  width: 100%;
}

._avatar_1vs1b_18 {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  overflow: hidden;
  flex-shrink: 0;
}

._avatarImage_1vs1b_26 {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

._titleSection_1vs1b_32 {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 0;
}

._title_1vs1b_32 {
  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  text-align: left;
  font-weight: 500;
  font-size: 14px;
  line-height: 1em;
  color: #0a0a0a;
  margin: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

._closeButton_1vs1b_53 {
  flex-shrink: 0;
  margin-left: auto;
  width: 24px !important;
  height: 24px !important;
}

._content_1vs1b_60 {
  padding: 16px 20px;
  gap: 16px;
}

._field_1vs1b_65 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  width: 100%;
}

._imageField_1vs1b_72 {
  display: flex;
  flex-direction: row;
  gap: 4px;
  width: 100%;
}

._label_1vs1b_79 {
  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 1em;
  color: #a3a3a3;
  margin: 0;
}

._value_1vs1b_88 {
  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.4285714285714286em;
  color: #0a0a0a;
  margin: 0;
  word-wrap: break-word;
  color: var(--base-card-foreground, #0A0A0A);
  font-family: var(--font-font-sans, Roboto);
  font-size: var(--text-sm-font-size, 14px);
  font-style: normal;
  font-weight: var(--font-weight-normal, 400);
  line-height: var(--text-sm-line-height, 20px);
}

._referenceImage_1vs1b_104 {
  position: relative;
  display: flex;
  gap: 4px;
  align-items: center;
}

._referenceImageImg_1vs1b_111 {
  width: 60px;
  height: 60px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 4px;
}

._fullscreenButton_1vs1b_118 {
  position: absolute;
  top: 4px;
  right: 4px;
  width: 22px !important;
  height: 22px !important;
  border: 1px solid rgba(255, 255, 255, 0.22) !important;
  background: rgba(0, 0, 0, 0.52) !important;
  color: #fff !important;
  opacity: 0;
  transition: opacity 0.18s ease-in-out, transform 0.18s ease-in-out, background 0.18s ease-in-out;
}

._fullscreenButton_1vs1b_118:hover {
  background: rgba(0, 0, 0, 0.66) !important;
  transform: scale(1.04);
}

._referenceImage_1vs1b_104:hover ._fullscreenButton_1vs1b_118 {
  opacity: 1;
}

._actionsWrapper_1vs1b_140 {
  display: flex;
  align-items: end;
  flex: 1;
}

._actions_1vs1b_140 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  width: 100%;
}

._regenerateButton_1vs1b_154 {
  flex: 1;
}

._copyButton_1vs1b_158 {
  flex-shrink: 0;
}

._disabled_1vs1b_162 {
  cursor: not-allowed;
}

._textWrapper_1vs1b_166 {
  max-height: 200px;
  overflow-y: scroll;
  overflow-x: hidden;
}

._emptyState_1vs1b_172 {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px 0;
}

._emptyText_1vs1b_179 {
  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.4;
  color: #a3a3a3;
  margin: 0;
}
._card_p3yz9_1 {
    display: flex;
    flex-direction: column;
    gap: 12px;
    text-decoration: none;
    color: inherit;
    cursor: pointer;
    width: 100%;
    min-width: 0;
}

._card_p3yz9_1:focus {
    outline: none;
}

/* 图片容器 - 1:1 正方形比例 */
._imageWrapper_p3yz9_17 {
    position: relative;
    width: 100%;
    aspect-ratio: 1 / 1;
    border-radius: 12px;
    overflow: hidden;
    background: #f8f8f8;
}

._skeleton_p3yz9_26 {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border-radius: 0;
}

._image_p3yz9_17 {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
    transition: transform 0.3s ease-out, filter 0.3s ease-out, opacity 0.5s ease-in-out;
}

._video_p3yz9_44 {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
    transition: transform 0.3s ease-out, filter 0.3s ease-out, opacity 0.5s ease-in-out;
    pointer-events: none;
}

._card_p3yz9_1:hover ._image_p3yz9_17,
._card_p3yz9_1:hover ._video_p3yz9_44 {
    transform: scale(1.05);
    filter: brightness(1.08);
}

._placeholderWrapper_p3yz9_61 {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f8f8f8;
    transition: transform 0.3s ease-out;
}

._placeholderWrapper_p3yz9_61 svg {
    transition: transform 0.3s ease-out;
}

._card_p3yz9_1:hover ._placeholderWrapper_p3yz9_61 {
    transform: scale(1.05);
}

/* 内容区域 */
._content_p3yz9_80 {
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 100%;
}

/* 标题 - 单行省略 */
._title_p3yz9_88 {
    color: var(--zinc-800, #09090b);
    font-family: 'Geist', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* 描述 - 两行省略 */
._description_p3yz9_102 {
    color: var(--zinc-500, #71717A);
    font-family: 'Geist', sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0.2px;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    /* 固定高度确保两行 */
    height: calc(16px * 2);
}

/* Skeleton 样式 */
._skeletonTitle_p3yz9_121 {
    height: 20px;
    width: 70%;
    border-radius: 4px;
}

._skeletonDescription_p3yz9_127 {
    height: 40px;
    width: 100%;
    border-radius: 4px;
}

@media (max-width: 768px) {
    ._imageWrapper_p3yz9_17 {
        border-radius: 10px;
    }

    ._title_p3yz9_88 {
        font-size: 14px;
    }

    ._description_p3yz9_102 {
        font-size: 12px;
        line-height: 16px;
        height: calc(16px * 2);
    }
}
._slotItem_1a7y2_1 {
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 100%;
  height: 100%;
}

/* 单个块组件时的样式 - 固定高度 238px */
._slotItemSingle_1a7y2_10 {
  gap: 12px;
  height: auto;
}

/* 两个块组件并排时的样式 - 固定高度 180px */
._slotItemTwoBlocks_1a7y2_16 {
  gap: 12px;
  height: auto;
}

/* 可滚动布局时的样式 - 固定高度 180px */
._slotItemScrollable_1a7y2_22 {
  gap: 12px;
  height: auto;
}

._slotHeader_1a7y2_27 {
  display: flex;
  align-items: flex-start;
  gap: 2px;
  flex-shrink: 0;
  min-height: 21px;
}

._slotName_1a7y2_35 {
  font-family: 'Geist', 'Geist Variable', -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 500;
  font-size: 15px;
  line-height: 1.3;
  letter-spacing: 0.15px;
  color: #18181b;
}

._required_1a7y2_44 {
  color: #ef4444;
  font-size: 16px;
  line-height: 1.3;
}

._slotContent_1a7y2_50 {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
}

/* 覆盖上传组件的高度，使其填满容器 */
._slotContent_1a7y2_50 > div {
  flex: 1;
  height: 100%;
  min-height: 180px;
}

/* 单个块组件时，上传区域固定高度 238px */
._slotItemSingle_1a7y2_10 ._slotContent_1a7y2_50 {
  flex: none;
  height: 238px;
}

._slotItemSingle_1a7y2_10 ._slotContent_1a7y2_50 > div {
  flex: none;
  height: 238px;
  min-height: 238px;
}

/* 两个块组件并排时，上传区域固定高度 180px */
._slotItemTwoBlocks_1a7y2_16 ._slotContent_1a7y2_50 {
  flex: none;
  height: 180px;
}

._slotItemTwoBlocks_1a7y2_16 ._slotContent_1a7y2_50 > div {
  flex: none;
  height: 180px;
  min-height: 180px;
}

/* 可滚动布局时，上传区域固定高度 180px */
._slotItemScrollable_1a7y2_22 ._slotContent_1a7y2_50 {
  flex: none;
  height: 180px;
}

._slotItemScrollable_1a7y2_22 ._slotContent_1a7y2_50 > div {
  flex: none;
  height: 180px;
  min-height: 180px;
}

/* 覆盖文本输入框的高度 */
._slotContent_1a7y2_50 > textarea {
  flex: 1;
  height: 100%;
  min-height: 180px;
  resize: none;
}

/* 单个块组件时，文本输入框固定高度 */
._slotItemSingle_1a7y2_10 ._slotContent_1a7y2_50 > textarea {
  flex: none;
  height: 238px;
  min-height: 238px;
}

/* 两个块组件并排时，文本输入框固定高度 */
._slotItemTwoBlocks_1a7y2_16 ._slotContent_1a7y2_50 > textarea {
  flex: none;
  height: 180px;
  min-height: 180px;
}

/* 可滚动布局时，文本输入框固定高度 */
._slotItemScrollable_1a7y2_22 ._slotContent_1a7y2_50 > textarea {
  flex: none;
  height: 180px;
  min-height: 180px;
}
._blockGrid_1yjjr_1 {
  display: grid;
  gap: 32px 12px; /* 行间距 32px，列间距 12px */
  width: 100%;
  min-height: 0;
}

/* 弹性布局 - 填充可用空间（固定两行布局时使用） */
._blockGridFlex_1yjjr_9 {
  height: 100%;
}

/* 固定高度布局 - 单个块组件或两个并排块组件 */
._blockGridFixed_1yjjr_14 {
  height: auto;
}

._gridItem_1yjjr_18 {
  min-height: 0;
  min-width: 0;
  display: flex;
  flex-direction: column;
}
._optionsRow_1c73z_1 {
  display: flex;
  flex-direction: column;
  gap: 20px;
  width: 100%;
  padding: 0;
}

._optionsHeader_1c73z_9 {
  display: flex;
  align-items: flex-start;
  gap: 2px;
}

._optionsTitle_1c73z_15 {
  font-family: 'Outfit', sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 1.3;
  letter-spacing: 0.16px;
  color: #18181b;
}

._required_1c73z_24 {
  color: #ef4444;
  font-size: 16px;
  line-height: 1.3;
}

._optionsContainer_1c73z_30 {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: flex-start;
}

._optionButton_1c73z_37 {
  padding: 6px 24px;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 500;
  transition: all 0.2s;
  border: 1px solid transparent;
  font-family: 'Roboto', sans-serif;
  line-height: 20px;
  height: 32px;
  white-space: nowrap;
  display: flex;
  align-items: center;
  justify-content: center;
}

._optionButtonActive_1c73z_53 {
  background: #171717;
  border-color: #171717;
  color: #fafafa;
}

._optionButtonInactive_1c73z_59 {
  background: white;
  border-color: #e5e5e5;
  color: #0a0a0a;
}

._optionButtonInactive_1c73z_59:hover {
  border-color: #d4d4d8;
  background: #fafafa;
}

._optionButtonInactive_1c73z_59:focus {
  outline: none;
  border-color: #a1a1aa;
}
._generateButton_qpei8_1 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  height: 40px;
  padding: 8px 12px;
  background: #c5f36f;
  border: none;
  border-radius: 8px;
  font-family: 'Geist', 'Geist Variable', -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 16px;
  letter-spacing: -0.01em;
  color: #09090b;
  transition: opacity 0.2s;
  flex-shrink: 0;
}

._generateButton_qpei8_1:hover:not(:disabled) {
  opacity: 0.9;
}

._generateButton_qpei8_1:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

._loadingIcon_qpei8_31 {
  animation: _spin_qpei8_1 1s linear infinite;
}

@keyframes _spin_qpei8_1 {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
._container_c4xfj_1 {
    display: flex;
    flex-direction: row;
    width: 100%;
    height: 100%;
    background: white;
    overflow: hidden;
    border-radius: 20px;
    border: 1px solid #e4e4e7;
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15);
}

/* Mobile - Container adjustments */
@media (max-width: 768px) {
    ._container_c4xfj_1 {
        border-radius: 12px;
        max-width: 100%;
    }
}

/* Left Panel - Form */
._formPanel_c4xfj_22 {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 530px;
    height: 100%;
    max-height: 718px;
    flex-shrink: 0;
    background: white;
    overflow: hidden;
    padding: 32px;
}

/* Mobile - Form panel takes full width */
@media (max-width: 768px) {
    ._formPanel_c4xfj_22 {
        width: 100%;
        height: 100%;
        max-height: none;
        min-width: 0;
        flex-shrink: 1;
        padding: 24px 16px;
    }
}

._header_c4xfj_47 {
    display: flex;
    flex-direction: column;
    gap: 8px;
    flex-shrink: 0;
}

._title_c4xfj_54 {
    font-family: 'Geist', 'Geist Variable', -apple-system, BlinkMacSystemFont, sans-serif;
    font-weight: 500;
    font-size: 20px;
    line-height: 1.3;
    letter-spacing: 0.2px;
    color: #09090b;
    margin: 0;
    height: 36px;
    display: flex;
    align-items: center;
}

._description_c4xfj_67 {
    font-family: 'Geist', 'Geist Variable', -apple-system, BlinkMacSystemFont, sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #71717a;
    margin: 0;
}

/* 可滚动区域 - 包含 Header 和 Content */
._scrollableArea_c4xfj_77 {
    display: flex;
    flex-direction: column;
    min-height: 0;
    margin-bottom: 20px;
    /* 添加左右内边距给滚动条留空间，同时用负 margin 保持内容位置 */
    padding-left: 16px;
    padding-right: 16px;
    margin-left: -16px;
    margin-right: -16px;
}

/* 滚动布局 - 内容超出时允许滚动 */
._scrollableAreaScrollable_c4xfj_90 {
    flex: 1;
    overflow-y: auto;
}

/* 固定布局 - 允许在高度不足时滚动 */
._scrollableAreaFixed_c4xfj_96 {
    flex: 1;
    overflow-y: auto;
}

/* 内容区域 - 基础样式 */
._content_c4xfj_102 {
    display: flex;
    flex-direction: column;
    min-height: 0;
    margin-top: 32px;
}

/* 滚动布局时内容不需要额外样式 */
._contentScrollable_c4xfj_110 {
    /* 内容区域在滚动布局时不需要 flex: 1 */
}

/* 固定布局 - 内容区域使用 flex: 1 来填满并让两行等高 */
._contentFixed_c4xfj_115 {
    flex: 1;
    min-height: 0;
}

/* 块区域容器 */
._blockSection_c4xfj_121 {
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
}

/* 可扩展的块区域（固定布局时使用） */
._blockSectionFlex_c4xfj_128 {
    flex: 1;
    min-height: 0;
}

._rowSection_c4xfj_133 {
    flex-shrink: 0;
}

._footer_c4xfj_137 {
    flex-shrink: 0;
}

/* Right Panel - Preview */
._previewPanel_c4xfj_142 {
    flex: 1;
    min-width: 0;
    height: 100%;
    max-height: 718px;
    background: #f4f4f5;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

/* Mobile - Hide preview panel */
@media (max-width: 768px) {
    ._previewPanel_c4xfj_142 {
        display: none;
    }
}

._previewLabel_c4xfj_162 {
    position: absolute;
    top: 16px;
    left: 16px;
    background: rgba(255, 255, 255, 0.9);
    padding: 6px 16px;
    border-radius: 8px;
    font-family: 'Geist', 'Geist Variable', -apple-system, BlinkMacSystemFont, sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.3;
    letter-spacing: 0.14px;
    color: #18181b;
    text-align: center;
    z-index: 10;
}

._previewImageWrapper_c4xfj_179 {
    position: relative;
    width: calc(100% - 32px);
    height: calc(100% - 128px);
    margin: 64px 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

._previewImage_c4xfj_179 {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
}

._previewVideo_c4xfj_198 {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
}

._previewImagePlaceholder_c4xfj_206 {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #a1a1aa;
}

._previewImagePlaceholder_c4xfj_206 svg {
    width: 78px;
    height: 68px;
}
._container_sk773_1 {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 528px;
  max-width: calc(100vw - 32px);
  max-height: 359px;
  padding: 12px;
  background: white;
  border: 1px solid rgba(228, 228, 231, 0.4);
  border-radius: 16px;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15);
  overflow: hidden;
}

._header_sk773_16 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 24px;
  flex-shrink: 0;
}

._title_sk773_24 {
  font-size: 14px;
  font-weight: 500;
  color: #09090b;
  letter-spacing: 0.14px;
  line-height: 18px;
}

._actions_sk773_32 {
  display: flex;
  align-items: center;
  gap: 8px;
}

._actionButton_sk773_38 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  padding: 0;
  border: none;
  background: transparent;
  border-radius: 6px;
  color: #3f3f46;
  cursor: pointer;
  transition: background-color 0.15s ease;
}

._actionButton_sk773_38:hover {
  background-color: #f4f4f5;
}

._grid_sk773_57 {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
  gap: 16px;
  flex: 1;
  overflow-y: auto;
  overflow-x: hidden;
  min-height: 0;
  align-content: start;
  margin: 0 -12px;
  padding: 0 12px;
}

._cardWrapper_sk773_70 {
  width: 100%;
  min-width: 0;
}

._loadMore_sk773_75 {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  height: 0;
  flex-shrink: 0;
}
._container_1mte5_1 {
  display: flex;
  width: 950px;
  height: 618px;
  max-width: calc(100vw - 32px);
  max-height: calc(100vh - 32px);
  background: white;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15);
}

/* Sidebar */
._sidebar_1mte5_14 {
  width: 240px;
  background-color: #f9f9f9;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  padding: 20px 16px;
}

._navList_1mte5_23 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

._categoryLabel_1mte5_29 {
  padding-left: 4px;
  height: 36px;
  display: flex;
  align-items: center;
  font-size: 12px;
  font-weight: 500;
  color: #71717a;
  line-height: 24px;
}

._navItem_1mte5_40 {
  display: flex;
  align-items: center;
  gap: 4px;
  padding-left: 4px;
  height: 36px;
  border-radius: 4px;
  border: none;
  background: transparent;
  font-size: 14px;
  font-weight: 400;
  color: #171717;
  cursor: pointer;
  text-align: left;
  width: 100%;
  transition: background-color 0.15s ease;
}

._navItem_1mte5_40:hover {
  background-color: rgba(243, 242, 242, 0.5);
}

._navItemActive_1mte5_62 {
  background-color: #f4f4f5;
}

._allTemplates_1mte5_66 {
  font-size: 16px;
}

._navIcon_1mte5_70 {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

/* Content */
._content_1mte5_80 {
  flex: 1;
  display: flex;
  flex-direction: column;
  min-width: 0;
  background: white;
  position: relative;
  padding: 20px 24px 12px;
  overflow: hidden;
}

._closeButton_1mte5_91 {
  position: absolute;
  right: 16px;
  top: 16px;
  z-index: 10;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  background: transparent;
  border-radius: 50%;
  color: #18181b;
  cursor: pointer;
  transition: background-color 0.15s ease;
}

._closeButton_1mte5_91:hover {
  background-color: #f4f4f5;
}

._title_1mte5_113 {
  font-size: 18px;
  font-weight: 500;
  color: #09090b;
  letter-spacing: 0.18px;
  line-height: 32px;
  margin-bottom: 16px;
  flex-shrink: 0;
}

._grid_1mte5_123 {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
  gap: 20px 12px;
  align-content: start;
}

._cardWrapper_1mte5_130 {
  width: 100%;
  min-width: 0;
}

._loadMore_1mte5_135 {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
  width: 100%;
}
.video-preview-container {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    background: rgba(0, 0, 0, 0.83);
    justify-content: center;
    align-items: center;
    display: none;

    &.open {
        display: flex;
    }

    .close-btn {
        position: absolute;
        right: 50px;
        top: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 5px;
        color: #FFF;
        font-family: 'Roboto', sans-serif;
        font-size: 16px;
        font-weight: 700;
        line-height: 31.592px; 
        cursor: pointer;

        &:hover {
            opacity: 0.8;
        }
    }

    .video-preview-content {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 40px;
        

        .video-preview-video-container {
            border-radius: 12px;
            display: flex;
            align-items: center;
            justify-content: center;
            overflow: hidden;

            .video-preview-video-loading {
                width: 100%;
                height: 100%;
                display: flex;
                align-items: center;
                justify-content: center;
                background: lightgray 50% / cover no-repeat;
            }
        }
    }
}.audio-preview-container {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    background: rgba(0, 0, 0, 0.83);
    justify-content: center;
    align-items: center;
    display: none;

    &.open {
        display: flex;
    }

    .close-btn {
        position: absolute;
        right: 50px;
        top: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 5px;
        color: #FFF;
        font-family: 'Roboto', sans-serif;
        font-size: 16px;
        font-weight: 700;
        line-height: 31.592px; 
        cursor: pointer;

        &:hover {
            opacity: 0.8;
        }
    }

    .audio-preview-content {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 40px;
        width: 100%;
        max-width: 600px;

        .audio-preview-player-container {
            border-radius: 12px;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            overflow: hidden;
            background: #1a1a1a;
            padding: 40px;
            width: 100%;
            gap: 20px;

            .audio-icon {
                color: #fff;
                opacity: 0.8;
            }

            audio {
                width: 100%;
                outline: none;
            }
        }
    }
}
._main-chat-resources-panel_18l92_1 {
  width: 100%;
  height: 100%;
}

._resource-item-wrapper_18l92_6 {
  display: flex;
  justify-content: center;
}

/* Empty state styles */
._empty-state_18l92_12 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 32px 16px;
    min-height: 200px;
    flex: 1;
    color: var(--muted-foreground, #71717a);
    text-align: center;
}

._empty-icon_18l92_24 {
    width: 48px;
    height: 48px;
    color: var(--muted-foreground, #a1a1aa);
    margin-bottom: 16px;
    opacity: 0.5;
}

._empty-title_18l92_32 {
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 8px;
    color: var(--foreground);
}

._empty-description_18l92_39 {
    font-size: 12px;
    color: var(--muted-foreground);
    max-width: 200px;
    line-height: 1.5;
}
.custom-message-toast {
  .ant-message-notice-content {
    background: #1F1F1F !important;
    color: white !important;
  }
}

.share-modal {
  .ant-modal-content {
    background: rgba(247, 246, 242, 0.9);
    backdrop-filter: blur(14.7px);
    border-radius: 23.3px;
    box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.1), 0px 0px 2px 0px rgba(0, 0, 0, 0.1);
  }

  .modal-content {
    position: relative;
    padding: 178px 102px 10px 102px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }

  /* Close Button */
  .close-button {
    position: absolute;
    top: -9px;
    right: -9px;
    background: none;
    border: none;
    padding: 0;
    border-radius: 99px;
    overflow: hidden;
    width: 18px;
    height: 18px;
  }

  .image-container {
    width: 357.828px;
    height: 201.709px;
    transform: rotate(3.185deg);
    flex-shrink: 0;
    border-radius: 16px;
    box-shadow: -1px 7px 11.3px 0 rgba(0, 0, 0, 0.14);
    position: absolute;
    top: -80px;
    border: 8px solid #FFF;
    overflow: hidden;
  }

  .image-container-narrow {
    width: 180px;
    height: 320px;
    transform: translate(12px, 0) rotate(5.619deg);
    flex-shrink: 0;
    border-radius: 12px;
    box-shadow: -1px 7px 11.3px 0 rgba(0, 0, 0, 0.14);
    position: absolute;
    top: -160px;
    border: 8px solid #FFF;
    overflow: hidden;
  }

  .close-button-bg {
    border-radius: 99px;
    background: linear-gradient(135deg, #171717 0%, rgba(140, 140, 140, 0.25) 100%);
    border-radius: 30px;
    background: rgba(247, 246, 242, 0.90);
    backdrop-filter: blur(7.349999904632568px);
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .close-button:hover .close-button-bg {
    transform: scale(1.05);
  }

  .close-button-inner {
    width: 18px;
    height: 20px;
    border-radius: 99px;
    background: rgba(247, 246, 242, 0.90);
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .close-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #171717;
    font-size: 12px;
    font-weight: bold;
  }

  /* Modal Body */
  .modal-body {
    text-align: center;
    max-width: 386px;
  }

  .modal-title {
    font-family: 'Roboto', sans-serif;
    font-weight: 800;
    font-size: 24px;
    line-height: 1.22;
    color: #000000;
    margin: 0 10px 24px 10px;
    text-align: center;
  }

  .modal-description {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.33;
    letter-spacing: 0.014em;
    color: #49454F;
    margin: 0 0 35px 0;
    text-align: center;
  }

  /* Copy Button */
  .copy-button {
    width: 301px;
    height: 31px;
    border-radius: 100px;
    background: #000000;
    border: none;
    font-family: 'Roboto', sans-serif;
    font-weight: 600;
    font-size: 14px;
    line-height: 1.25;
    letter-spacing: 0.006em;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
  }

  .copy-button:hover {
    background: #333333 !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
  }

  .copy-button:active {
    transform: translateY(0) !important;
  }

  /* Responsive Design */
  @media (max-width: 768px) {
    .modal-content {
      padding: 40px 20px 0 20px;
    }

    .modal-title {
      font-size: 24px;
      margin: 0 0 16px 0;
    }

    .modal-description {
      font-size: 16px;
    }

    .copy-button {
      width: 100%;
      max-width: 300px;
    }

    .modal-body {
      max-width: 100%;
      min-height: 289px;
      display: flex;
      flex-direction: column;
      justify-content: end;
    }

    .image-container {
      width: 287.828px;
      height: 181.709px;
      transform: rotate(3.185deg);
      flex-shrink: 0;
      border-radius: 16px;
      box-shadow: -1px 7px 11.3px 0 rgba(0, 0, 0, 0.14);
      position: absolute;
      top: -80px;
      border: 8px solid #FFF;
      overflow: hidden;
    }

    .image-container-narrow {
      top: -190px;
    }
  }
}

.share-modal-root {
  .ant-modal-mask {
    background: rgba(0, 0, 0, 0.83);
    backdrop-filter: blur(3.450000047683716px);
  }
}/* TryItNowButton Styles */
.try-it-now-button {
  padding: 6px 12px 6px 10px;
  height: auto;
  border: none;
  background: transparent;
  box-shadow: none;
  border-radius: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease;
  width: 100%;
  height: 40px;
  border-radius: 100px;
  background: #000;
}

.try-it-now-button:hover {
  background: rgba(0, 0, 0, 0.7) !important;
}

.try-it-now-button:active {
  background: rgba(255, 255, 255, 0.2);
}

.try-it-now-button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.button-content {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  height: 100%;
}

.star-group {
  position: relative;
  width: 15.93px;
  height: 15.93px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.star-icon {
  color: #FFFFFF;
  position: absolute;
  transition: all 0.2s ease;
}

.star-1 {
  width: 5.59px;
  height: 5.59px;
  top: 0;
  right: 0;
  z-index: 2;
}

.star-2 {
  width: 13.23px;
  height: 13.23px;
  top: 2.7px;
  left: 0;
  z-index: 1;
}

.button-text {
  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 1.25;
  letter-spacing: 0.006em;
  color: #FFFFFF;
  text-align: center;
  white-space: nowrap;
}

/* 悬停效果 */
.try-it-now-button:hover .star-icon {
  transform: scale(1.1);
}

.try-it-now-button:hover .star-1 {
  transform: scale(1.1) rotate(10deg);
}

.try-it-now-button:hover .star-2 {
  transform: scale(1.1) rotate(-5deg);
}

/* 点击效果 */
.try-it-now-button:active .star-icon {
  transform: scale(0.95);
}

/* Focus states for accessibility */
.try-it-now-button:focus {
  outline: 2px solid #FFFFFF;
  outline-offset: 2px;
}

.try-it-now-button:focus:not(:focus-visible) {
  outline: none;
}

/* 响应式设计 */
@media (max-width: 480px) {
  .try-it-now-button {
    padding: 4px 8px 4px 6px;
    min-width: 100px;
  }

  .button-text {
    font-size: 14px;
  }

  .star-group {
    width: 14px;
    height: 14px;
  }

  .star-1 {
    width: 5px;
    height: 5px;
  }

  .star-2 {
    width: 12px;
    height: 12px;
    top: 2.5px;
  }
}

/* 动画效果 */
@keyframes starTwinkle {

  0%,
  100% {
    opacity: 1;
    transform: scale(1);
  }

  50% {
    opacity: 0.7;
    transform: scale(1.1);
  }
}

.try-it-now-button:hover .star-1 {
  animation: starTwinkle 1.5s ease-in-out infinite;
}

.try-it-now-button:hover .star-2 {
  animation: starTwinkle 1.5s ease-in-out infinite 0.3s;
}/* UserMenuPopoverContent - Figma node 1838:20665 */

._popoverContent_12vcu_3 {
    width: auto !important;
    min-width: 200px;
    padding: 4px !important;
    border-radius: 12px !important;
    border: 2px solid white !important;
    background: rgba(255, 255, 255, 0.9) !important;
    backdrop-filter: blur(15px) !important;
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15) !important;
}

/* User info section with avatar */
._userInfoSection_12vcu_15 {
    display: flex;
    align-items: center;
    gap: 8px;
    height: 52px;
    padding: 8px;
    border-bottom: 1px solid rgba(228, 228, 231, 0.4);
}

._avatar_12vcu_24 {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    flex-shrink: 0;
    overflow: hidden;
    border: 0.476px solid #e7e7e7;
}

._avatarImage_12vcu_33 {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}

._avatarFallback_12vcu_39 {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    font-family: 'Geist', sans-serif;
    font-size: 14px;
    font-weight: 500;
}

._userDetails_12vcu_52 {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
    flex: 1;
}

._userName_12vcu_60 {
    font-family: 'Geist', sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
    color: #09090b;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

._userEmail_12vcu_71 {
    font-family: 'Geist', sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    color: rgba(9, 9, 11, 0.7);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Menu items container */
._menuItems_12vcu_83 {
    display: flex;
    flex-direction: column;
}

/* Menu item */
._menuItem_12vcu_83 {
    display: flex;
    align-items: center;
    gap: 8px;
    height: 36px;
    padding: 6px 8px;
    border-radius: 6px;
    border: none;
    background: transparent;
    cursor: pointer;
    transition: background-color 0.15s ease;
    width: 100%;
    text-align: left;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #27272a;
}

._menuItem_12vcu_83:hover {
    background: rgba(0, 0, 0, 0.04);
}

._menuIcon_12vcu_113 {
    color: #27272a;
    flex-shrink: 0;
}

._dialogRoot_1kxl7_1 {
  font-family: 'Geist', 'Geist Variable', ui-sans-serif, sans-serif;
}
._content_8e2bx_1 {
 width: 340px;
 justify-content: center;
 align-items: center;
 padding: 20px;
}

/* Leave Workspace: Geist Semibold, text/base, line-height 100% */
._title_8e2bx_9 {
  font-family: Geist, ui-sans-serif, sans-serif;
  font-weight: 600;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0;
  color: #09090b;

}

/* Are you sure...: Geist Medium, text/sm, leading-normal, #737373 */
._message_8e2bx_20 {
  font-family: Geist, ui-sans-serif, sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: 0;
}

._messageSecondary_8e2bx_28 {
  font-family: Geist, ui-sans-serif, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.5;
  color: #71717a;
  margin: 0 0 4px 0;
}

/* Workspace block: 292×39, padding 10px 8px, gap 8, radius 4px */
._workspaceDisplay_8e2bx_38 {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 292px;
  min-height: 39px;
  padding: 10px 8px;
  background: #F3F2F2;
  border-radius: 4px;
  margin-bottom: 4px;
}

._workspaceAvatar_8e2bx_50 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  min-height: 32px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  overflow: hidden;
}

._workspaceAvatarImage_8e2bx_65 {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}

/* Workspace name: Geist Medium, text/sm, line-height 150% */
._workspaceName_8e2bx_73 {
  font-family: Geist, ui-sans-serif, sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 150%;
  letter-spacing: 0;
  color: #171717;
}

/* Actions: 292×36, gap 8px */
._actions_8e2bx_83 {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 292px;
  height: 36px;
  gap: 8px;
}

/* Cancel: 142×36, padding 8px 16px, bg #F5F5F5, rounded-md */
._cancelButton_8e2bx_93 {
  width: 142px;
  height: 36px;
  padding: 8px 16px;
  border-radius: 8px;
  background: #F5F5F5 !important;
  border: none;
  color: #171717;
  font-size: 14px;
}

/* Leave Workspace button: 142×36, padding 8px 16px, rounded-md */
._leaveButton_8e2bx_105 {
  width: 142px;
  height: 36px;
  padding: 8px 16px;
  border-radius: 8px;
  font-size: 14px;
}
/* 两列布局：左侧(标题+描述) + 右侧(操作) */
._section_9dsqa_2 {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 32px;
  font-family: Geist, 'Geist Variable', ui-sans-serif, sans-serif;
}

._section_9dsqa_2:last-of-type {
  margin-bottom: 0;
}

._sectionLeft_9dsqa_15 {
  flex: 1;
  min-width: 0;
}

._sectionRight_9dsqa_20 {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

/* Profile / Name / Leave Workspace 标题：Roboto 400 14px line-height 150% */
._sectionTitle_9dsqa_28 {
  font-family: Geist, 'Geist Variable', ui-sans-serif, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 150%;
  letter-spacing: 0;
  color: #171717;
  margin: 0 0 4px;
  vertical-align: middle;
}

._sectionDesc_9dsqa_39 {
  font-family: Geist, 'Geist Variable', ui-sans-serif, sans-serif;
  font-weight: 400;
  font-size: 13px;
  line-height: 150%;
  color: #71717a;
  margin: 0;
  vertical-align: middle;
}

._avatarButton_9dsqa_49 {
  display: flex;
  padding: 0;
  border: none;
  background: transparent;
  cursor: pointer;
  border-radius: 8px;
  position: relative;
}

._avatarButton_9dsqa_49:disabled {
  cursor: default;
}

/* 右侧 workspace 头像：38x38, border-radius 7.6px */
._avatar_9dsqa_49 {
  width: 38px;
  height: 38px;
  min-width: 38px;
  min-height: 38px;
  border-radius: 7.6px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  transition: filter 0.2s;
  overflow: hidden;
  position: relative;
}

._avatarImg_9dsqa_81 {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 7.6px;
}

._avatarInitial_9dsqa_88 {
  transition: opacity 0.2s ease;
}

._avatarUploadOverlay_9dsqa_92 {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.2s ease;
  color: #ffffff;
}

._avatarUploadIcon_9dsqa_103 {
  width: 16px;
  height: 16px;
}

._avatarButton_9dsqa_49:not(:disabled):hover ._avatarUploadOverlay_9dsqa_92 {
  opacity: 1;
}

._avatarButton_9dsqa_49:not(:disabled):hover ._avatarInitial_9dsqa_88 {
  opacity: 0;
}

._avatarButton_9dsqa_49:not(:disabled):hover ._avatarImg_9dsqa_81 + ._avatarUploadOverlay_9dsqa_92 {
  background: rgba(0, 0, 0, 0.2);
}

._hiddenInput_9dsqa_120 {
  position: absolute;
  width: 0;
  height: 0;
  opacity: 0;
  pointer-events: none;
}

._nameDisplayRow_9dsqa_128 {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  min-width: 200px;
}

._nameEditRow_9dsqa_136 {
  display: flex;
  align-items: center;
  gap: 8px;
}

._nameText_9dsqa_142 {
  font-family: Geist, 'Geist Variable', ui-sans-serif, sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: #171717;
}

/* 输入框：280x32, 边框/背景 #E4E4E7，聚焦时不变黑 */
._nameInput_9dsqa_150 {
  width: 280px;
  height: 32px;
  padding: 4px 12px;
  gap: 4px;
  border-radius: 8px;
  border: 1px solid #E4E4E7;
  background-color: transparent;
  font-family: 'Geist', 'Geist Variable', ui-sans-serif, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: 0;
}

._nameInput_9dsqa_150:focus,
._nameInput_9dsqa_150:focus-visible {
  outline: none !important;
  box-shadow: none !important;
  border-color: #E4E4E7 !important;
}

/* Save：背景 #171717，字体 #FAFAFA 居中，与输入框 8px 间隔 */
._saveButton_9dsqa_173 {
  min-width: 46px;
  height: 28px;
  padding: 5px 10px;
  gap: 6px;
  border-radius: 6px;
  background: #000000;
  color: #FAFAFA;
  font-size: 12px;
  font-weight: 500;
  text-align: center;
  border: none;
  cursor: pointer;
}

._saveButton_9dsqa_173:hover:not(:disabled) {
  opacity: 0.9;
}

._saveButton_9dsqa_173:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

._editButtonWrap_9dsqa_197 {
  display: inline-flex;
}

._editButton_9dsqa_197 {
  flex-shrink: 0;
  color:#3F3F46;
  font-size: 12px;
  border-radius: 8px;
}

._ownerTooltip_9dsqa_208 {
  background: #171717;
  color: #fff;
  font-size: 12px;
  max-width: 320px;
}

/* —— Leave Workspace 行：Figma 4983:8951 —— */
._leaveSection_9dsqa_216 {
  align-items: center;
}

._leaveSection_9dsqa_216 ._sectionLeft_9dsqa_15 {
  max-width: 380.5px;
  flex: 1 1 auto;
  min-width: 0;
}

/* 说明：Geist Regular 12px / 20px，#808080（与节点 4983:8954 一致） */
._leaveSection_9dsqa_216 ._sectionDesc_9dsqa_39 {
  font-size: 12px;
  line-height: 20px;
  color: #808080;
}

/* InputGroup / Button（4983:8955）：115×28，rounded-md，shadow-xs，destructive 底 + foreground 字；Disable 时整钮 opacity 50% */
._leaveButton_9dsqa_234 {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 115px;
  height: 28px;
  padding: 0 10px;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  background: #e05d51;
  color: #fef2f2;
  font-family: Geist, 'Geist Variable', ui-sans-serif, sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0;
  text-align: center;
  white-space: nowrap;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  opacity: 1;
  transition: background-color 0.15s ease, opacity 0.15s ease;
}

._leaveButton_9dsqa_234:hover:not(:disabled) {
  background: #d6554a;
}

._leaveButton_9dsqa_234:focus-visible {
  outline: 2px solid #a1a1aa;
  outline-offset: 2px;
}

._leaveButtonDisabled_9dsqa_268 {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 115px;
  height: 28px;
  padding: 0 10px;
  border: none;
  border-radius: 8px;
  cursor: not-allowed;
  background: #e05d51;
  color: #fef2f2;
  font-family: Geist, 'Geist Variable', ui-sans-serif, sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  text-align: center;
  white-space: nowrap;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  opacity: 0.5;
}
._root_g5fv7_1 {
  margin-bottom: 24px;
  width: 100%;
}

._inputRow_g5fv7_6 {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
}

._inputWithRole_g5fv7_13 {
  flex: 1;
  min-width: 0;
  display: flex;
  align-items: center;
  height: 36px;
  border: 1px solid #e4e4e7;
  border-radius: 6px;
  overflow: hidden;
}

._emailInput_g5fv7_24 {
  flex: 1;
  min-width: 0;
  height: 100%;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 0 12px;
  font-size: 14px;
  color: #171717;
}

._emailInput_g5fv7_24::-moz-placeholder {
  color: #71717a;
}

._emailInput_g5fv7_24::placeholder {
  color: #71717a;
}

._emailInput_g5fv7_24:focus {
  outline: none !important;
}

._roleTrigger_g5fv7_45 {
  height: 100%;
  min-width: 90px;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 0 10px 0 8px;
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  color: #171717;
  border-left: 1px solid #e4e4e7;
}

._roleTrigger_g5fv7_45:hover {
  background: transparent !important;
}

._inviteButton_g5fv7_64 {
  flex-shrink: 0;
  background: #171717;
  color: #fafafa;
  height: 36px;
  padding: 0 16px;
  border-radius: 6px;
}

/* Figma 5073:45430 — Menu: p-4px, gap-2px, rounded-8px, shadow md */
._inviteRoleSelectContent_g5fv7_74 {
  width: 198px;
  min-width: 198px !important;
  padding: 0;
  border-radius: 8px;
  border: 1px solid #e5e5e5;
  background: #fff;
  z-index: 200;
}

._inviteRoleSelectContent_g5fv7_74 [data-radix-select-viewport] {
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: 4px;
  width: 100%;
  min-width: 190px;
  box-sizing: border-box;
}

._roleSelectItem_g5fv7_94 {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  padding: 8px;
  border-radius: 6px;
  cursor: pointer;
  font-family: Geist, 'Geist Variable', ui-sans-serif, sans-serif;
  outline: none;
  border: none;
  background: #fff;
}

._roleSelectItem_g5fv7_94:focus-visible {
  outline: 2px solid #171717;
  outline-offset: 1px;
}

._roleSelectItem_g5fv7_94[data-disabled] {
  cursor: not-allowed;
  opacity: 1;
}

._roleOptionBody_g5fv7_118 {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 4px;
  width: 100%;
}

._roleTitleRow_g5fv7_126 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  width: 100%;
  min-height: 18px;
}

/* Manager + Coming Soon：标签贴在标题右侧，不要撑满整行 */
._roleTitleRowInline_g5fv7_137 {
  justify-content: flex-start;
  gap: 6px;
}

._roleTitle_g5fv7_126 {
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  color: #171717;
}

._roleTitleMuted_g5fv7_149 {
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  color: #171717;
  opacity: 0.5;
}

._roleDesc_g5fv7_157 {
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  color: #737373;
  margin: 0;
}

._roleDescMuted_g5fv7_165 {
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  color: #737373;
  margin: 0;
  opacity: 0.5;
}

/* Coming Soon — Figma Tag/PlanRule: gradient, 10px italic */
._comingSoonBadge_g5fv7_175 {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 2px 4px;
  border-radius: 4px;
  background: linear-gradient(
    90.62deg,
    rgba(255, 237, 251, 0.7) 10.96%,
    rgba(255, 197, 241, 0.7) 125.97%
  );
  color: rgba(111, 5, 85, 0.73);
  font-size: 10px;
  font-weight: 500;
  font-style: italic;
  line-height: 1;
}

._itemIndicatorWrap_g5fv7_194 {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
}

._checkIcon_g5fv7_203 {
  width: 16px;
  height: 16px;
  color: #171717;
  stroke-width: 2;
}

/* Selected Editor — Figma: bg accent #f5f5f5 */
._roleSelectItemSelectable_g5fv7_211[data-state='checked'] {
  background: #f5f5f5;
}

._roleSelectItemSelectable_g5fv7_211[data-highlighted]:not([data-disabled]) {
  background: #f5f5f5;
}
._badge_11jie_1 {
  font-family: Geist, ui-sans-serif, sans-serif;
  font-size: 12px;
  font-weight: 500;
  color: #71717a;
  background: #f3f2f2;
  padding: 2px 8px;
  border-radius: 4px;
  margin-left: 8px;
}

._badgeRed_11jie_12 {
  color: var(--base-destructive-foreground, #FFFFFF);
  background: var(--base-destructive, #E54839E0);
}
._wrapper_861o9_1 {
  overflow-x: auto;
  border: 1px solid var(--border);
  border-radius: 16px;
  background: #fff;
}

._table_861o9_8 {
  width: 100%;
  border-collapse: collapse;
  font-size: 14px;
}

._table_861o9_8 thead tr {
  background: #F8F8F8;
}

._th_861o9_18,
._thMember_861o9_19,
._thActions_861o9_20 {
  text-align: left;
  padding: 10px 12px;
  font-weight: 500;
  color: #71717a;
  border-bottom: 1px solid var(--border);
  background: #F8F8F8;
}

._thMember_861o9_19 {
  display: flex;
  align-items: center;
  gap: 0;
  height: 48px;
}

._thMember_861o9_19 span:first-child {
  margin-right: 0;
}

._thActions_861o9_20 {
  width: 48px;
  text-align: right;
}

._row_861o9_45 {
  border-bottom: 1px solid var(--border);
}

._row_861o9_45:last-child {
  border-bottom: none;
}

._cellMember_861o9_53,
._cellRole_861o9_54,
._cellUsage_861o9_55,
._cellActions_861o9_56 {
  padding: 12px;
  vertical-align: middle;
}

._cellUsage_861o9_55 {
  color: #171717;
}

._creditsText_861o9_65 {
  display: inline-flex;
  align-items: baseline;
  gap: 4px;
}

._creditsValue_861o9_71 {
  font-size: 14px;
  color: #0a0a0a;
}

._creditsUnit_861o9_76 {
  font-size: 11px;
  color: #737373;
}

._memberInfo_861o9_81 {
  display: flex;
  align-items: center;
  gap: 12px;
}

._avatar_861o9_87 {
  width: 32px;
  height: 32px;
  flex-shrink: 0;
}

._avatarFallback_861o9_93 {
  background: #e4e4e7;
  color: #52525b;
  font-size: 12px;
}

._memberText_861o9_99 {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

._memberName_861o9_105 {
  
  color: #171717;
}

._memberEmail_861o9_110 {
  font-size: 13px;
  color: #71717a;
}

._roleTrigger_861o9_115 {
  min-width: 80px;
  height: auto;
  padding: 0 4px 0 0;
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
  font-weight: 400;
  color: #171717;
}

._roleTrigger_861o9_115:hover {
  background: transparent !important;
}

/* 成员列表 Editor 下拉*/
._tableRoleSelectContent_861o9_131 {
  width: 215px;
  min-height: 80px;
  padding: 4px;
  border-radius: 8px;
  border: 1px solid var(--border);
  background: var(--popover);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  z-index: 200;
}

._tableRoleSelectItem_861o9_142 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
  padding: 6px 8px;
  border-radius: 6px;
  font-family: Geist, ui-sans-serif, sans-serif;
  position: relative;
}

._tableItemIndicator_861o9_153 {
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
}

._tableRoleSelectItem_861o9_142[data-state="checked"] {
  background: #F8F8F8;
}

._roleSelectItem_861o9_167[data-state="checked"] {
  background: #F8F8F8;
}

._roleTitle_861o9_171 {
  font-size: 15px;
  color: #171717;
  line-height: 150%;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

._roleTitleText_861o9_180 {
  color: #171717;
  opacity: 0.5;
}

._roleDesc_861o9_185 {
  font-size: 13px;
  font-weight: 400;
  color: #737373;
  line-height: 150%;
}

._comingSoonBadge_861o9_192 {
  display: inline-flex;
  align-items: center;
  padding: 2px 10px;
  border-radius: 9999px;
  background: linear-gradient(90deg, #FFEDFB 0%, #FFC5F1 100%) ;
  color: #6F0555BA;
  font-size: 11px;
  font-weight: 500;
  margin-left: 0;
  font-style: italic;
  line-height: 1;
}

._tableRoleSelectItem_861o9_142[data-disabled] {
  opacity: 0.55;
}

._managerOption_861o9_210 {
  opacity: 0.55;
}

._editorOption_861o9_214[data-disabled] {
  opacity: 1;
}

._editorOption_861o9_214 ._roleTitle_861o9_171 {
  color: #171717;
}

._removeMenuItem_861o9_222 {
  color: var(--destructive);
}

/* Pending invite: Total Usage 列显示 "Waiting for accept" */
._waitingForAccept_861o9_227 {
  font-family: Geist, ui-sans-serif, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  line-height: 1.25;
  letter-spacing: 0%;
  vertical-align: middle;
  color: #E39C18;
}

._revokeMenuItem_861o9_238 {
  color: var(--destructive);
}

._revokeMenuItem_861o9_238 [data-slot] {
  color: inherit;
}

._roleText_861o9_246 {
  color: #171717;
}

._menuTrigger_861o9_250 {
  width: 32px;
  height: 32px;
}

._actionsPlaceholder_861o9_255 {
  display: inline-block;
  width: 32px;
  height: 32px;
}
._content_1huos_1 {
  max-width: 340px;
  border-radius: 10px;
  background: #fff;
}

._title_1huos_7 {
  font-family: Geist, ui-sans-serif, sans-serif;
  font-weight: 600;
  font-size: 18px;
  line-height: 1.2;
  color: #000;
}

._message_1huos_15 {
  font-family: Geist, ui-sans-serif, sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 1.5;
  color: #71717a;
  margin: 0;
}

._messageSecondary_1huos_24 {
  font-family: Geist, ui-sans-serif, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.5;
  color: #71717a;
  margin: 0;
}

._username_1huos_33 {
  font-weight: 700;
  color: #171717;
}

._usernameHighlight_1huos_38 {
  width: 100%;
  padding: 0 5px;
  background: #EDF2E4;
  border-radius: 4px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  min-height: 36px;
}

._usernameHighlightInline_1huos_50 {
  padding: 0 5px;
  background: #EDF2E4;
  border-radius: 4px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

._usernameText_1huos_59 {
  color: #0A0A0A;
  font-size: 14px;
  font-family: Geist, ui-sans-serif, sans-serif;
  font-weight: 500;
  line-height: 22px;
}

._actions_1huos_67 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
}

._cancelButton_1huos_75 {
  width: 142px;
  background: #f5f5f5;
  color: #171717;
  border: 1px solid #e4e4e7;
  border-radius: 8px;
  padding: 8px 8px;
  font-size: 14px;
  font-weight: 500;
}

._cancelButton_1huos_75:hover {
  background: #e4e4e7;
}

._removeButton_1huos_90 {
  width: 142px;
  background: #e05d51;
  color: #fff;
  border: none;
  border-radius: 8px;
  padding: 8px 8px;
  font-size: 14px;
  font-weight: 500;
}

._removeButton_1huos_90:hover {
  background: #c94a3f;
}

._removeButton_1huos_90:disabled {
  opacity: 0.6;
}
._loading_zoqmp_1 {
  padding: 24px 0;
  font-size: 14px;
  color: #71717a;
}
/* Date Picker trigger — Figma 5275:5850 */
._trigger_1feji_2 {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  gap: 8px;
  width: 154px;
  min-width: 154px;
  height: 28px;
  min-height: 28px;
  padding: 2px 12px;
  background: #ffffff;
  border: 1px solid #e5e5e5;
  border-radius: 8px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  cursor: pointer;
  font-family: Geist, 'Geist Variable', ui-sans-serif, sans-serif;
  font-weight: 500;
  font-size: 13px;
  line-height: 22px;
  color: #0a0a0a;
  text-align: left;
}

._trigger_1feji_2:hover {
  background: #fafafa;
}

._triggerLabel_1feji_29 {
  flex: 1 1 0;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._chevron_1feji_37 {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  color: #0a0a0a;
  opacity: 1;
}

._wrapper_8be6h_1 {
  border: 1px solid #e5e5e5;
  border-radius: 16px;
  overflow: hidden;
  background: #fff;
}

._table_8be6h_8 {
  width: 100%;
  border-collapse: collapse;
  font-size: 14px;
}

._th_8be6h_14 {
  height: 48px;
  text-align: left;
  padding: 10px 12px;
  font-weight: 500;
  color: rgba(10, 10, 10, 0.5);
  background: #F8F8F8;
  border-bottom: 1px solid #e5e5e5;
  font-family: Geist, 'Geist Variable', ui-sans-serif, sans-serif;
}

._row_8be6h_25 {
  border-bottom: 1px solid #e5e5e5;
}

._row_8be6h_25:last-child {
  border-bottom: none;
}

._cell_8be6h_33 {
  padding: 10px 12px;
  vertical-align: middle;
  color: #333;
  height: 64px;
}

._userName_8be6h_40 {
  color: #333;
}

/* Usage share: column layout — Row1: credits (left) + percentage (right); Row2: full-width bar */
._usageShare_8be6h_45 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  width: 100%;
}

._usageShareRow1_8be6h_52 {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}

._credits_8be6h_58 {
  font-size: 14px;
  color: #0A0A0A;
}

._pct_8be6h_63 {
  font-size: 14px;
  font-weight: 400;
  color: #333;
}

._progressTrack_8be6h_69 {
  width: 100%;
  height: 4px;
  background: #f5f5f5;
  border-radius: 4px;
  overflow: hidden;
}

._progressFill_8be6h_77 {
  height: 100%;
  background: #e5e5e5;
  border-radius: 4px;
  transition: width 0.2s;
}

._cellLastActive_8be6h_84 {
  font-size: 14px;
  font-weight: 400;
  color: #0A0A0A;
}

._root_dvmo7_1 {
  display: flex;
  flex-direction: column;
  gap: 20px;
  width: 100%;
  overflow: hidden;
}

._loading_dvmo7_9 {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 200px;
}

._planSection_dvmo7_16 {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

._planSectionTitle_dvmo7_22 {
  font-size: 14px;
  font-weight: 500;
  color: #888;
  height: 24px;
  margin: 0;
}

._planCard_dvmo7_30 {
  background: #f8f8f8;
  border: 1px solid #e4e4e7;
  border-radius: 16px;
  overflow: hidden;
}

._planCardRow_dvmo7_37 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 52px;
  padding: 0 20px;
  gap: 12px;
}

._planName_dvmo7_46 {
  font-size: 16px;
  font-weight: 600;
  color: #0a0a0a;
  letter-spacing: 0.025em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
}

._planActions_dvmo7_57 {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
}

._upgradeBtn_dvmo7_64 {
  height: 32px;
  padding-left: 16px;
  padding-right: 16px;
  border-radius: 9999px;
  font-size: 14px;
  background: #171717;
}

._upgradeBtn_dvmo7_64:hover {
  background: rgba(23, 23, 23, 0.9);
}

._planDivider_dvmo7_77 {
  height: 1px;
  background: #e4e4e7;
}

._planDetails_dvmo7_82 {
  display: flex;
  flex-direction: column;
  padding-top: 8px;
  padding-bottom: 8px;
}

._planDetailRow_dvmo7_89 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 48px;
  padding: 0 20px;
  gap: 8px;
}

._planLabel_dvmo7_98 {
  font-size: 14px;
  color: #171717;
}

._planCredits_dvmo7_103 {
  display: flex;
  align-items: center;
  gap: 12px;
}

._planCredits_dvmo7_103 span {
  font-size: 14px;
  color: #171717;
}

._addMoreBtn_dvmo7_114 {
  height: 32px;
  padding-left: 16px;
  padding-right: 16px;
  border-radius: 9999px;
  font-size: 14px;
}

._tabs_dvmo7_122 {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

._tabsHeader_dvmo7_128 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  height: 28px;
  min-height: 28px;
  margin-bottom: 12px;
}

._tabsList_dvmo7_138 {
  background: transparent;
  padding: 0;
  gap: 0;
}

._tabTrigger_dvmo7_144 {
  box-sizing: border-box;
  height: 28px;
  min-height: 28px;
  max-height: 28px;
  font-size: 14px;
  line-height: 22px;
  padding: 1px 0;
  margin-right: 24px;
  border-radius: 0;
  border-bottom: 2px solid transparent;
  color: #888;
}

._tabTrigger_dvmo7_144[data-state="active"] {
  color: #0a0a0a;
  border-bottom-color: #0a0a0a;
  font-weight: 500;
}

._tabContent_dvmo7_164 {
  margin-top: 0;
  min-width: 0;
}

._billingTableWrap_dvmo7_169 {
  border: 1px solid #e4e4e7;
  border-radius: 16px;
  overflow: hidden;
  position: relative;
}

._tableOverlay_dvmo7_176 {
  position: absolute;
  inset: 0;
  background: rgba(255, 255, 255, 0.6);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10;
}

._billingHeaderRow_dvmo7_186 {
  background: #f8f8f8;
}

._billingHeaderRow_dvmo7_186:hover {
  background: #f8f8f8;
}

._billingTh_dvmo7_194 {
  height: 48px;
  padding-left: 16px;
  font-size: 14px;
  font-weight: 500;
  color: rgba(10, 10, 10, 0.5);
}

._billingTd_dvmo7_202 {
  font-size: 14px;
  padding: 12px 16px;
}

._emptyCell_dvmo7_207 {
  text-align: center;
  color: #888;
  padding: 24px;
}

._detailBtn_dvmo7_213 {
  font-size: 13px;
}
.account-setting-dialog-content {
    width: min(800px, calc(100vw - 32px));
    max-width: 100%;

    .account-setting-dialog-body-loading {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .account-setting-dialog-body-content {
        display: flex;
        flex-direction: column;

        .account-setting-dialog-plan {
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: space-between;
            margin-bottom: 16px;
            min-height: 36px;
            gap: 12px;

            .account-setting-dialog-plan-left {
                display: flex;
                flex-direction: row;
                align-items: center;
                justify-content: center;
                flex: 1;
                min-width: 0;

                .account-setting-dialog-plan-label {
                    color: #86909c;
                    width: 180px;
                    flex-shrink: 0;
                }

                .account-setting-dialog-plan-desc {
                    min-width: 0;
                    flex: 1;
                }
            }

            .account-setting-dialog-plan-right {
                display: flex;
                align-items: center;
                gap: 10px;
                flex-shrink: 0;

                .upgrade-button,
                .cancel-button {
                    border-radius: 8px;
                    padding-top: 8px;
                    padding-bottom: 8px;
                    min-width: 100px;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    gap: 4px;
                }
            }
        }

        .account-setting-dialog-credits {
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: space-between;
            margin-bottom: 16px;
            min-height: 36px;
            gap: 12px;

            .account-setting-dialog-credits-left {
                display: flex;
                flex-direction: row;
                align-items: center;
                justify-content: center;
                flex: 1;
                min-width: 0;

                .account-setting-dialog-credits-label {
                    color: #86909c;
                    width: 180px;
                    flex-shrink: 0;
                }

                .account-setting-dialog-credits-value {
                    min-width: 0;
                    flex: 1;
                }
            }

            .account-setting-dialog-credits-right {
                flex-shrink: 0;

                .add-more-button {
                    border-radius: 8px;
                    padding-top: 8px;
                    padding-bottom: 8px;
                    min-width: 100px;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    gap: 4px;
                }
            }
        }

        .account-setting-dialog-payment-history {
            .account-setting-dialog-payment-history-title {
                color: #86909c;
                margin-bottom: 16px;
            }

            .account-setting-dialog-payment-history-table {
                overflow-x: auto;
            }
        }

        .account-setting-dialog-payment-history-detail-button-container {
            display: flex;
            align-items: center;
            justify-content: center;

            .account-setting-dialog-payment-history-detail-button {
                border-radius: 8px;
                padding-top: 8px;
                padding-bottom: 8px;
                min-width: 100px;
                display: flex;
                align-items: center;
                justify-content: center;
            }
        }
    }
}

/* 移动端响应式样式 */
@media (max-width: 640px) {
    .account-setting-dialog-content {
        width: calc(100vw - 32px);
        max-height: 90vh;
        overflow-y: auto;

        .account-setting-dialog-body-content {
            .account-setting-dialog-plan {
                flex-direction: column;
                align-items: flex-start;
                gap: 8px;

                .account-setting-dialog-plan-left {
                    flex-direction: column;
                    align-items: flex-start;
                    width: 100%;

                    .account-setting-dialog-plan-label {
                        width: auto;
                        margin-bottom: 4px;
                    }
                }

                .account-setting-dialog-plan-right {
                    width: 100%;
                    justify-content: flex-start;
                    flex-wrap: wrap;

                    .upgrade-button,
                    .cancel-button {
                        min-width: auto;
                        flex: 1;
                    }
                }
            }

            .account-setting-dialog-credits {
                flex-direction: column;
                align-items: flex-start;
                gap: 8px;

                .account-setting-dialog-credits-left {
                    flex-direction: column;
                    align-items: flex-start;
                    width: 100%;

                    .account-setting-dialog-credits-label {
                        width: auto;
                        margin-bottom: 4px;
                    }
                }

                .account-setting-dialog-credits-right {
                    width: 100%;

                    .add-more-button {
                        width: 100%;
                    }
                }
            }

            .account-setting-dialog-payment-history {
                .account-setting-dialog-payment-history-table {
                    margin-left: -16px;
                    margin-right: -16px;
                    padding-left: 16px;
                    padding-right: 16px;
                }
            }

            .account-setting-dialog-payment-history-detail-button-container {
                .account-setting-dialog-payment-history-detail-button {
                    min-width: auto;
                    padding-left: 12px;
                    padding-right: 12px;
                    font-size: 12px;
                }
            }
        }
    }
}/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */
@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-scroll-snap-strictness:proximity;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-content:"";--tw-animation-delay:0s;--tw-animation-direction:normal;--tw-animation-duration:initial;--tw-animation-fill-mode:none;--tw-animation-iteration-count:1;--tw-enter-blur:0;--tw-enter-opacity:1;--tw-enter-rotate:0;--tw-enter-scale:1;--tw-enter-translate-x:0;--tw-enter-translate-y:0;--tw-exit-blur:0;--tw-exit-opacity:1;--tw-exit-rotate:0;--tw-exit-scale:1;--tw-exit-translate-x:0;--tw-exit-translate-y:0}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-serif:ui-serif,Georgia,Cambria,"Times New Roman",Times,serif;--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-50:oklch(97.1% .013 17.38);--color-red-100:oklch(93.6% .032 17.717);--color-red-200:oklch(88.5% .062 18.334);--color-red-400:oklch(70.4% .191 22.216);--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-red-700:oklch(50.5% .213 27.518);--color-orange-100:oklch(95.4% .038 75.164);--color-orange-200:oklch(90.1% .076 70.697);--color-orange-400:oklch(75% .183 55.934);--color-orange-500:oklch(70.5% .213 47.604);--color-orange-600:oklch(64.6% .222 41.116);--color-orange-700:oklch(55.3% .195 38.402);--color-amber-200:oklch(92.4% .12 95.746);--color-amber-400:oklch(82.8% .189 84.429);--color-amber-500:oklch(76.9% .188 70.08);--color-amber-600:oklch(66.6% .179 58.318);--color-yellow-100:oklch(97.3% .071 103.193);--color-yellow-200:oklch(94.5% .129 101.54);--color-yellow-400:oklch(85.2% .199 91.936);--color-yellow-500:oklch(79.5% .184 86.047);--color-yellow-600:oklch(68.1% .162 75.834);--color-yellow-700:oklch(55.4% .135 66.442);--color-yellow-800:oklch(47.6% .114 61.907);--color-lime-200:oklch(93.8% .127 124.321);--color-lime-500:oklch(76.8% .233 130.85);--color-green-100:oklch(96.2% .044 156.743);--color-green-200:oklch(92.5% .084 155.995);--color-green-300:oklch(87.1% .15 154.449);--color-green-400:oklch(79.2% .209 151.711);--color-green-500:oklch(72.3% .219 149.579);--color-green-600:oklch(62.7% .194 149.214);--color-green-700:oklch(52.7% .154 150.069);--color-emerald-300:oklch(84.5% .143 164.978);--color-emerald-400:oklch(76.5% .177 163.223);--color-emerald-500:oklch(69.6% .17 162.48);--color-emerald-600:oklch(59.6% .145 163.225);--color-emerald-800:oklch(43.2% .095 166.913);--color-teal-100:oklch(95.3% .051 180.801);--color-teal-500:oklch(70.4% .14 182.503);--color-teal-700:oklch(51.1% .096 186.391);--color-cyan-200:oklch(91.7% .08 205.041);--color-cyan-500:oklch(71.5% .143 215.221);--color-blue-50:oklch(97% .014 254.604);--color-blue-100:oklch(93.2% .032 255.585);--color-blue-200:oklch(88.2% .059 254.128);--color-blue-300:oklch(80.9% .105 251.813);--color-blue-400:oklch(70.7% .165 254.624);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-blue-700:oklch(48.8% .243 264.376);--color-blue-800:oklch(42.4% .199 265.638);--color-indigo-100:oklch(93% .034 272.788);--color-indigo-200:oklch(87% .065 274.039);--color-indigo-500:oklch(58.5% .233 277.117);--color-indigo-700:oklch(45.7% .24 277.023);--color-purple-100:oklch(94.6% .033 307.174);--color-purple-200:oklch(90.2% .063 306.703);--color-purple-300:oklch(82.7% .119 306.383);--color-purple-400:oklch(71.4% .203 305.504);--color-purple-500:oklch(62.7% .265 303.9);--color-purple-600:oklch(55.8% .288 302.321);--color-purple-700:oklch(49.6% .265 301.924);--color-fuchsia-200:oklch(90.3% .076 319.62);--color-pink-100:oklch(94.8% .028 342.258);--color-pink-500:oklch(65.6% .241 354.308);--color-pink-600:oklch(59.2% .249 .584);--color-pink-700:oklch(52.5% .223 3.958);--color-rose-300:oklch(81% .117 11.638);--color-rose-500:oklch(64.5% .246 16.439);--color-slate-100:oklch(96.8% .007 247.896);--color-slate-300:oklch(86.9% .022 252.894);--color-slate-400:oklch(70.4% .04 256.788);--color-slate-500:oklch(55.4% .046 257.417);--color-slate-950:oklch(12.9% .042 264.695);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-700:oklch(37.3% .034 259.733);--color-gray-800:oklch(27.8% .033 256.848);--color-gray-900:oklch(21% .034 264.665);--color-zinc-50:oklch(98.5% 0 0);--color-zinc-100:oklch(96.7% .001 286.375);--color-zinc-200:oklch(92% .004 286.32);--color-zinc-300:oklch(87.1% .006 286.286);--color-zinc-400:oklch(70.5% .015 286.067);--color-zinc-500:oklch(55.2% .016 285.938);--color-zinc-600:oklch(44.2% .017 285.786);--color-zinc-700:oklch(37% .013 285.805);--color-zinc-800:oklch(27.4% .006 286.033);--color-zinc-900:oklch(21% .006 285.885);--color-zinc-950:oklch(14.1% .005 285.823);--color-neutral-100:oklch(97% 0 0);--color-neutral-200:oklch(92.2% 0 0);--color-neutral-300:oklch(87% 0 0);--color-neutral-400:oklch(70.8% 0 0);--color-neutral-500:oklch(55.6% 0 0);--color-neutral-600:oklch(43.9% 0 0);--color-neutral-700:oklch(37.1% 0 0);--color-neutral-800:oklch(26.9% 0 0);--color-neutral-900:oklch(20.5% 0 0);--color-neutral-950:oklch(14.5% 0 0);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-3xs:16rem;--container-xs:20rem;--container-sm:24rem;--container-md:28rem;--container-lg:32rem;--container-xl:36rem;--container-2xl:42rem;--container-3xl:48rem;--container-4xl:56rem;--container-5xl:64rem;--container-6xl:72rem;--container-7xl:80rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height:calc(1.5/1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25/1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5/2.25);--text-5xl:3rem;--text-5xl--line-height:1;--text-6xl:3.75rem;--text-6xl--line-height:1;--text-7xl:4.5rem;--text-7xl--line-height:1;--text-8xl:6rem;--text-8xl--line-height:1;--text-9xl:8rem;--text-9xl--line-height:1;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-black:900;--tracking-tight:-.025em;--tracking-wide:.025em;--tracking-wider:.05em;--tracking-widest:.1em;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--radius-xs:.125rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--ease-out:cubic-bezier(0,0,.2,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--animate-spin:spin 1s linear infinite;--animate-ping:ping 1s cubic-bezier(0,0,.2,1)infinite;--animate-pulse:pulse 2s cubic-bezier(.4,0,.6,1)infinite;--animate-bounce:bounce 1s infinite;--blur-xs:4px;--blur-sm:8px;--blur-md:12px;--blur-2xl:40px;--blur-3xl:64px;--aspect-video:16/9;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::-moz-placeholder{opacity:1}::placeholder{opacity:1}@supports (not (-webkit-appearance:-apple-pay-button)) or (contain-intrinsic-size:1px){::-moz-placeholder{color:currentColor}::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::-moz-placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}*{border-color:var(--border);outline-color:var(--ring)}@supports (color:color-mix(in lab, red, red)){*{outline-color:color-mix(in oklab,var(--ring)50%,transparent)}}body{background-color:var(--background);color:var(--foreground)}}@layer components;@layer utilities{.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing)*0)}.inset-1{inset:calc(var(--spacing)*1)}.inset-\[-1px\]{inset:-1px}.inset-\[3px\]{inset:3px}.inset-x-0{inset-inline:calc(var(--spacing)*0)}.-top-0\.5{top:calc(var(--spacing)*-.5)}.-top-1{top:calc(var(--spacing)*-1)}.-top-1\.5{top:calc(var(--spacing)*-1.5)}.-top-2{top:calc(var(--spacing)*-2)}.-top-12{top:calc(var(--spacing)*-12)}.-top-\[5px\]{top:-5px}.-top-\[100px\]{top:-100px}.top-0{top:calc(var(--spacing)*0)}.top-1{top:calc(var(--spacing)*1)}.top-1\/2{top:50%}.top-1\/3{top:33.3333%}.top-2{top:calc(var(--spacing)*2)}.top-3{top:calc(var(--spacing)*3)}.top-4{top:calc(var(--spacing)*4)}.top-5{top:calc(var(--spacing)*5)}.top-6{top:calc(var(--spacing)*6)}.top-8{top:calc(var(--spacing)*8)}.top-10{top:calc(var(--spacing)*10)}.top-11{top:calc(var(--spacing)*11)}.top-20{top:calc(var(--spacing)*20)}.top-32{top:calc(var(--spacing)*32)}.top-40{top:calc(var(--spacing)*40)}.top-60{top:calc(var(--spacing)*60)}.top-72{top:calc(var(--spacing)*72)}.top-80{top:calc(var(--spacing)*80)}.top-96{top:calc(var(--spacing)*96)}.top-\[-1px\]{top:-1px}.top-\[2px\]{top:2px}.top-\[4px\]{top:4px}.top-\[6px\]{top:6px}.top-\[11px\]{top:11px}.top-\[14px\]{top:14px}.top-\[31px\]{top:31px}.top-\[32px\]{top:32px}.top-\[40px\]{top:40px}.top-\[50\%\]{top:50%}.top-\[72px\]{top:72px}.top-\[calc\(50\%\+4px\)\]{top:calc(50% + 4px)}.top-\[calc\(100\%\+4px\)\]{top:calc(100% + 4px)}.top-full{top:100%}.-right-0\.5{right:calc(var(--spacing)*-.5)}.-right-1{right:calc(var(--spacing)*-1)}.-right-1\.5{right:calc(var(--spacing)*-1.5)}.-right-2{right:calc(var(--spacing)*-2)}.-right-2\.5{right:calc(var(--spacing)*-2.5)}.-right-12{right:calc(var(--spacing)*-12)}.-right-\[5px\]{right:-5px}.right-0{right:calc(var(--spacing)*0)}.right-0\.5{right:calc(var(--spacing)*.5)}.right-1{right:calc(var(--spacing)*1)}.right-1\/2{right:50%}.right-1\/3{right:33.3333%}.right-1\/4{right:25%}.right-2{right:calc(var(--spacing)*2)}.right-3{right:calc(var(--spacing)*3)}.right-4{right:calc(var(--spacing)*4)}.right-6{right:calc(var(--spacing)*6)}.right-7{right:calc(var(--spacing)*7)}.right-10{right:calc(var(--spacing)*10)}.right-16{right:calc(var(--spacing)*16)}.right-20{right:calc(var(--spacing)*20)}.right-\[-1px\]{right:-1px}.right-\[-2px\]{right:-2px}.right-\[-12px\]{right:-12px}.right-\[6px\]{right:6px}.right-\[14px\]{right:14px}.right-\[22px\]{right:22px}.right-full{right:100%}.-bottom-0\.5{bottom:calc(var(--spacing)*-.5)}.-bottom-1{bottom:calc(var(--spacing)*-1)}.-bottom-2{bottom:calc(var(--spacing)*-2)}.-bottom-12{bottom:calc(var(--spacing)*-12)}.bottom-0{bottom:calc(var(--spacing)*0)}.bottom-0\.5{bottom:calc(var(--spacing)*.5)}.bottom-1{bottom:calc(var(--spacing)*1)}.bottom-4{bottom:calc(var(--spacing)*4)}.bottom-10{bottom:calc(var(--spacing)*10)}.bottom-12{bottom:calc(var(--spacing)*12)}.bottom-20{bottom:calc(var(--spacing)*20)}.bottom-32{bottom:calc(var(--spacing)*32)}.bottom-40{bottom:calc(var(--spacing)*40)}.bottom-60{bottom:calc(var(--spacing)*60)}.bottom-80{bottom:calc(var(--spacing)*80)}.bottom-\[3px\]{bottom:3px}.bottom-\[14px\]{bottom:14px}.bottom-full{bottom:100%}.-left-2{left:calc(var(--spacing)*-2)}.-left-12{left:calc(var(--spacing)*-12)}.left-0{left:calc(var(--spacing)*0)}.left-0\.5{left:calc(var(--spacing)*.5)}.left-1{left:calc(var(--spacing)*1)}.left-1\/2{left:50%}.left-1\/3{left:33.3333%}.left-1\/4{left:25%}.left-2{left:calc(var(--spacing)*2)}.left-3{left:calc(var(--spacing)*3)}.left-4{left:calc(var(--spacing)*4)}.left-6{left:calc(var(--spacing)*6)}.left-8{left:calc(var(--spacing)*8)}.left-10{left:calc(var(--spacing)*10)}.left-16{left:calc(var(--spacing)*16)}.left-20{left:calc(var(--spacing)*20)}.left-\[-1px\]{left:-1px}.left-\[-12px\]{left:-12px}.left-\[-16px\]{left:-16px}.left-\[14px\]{left:14px}.left-\[15px\]{left:15px}.left-\[17px\]{left:17px}.left-\[50\%\]{left:50%}.left-full{left:100%}.isolate{isolation:isolate}.\!z-\[100\]{z-index:100!important}.\!z-\[200\]{z-index:200!important}.-z-10{z-index:calc(10*-1)}.z-0{z-index:0}.z-1{z-index:1}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-1000{z-index:1000}.z-\[1\]{z-index:1}.z-\[3\]{z-index:3}.z-\[5\]{z-index:5}.z-\[6\]{z-index:6}.z-\[7\]{z-index:7}.z-\[49\]{z-index:49}.z-\[60\]{z-index:60}.z-\[100\]{z-index:100}.z-\[1000\]{z-index:1000}.z-\[1001\]{z-index:1001}.z-\[2000\]{z-index:2000}.z-\[9999\]{z-index:9999}.z-\[10000\]{z-index:10000}.z-\[25000\]{z-index:25000}.z-\[999999\]{z-index:999999}.z-\[100000000000000\]{z-index:2147483647}.order-1{order:1}.order-2{order:2}.order-first{order:-9999}.order-last{order:9999}.\!container{width:100%!important}@media (min-width:40rem){.\!container{max-width:40rem!important}}@media (min-width:48rem){.\!container{max-width:48rem!important}}@media (min-width:64rem){.\!container{max-width:64rem!important}}@media (min-width:80rem){.\!container{max-width:80rem!important}}@media (min-width:96rem){.\!container{max-width:96rem!important}}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.-m-1{margin:calc(var(--spacing)*-1)}.m-0{margin:calc(var(--spacing)*0)}.m-1{margin:calc(var(--spacing)*1)}.m-2{margin:calc(var(--spacing)*2)}.-mx-1{margin-inline:calc(var(--spacing)*-1)}.-mx-2{margin-inline:calc(var(--spacing)*-2)}.-mx-3{margin-inline:calc(var(--spacing)*-3)}.-mx-6{margin-inline:calc(var(--spacing)*-6)}.mx-0{margin-inline:calc(var(--spacing)*0)}.mx-1{margin-inline:calc(var(--spacing)*1)}.mx-2{margin-inline:calc(var(--spacing)*2)}.mx-3{margin-inline:calc(var(--spacing)*3)}.mx-\[2px\]{margin-inline:2px}.mx-auto{margin-inline:auto}.-my-4{margin-block:calc(var(--spacing)*-4)}.my-0\.5{margin-block:calc(var(--spacing)*.5)}.my-1{margin-block:calc(var(--spacing)*1)}.my-3{margin-block:calc(var(--spacing)*3)}.my-4{margin-block:calc(var(--spacing)*4)}.my-6{margin-block:calc(var(--spacing)*6)}.my-8{margin-block:calc(var(--spacing)*8)}.my-12{margin-block:calc(var(--spacing)*12)}.my-auto{margin-block:auto}.-mt-2{margin-top:calc(var(--spacing)*-2)}.-mt-4{margin-top:calc(var(--spacing)*-4)}.-mt-6{margin-top:calc(var(--spacing)*-6)}.-mt-px{margin-top:-1px}.mt-0{margin-top:calc(var(--spacing)*0)}.mt-0\.5{margin-top:calc(var(--spacing)*.5)}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-3{margin-top:calc(var(--spacing)*3)}.mt-4{margin-top:calc(var(--spacing)*4)}.mt-5{margin-top:calc(var(--spacing)*5)}.mt-6{margin-top:calc(var(--spacing)*6)}.mt-8{margin-top:calc(var(--spacing)*8)}.mt-12{margin-top:calc(var(--spacing)*12)}.mt-\[10px\]{margin-top:10px}.mt-auto{margin-top:auto}.-mr-1{margin-right:calc(var(--spacing)*-1)}.-mr-5{margin-right:calc(var(--spacing)*-5)}.mr-0{margin-right:calc(var(--spacing)*0)}.mr-0\.5{margin-right:calc(var(--spacing)*.5)}.mr-1{margin-right:calc(var(--spacing)*1)}.mr-2{margin-right:calc(var(--spacing)*2)}.mr-3{margin-right:calc(var(--spacing)*3)}.mr-4{margin-right:calc(var(--spacing)*4)}.mr-\[-20px\]{margin-right:-20px}.mr-\[2px\]{margin-right:2px}.mr-\[4px\]{margin-right:4px}.mr-\[44px\]{margin-right:44px}.\!mb-0{margin-bottom:calc(var(--spacing)*0)!important}.\!mb-2{margin-bottom:calc(var(--spacing)*2)!important}.-mb-\[66px\]{margin-bottom:-66px}.mb-0{margin-bottom:calc(var(--spacing)*0)}.mb-0\.5{margin-bottom:calc(var(--spacing)*.5)}.mb-1{margin-bottom:calc(var(--spacing)*1)}.mb-1\.5{margin-bottom:calc(var(--spacing)*1.5)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-2\.5{margin-bottom:calc(var(--spacing)*2.5)}.mb-3{margin-bottom:calc(var(--spacing)*3)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-5{margin-bottom:calc(var(--spacing)*5)}.mb-6{margin-bottom:calc(var(--spacing)*6)}.mb-7{margin-bottom:calc(var(--spacing)*7)}.mb-8{margin-bottom:calc(var(--spacing)*8)}.mb-10{margin-bottom:calc(var(--spacing)*10)}.mb-12{margin-bottom:calc(var(--spacing)*12)}.mb-14{margin-bottom:calc(var(--spacing)*14)}.mb-16{margin-bottom:calc(var(--spacing)*16)}.-ml-1{margin-left:calc(var(--spacing)*-1)}.-ml-2{margin-left:calc(var(--spacing)*-2)}.-ml-2\.5{margin-left:calc(var(--spacing)*-2.5)}.-ml-4{margin-left:calc(var(--spacing)*-4)}.ml-0{margin-left:calc(var(--spacing)*0)}.ml-0\.5{margin-left:calc(var(--spacing)*.5)}.ml-1{margin-left:calc(var(--spacing)*1)}.ml-2{margin-left:calc(var(--spacing)*2)}.ml-2\.5{margin-left:calc(var(--spacing)*2.5)}.ml-4{margin-left:calc(var(--spacing)*4)}.ml-5{margin-left:calc(var(--spacing)*5)}.ml-6{margin-left:calc(var(--spacing)*6)}.ml-\[2px\]{margin-left:2px}.ml-\[15px\]{margin-left:15px}.ml-auto{margin-left:auto}.box-border{box-sizing:border-box}.line-clamp-1{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-4{-webkit-line-clamp:4;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.\!flex{display:flex!important}.\!hidden{display:none!important}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.table-caption{display:table-caption}.table-cell{display:table-cell}.table-row{display:table-row}.field-sizing-content{field-sizing:content}.aspect-3\/4{aspect-ratio:3/4}.aspect-4\/3{aspect-ratio:4/3}.aspect-16\/9{aspect-ratio:16/9}.aspect-\[3\/4\]{aspect-ratio:3/4}.aspect-\[4\/3\]{aspect-ratio:4/3}.aspect-\[5\/3\]{aspect-ratio:5/3}.aspect-\[176\/96\]{aspect-ratio:176/96}.aspect-\[178\/100\]{aspect-ratio:178/100}.aspect-\[190\/240\]{aspect-ratio:190/240}.aspect-\[431\/167\]{aspect-ratio:431/167}.aspect-square{aspect-ratio:1}.aspect-video{aspect-ratio:var(--aspect-video)}.size-\(--cell-size\){width:var(--cell-size);height:var(--cell-size)}.size-1\.5{width:calc(var(--spacing)*1.5);height:calc(var(--spacing)*1.5)}.size-2{width:calc(var(--spacing)*2);height:calc(var(--spacing)*2)}.size-2\.5{width:calc(var(--spacing)*2.5);height:calc(var(--spacing)*2.5)}.size-3{width:calc(var(--spacing)*3);height:calc(var(--spacing)*3)}.size-3\.5{width:calc(var(--spacing)*3.5);height:calc(var(--spacing)*3.5)}.size-4{width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.size-5{width:calc(var(--spacing)*5);height:calc(var(--spacing)*5)}.size-6{width:calc(var(--spacing)*6);height:calc(var(--spacing)*6)}.size-7{width:calc(var(--spacing)*7);height:calc(var(--spacing)*7)}.size-8{width:calc(var(--spacing)*8);height:calc(var(--spacing)*8)}.size-9{width:calc(var(--spacing)*9);height:calc(var(--spacing)*9)}.size-10{width:calc(var(--spacing)*10);height:calc(var(--spacing)*10)}.size-12{width:calc(var(--spacing)*12);height:calc(var(--spacing)*12)}.size-14{width:calc(var(--spacing)*14);height:calc(var(--spacing)*14)}.size-20{width:calc(var(--spacing)*20);height:calc(var(--spacing)*20)}.size-\[5px\]{width:5px;height:5px}.size-\[6px\]{width:6px;height:6px}.size-\[7px\]{width:7px;height:7px}.size-\[9px\]{width:9px;height:9px}.size-\[11px\]{width:11px;height:11px}.size-\[14px\]{width:14px;height:14px}.size-\[17px\]{width:17px;height:17px}.size-\[20px\]{width:20px;height:20px}.size-\[24px\]{width:24px;height:24px}.size-\[30px\]{width:30px;height:30px}.size-\[34px\]{width:34px;height:34px}.size-\[37px\]{width:37px;height:37px}.size-\[40px\]{width:40px;height:40px}.size-\[43px\]{width:43px;height:43px}.size-\[53px\]{width:53px;height:53px}.size-\[100px\]{width:100px;height:100px}.size-auto{width:auto;height:auto}.size-full{width:100%;height:100%}.\!h-7{height:calc(var(--spacing)*7)!important}.\!h-\[40px\]{height:40px!important}.\!h-auto{height:auto!important}.\!h-full{height:100%!important}.h-\(--cell-size\){height:var(--cell-size)}.h-0{height:calc(var(--spacing)*0)}.h-1{height:calc(var(--spacing)*1)}.h-1\.5{height:calc(var(--spacing)*1.5)}.h-2{height:calc(var(--spacing)*2)}.h-2\.5{height:calc(var(--spacing)*2.5)}.h-3{height:calc(var(--spacing)*3)}.h-3\.5{height:calc(var(--spacing)*3.5)}.h-4{height:calc(var(--spacing)*4)}.h-5{height:calc(var(--spacing)*5)}.h-6{height:calc(var(--spacing)*6)}.h-7{height:calc(var(--spacing)*7)}.h-8{height:calc(var(--spacing)*8)}.h-9{height:calc(var(--spacing)*9)}.h-10{height:calc(var(--spacing)*10)}.h-11{height:calc(var(--spacing)*11)}.h-12{height:calc(var(--spacing)*12)}.h-14{height:calc(var(--spacing)*14)}.h-16{height:calc(var(--spacing)*16)}.h-20{height:calc(var(--spacing)*20)}.h-24{height:calc(var(--spacing)*24)}.h-32{height:calc(var(--spacing)*32)}.h-40{height:calc(var(--spacing)*40)}.h-64{height:calc(var(--spacing)*64)}.h-96{height:calc(var(--spacing)*96)}.h-\[1\.15rem\]{height:1.15rem}.h-\[2px\]{height:2px}.h-\[3px\]{height:3px}.h-\[5px\]{height:5px}.h-\[6px\]{height:6px}.h-\[7px\]{height:7px}.h-\[8px\]{height:8px}.h-\[9px\]{height:9px}.h-\[10\.5px\]{height:10.5px}.h-\[10px\]{height:10px}.h-\[12px\]{height:12px}.h-\[14px\]{height:14px}.h-\[15px\]{height:15px}.h-\[16px\]{height:16px}.h-\[18px\]{height:18px}.h-\[19\.2px\]{height:19.2px}.h-\[20px\]{height:20px}.h-\[22px\]{height:22px}.h-\[23px\]{height:23px}.h-\[26px\]{height:26px}.h-\[28px\]{height:28px}.h-\[32px\]{height:32px}.h-\[34px\]{height:34px}.h-\[35px\]{height:35px}.h-\[36px\]{height:36px}.h-\[40px\]{height:40px}.h-\[40vh\]{height:40vh}.h-\[42px\]{height:42px}.h-\[48px\]{height:48px}.h-\[52px\]{height:52px}.h-\[54px\]{height:54px}.h-\[56px\]{height:56px}.h-\[60px\]{height:60px}.h-\[63px\]{height:63px}.h-\[68px\]{height:68px}.h-\[70vh\]{height:70vh}.h-\[72px\]{height:72px}.h-\[74px\]{height:74px}.h-\[80px\]{height:80px}.h-\[80vh\]{height:80vh}.h-\[83px\]{height:83px}.h-\[84px\]{height:84px}.h-\[87px\]{height:87px}.h-\[88px\]{height:88px}.h-\[92px\]{height:92px}.h-\[100px\]{height:100px}.h-\[100vh\]{height:100vh}.h-\[108px\]{height:108px}.h-\[120px\]{height:120px}.h-\[121px\]{height:121px}.h-\[126px\]{height:126px}.h-\[128px\]{height:128px}.h-\[142px\]{height:142px}.h-\[148px\]{height:148px}.h-\[156px\]{height:156px}.h-\[168px\]{height:168px}.h-\[184px\]{height:184px}.h-\[200px\]{height:200px}.h-\[276px\]{height:276px}.h-\[286px\]{height:286px}.h-\[310px\]{height:310px}.h-\[320px\]{height:320px}.h-\[556px\]{height:556px}.h-\[580px\]{height:580px}.h-\[590px\]{height:590px}.h-\[600px\]{height:600px}.h-\[637px\]{height:637px}.h-\[718px\]{height:718px}.h-\[calc\(100\%-1px\)\]{height:calc(100% - 1px)}.h-\[calc\(100vh-54px\)\]{height:calc(100vh - 54px)}.h-\[var\(--radix-select-trigger-height\)\]{height:var(--radix-select-trigger-height)}.h-auto{height:auto}.h-full{height:100%}.h-px{height:1px}.h-screen{height:100vh}.\!max-h-\[120px\]{max-height:120px!important}.\!max-h-\[calc\(90vh-2rem\)\]{max-height:calc(90vh - 2rem)!important}.\!max-h-none{max-height:none!important}.max-h-\(--radix-context-menu-content-available-height\){max-height:var(--radix-context-menu-content-available-height)}.max-h-\(--radix-dropdown-menu-content-available-height\){max-height:var(--radix-dropdown-menu-content-available-height)}.max-h-\(--radix-select-content-available-height\){max-height:var(--radix-select-content-available-height)}.max-h-20{max-height:calc(var(--spacing)*20)}.max-h-48{max-height:calc(var(--spacing)*48)}.max-h-52{max-height:calc(var(--spacing)*52)}.max-h-60{max-height:calc(var(--spacing)*60)}.max-h-80{max-height:calc(var(--spacing)*80)}.max-h-\[28px\]{max-height:28px}.max-h-\[38vh\]{max-height:38vh}.max-h-\[50vh\]{max-height:50vh}.max-h-\[60px\]{max-height:60px}.max-h-\[87vh\]{max-height:87vh}.max-h-\[168px\]{max-height:168px}.max-h-\[200px\]{max-height:200px}.max-h-\[220px\]{max-height:220px}.max-h-\[240px\]{max-height:240px}.max-h-\[272px\]{max-height:272px}.max-h-\[280px\]{max-height:280px}.max-h-\[300px\]{max-height:300px}.max-h-\[600px\]{max-height:600px}.max-h-\[760px\]{max-height:760px}.max-h-\[800px\]{max-height:800px}.max-h-\[min\(320px\,70vh\)\]{max-height:min(320px,70vh)}.max-h-full{max-height:100%}.max-h-none{max-height:none}.\!min-h-0{min-height:calc(var(--spacing)*0)!important}.\!min-h-\[112px\]{min-height:112px!important}.min-h-0{min-height:calc(var(--spacing)*0)}.min-h-4{min-height:calc(var(--spacing)*4)}.min-h-7{min-height:calc(var(--spacing)*7)}.min-h-8{min-height:calc(var(--spacing)*8)}.min-h-9{min-height:calc(var(--spacing)*9)}.min-h-11{min-height:calc(var(--spacing)*11)}.min-h-12{min-height:calc(var(--spacing)*12)}.min-h-16{min-height:calc(var(--spacing)*16)}.min-h-48{min-height:calc(var(--spacing)*48)}.min-h-\[16px\]{min-height:16px}.min-h-\[18px\]{min-height:18px}.min-h-\[20px\]{min-height:20px}.min-h-\[24px\]{min-height:24px}.min-h-\[28px\]{min-height:28px}.min-h-\[40px\]{min-height:40px}.min-h-\[44px\]{min-height:44px}.min-h-\[52px\]{min-height:52px}.min-h-\[60px\]{min-height:60px}.min-h-\[72px\]{min-height:72px}.min-h-\[80px\]{min-height:80px}.min-h-\[98px\]{min-height:98px}.min-h-\[100px\]{min-height:100px}.min-h-\[120px\]{min-height:120px}.min-h-\[136px\]{min-height:136px}.min-h-\[140px\]{min-height:140px}.min-h-\[150px\]{min-height:150px}.min-h-\[180px\]{min-height:180px}.min-h-\[200px\]{min-height:200px}.min-h-\[280px\]{min-height:280px}.min-h-\[320px\]{min-height:320px}.min-h-\[350px\]{min-height:350px}.min-h-\[580px\]{min-height:580px}.min-h-\[600px\]{min-height:600px}.min-h-full{min-height:100%}.min-h-px{min-height:1px}.min-h-screen{min-height:100vh}.\!w-auto{width:auto!important}.\!w-full{width:100%!important}.w-\(--cell-size\){width:var(--cell-size)}.w-0{width:calc(var(--spacing)*0)}.w-1{width:calc(var(--spacing)*1)}.w-1\.5{width:calc(var(--spacing)*1.5)}.w-1\/2{width:50%}.w-1\/3{width:33.3333%}.w-2{width:calc(var(--spacing)*2)}.w-2\.5{width:calc(var(--spacing)*2.5)}.w-2\/3{width:66.6667%}.w-3{width:calc(var(--spacing)*3)}.w-3\.5{width:calc(var(--spacing)*3.5)}.w-3\/4{width:75%}.w-4{width:calc(var(--spacing)*4)}.w-5{width:calc(var(--spacing)*5)}.w-5\/6{width:83.3333%}.w-6{width:calc(var(--spacing)*6)}.w-7{width:calc(var(--spacing)*7)}.w-8{width:calc(var(--spacing)*8)}.w-9{width:calc(var(--spacing)*9)}.w-10{width:calc(var(--spacing)*10)}.w-12{width:calc(var(--spacing)*12)}.w-14{width:calc(var(--spacing)*14)}.w-16{width:calc(var(--spacing)*16)}.w-20{width:calc(var(--spacing)*20)}.w-24{width:calc(var(--spacing)*24)}.w-32{width:calc(var(--spacing)*32)}.w-40{width:calc(var(--spacing)*40)}.w-44{width:calc(var(--spacing)*44)}.w-48{width:calc(var(--spacing)*48)}.w-50{width:calc(var(--spacing)*50)}.w-52{width:calc(var(--spacing)*52)}.w-56{width:calc(var(--spacing)*56)}.w-60{width:calc(var(--spacing)*60)}.w-64{width:calc(var(--spacing)*64)}.w-72{width:calc(var(--spacing)*72)}.w-80{width:calc(var(--spacing)*80)}.w-96{width:calc(var(--spacing)*96)}.w-\[1px\]{width:1px}.w-\[3\.25rem\]{width:3.25rem}.w-\[5px\]{width:5px}.w-\[10\.5px\]{width:10.5px}.w-\[12px\]{width:12px}.w-\[14px\]{width:14px}.w-\[15px\]{width:15px}.w-\[16px\]{width:16px}.w-\[18px\]{width:18px}.w-\[19\.2px\]{width:19.2px}.w-\[20px\]{width:20px}.w-\[25px\]{width:25px}.w-\[28px\]{width:28px}.w-\[29px\]{width:29px}.w-\[34px\]{width:34px}.w-\[38px\]{width:38px}.w-\[48px\]{width:48px}.w-\[52px\]{width:52px}.w-\[54px\]{width:54px}.w-\[55px\]{width:55px}.w-\[56px\]{width:56px}.w-\[58px\]{width:58px}.w-\[60\%\]{width:60%}.w-\[60px\]{width:60px}.w-\[69px\]{width:69px}.w-\[72px\]{width:72px}.w-\[80\%\]{width:80%}.w-\[80px\]{width:80px}.w-\[87px\]{width:87px}.w-\[90px\]{width:90px}.w-\[90vw\]{width:90vw}.w-\[96px\]{width:96px}.w-\[98px\]{width:98px}.w-\[100px\]{width:100px}.w-\[100vw\]{width:100vw}.w-\[110\.134px\]{width:110.134px}.w-\[116px\]{width:116px}.w-\[120\%\]{width:120%}.w-\[120px\]{width:120px}.w-\[122px\]{width:122px}.w-\[123px\]{width:123px}.w-\[124px\]{width:124px}.w-\[126px\]{width:126px}.w-\[127px\]{width:127px}.w-\[129px\]{width:129px}.w-\[130px\]{width:130px}.w-\[140px\]{width:140px}.w-\[142px\]{width:142px}.w-\[146px\]{width:146px}.w-\[150\%\]{width:150%}.w-\[160px\]{width:160px}.w-\[163px\]{width:163px}.w-\[165px\]{width:165px}.w-\[170px\]{width:170px}.w-\[180px\]{width:180px}.w-\[184px\]{width:184px}.w-\[186px\]{width:186px}.w-\[190px\]{width:190px}.w-\[194px\]{width:194px}.w-\[200\%\]{width:200%}.w-\[200px\]{width:200px}.w-\[209px\]{width:209px}.w-\[228px\]{width:228px}.w-\[230px\]{width:230px}.w-\[234px\]{width:234px}.w-\[238px\]{width:238px}.w-\[240px\]{width:240px}.w-\[247px\]{width:247px}.w-\[248px\]{width:248px}.w-\[256px\]{width:256px}.w-\[260px\]{width:260px}.w-\[272px\]{width:272px}.w-\[278px\]{width:278px}.w-\[279px\]{width:279px}.w-\[280px\]{width:280px}.w-\[284px\]{width:284px}.w-\[300px\]{width:300px}.w-\[326px\]{width:326px}.w-\[328px\]{width:328px}.w-\[330px\]{width:330px}.w-\[336px\]{width:336px}.w-\[340px\]{width:340px}.w-\[346px\]{width:346px}.w-\[348px\]{width:348px}.w-\[360px\]{width:360px}.w-\[362px\]{width:362px}.w-\[371px\]{width:371px}.w-\[386px\]{width:386px}.w-\[400px\]{width:400px}.w-\[410px\]{width:410px}.w-\[420px\]{width:420px}.w-\[425px\]{width:425px}.w-\[441px\]{width:441px}.w-\[450px\]{width:450px}.w-\[460px\]{width:460px}.w-\[540px\]{width:540px}.w-\[823px\]{width:823px}.w-\[960px\]{width:960px}.w-\[980px\]{width:980px}.w-\[1248px\]{width:1248px}.w-\[calc\(100\%\+32px\)\]{width:calc(100% + 32px)}.w-\[calc\(100\%-8px\)\]{width:calc(100% - 8px)}.w-\[calc\(100\%-40px\)\]{width:calc(100% - 40px)}.w-\[fit-content\]{width:-moz-fit-content;width:fit-content}.w-\[var\(--radix-select-trigger-width\)\]{width:var(--radix-select-trigger-width)}.w-auto{width:auto}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.w-max{width:-moz-max-content;width:max-content}.w-px{width:1px}.w-screen{width:100vw}.\!max-w-\[calc\(90vw-2rem\)\]{max-width:calc(90vw - 2rem)!important}.\!max-w-none{max-width:none!important}.max-w-2xl{max-width:var(--container-2xl)}.max-w-3xl{max-width:var(--container-3xl)}.max-w-3xs{max-width:var(--container-3xs)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-5xl{max-width:var(--container-5xl)}.max-w-6xl{max-width:var(--container-6xl)}.max-w-7xl{max-width:var(--container-7xl)}.max-w-80{max-width:calc(var(--spacing)*80)}.max-w-\[90vw\]{max-width:90vw}.max-w-\[92vw\]{max-width:92vw}.max-w-\[100vw\]{max-width:100vw}.max-w-\[120px\]{max-width:120px}.max-w-\[160px\]{max-width:160px}.max-w-\[170px\]{max-width:170px}.max-w-\[180px\]{max-width:180px}.max-w-\[184px\]{max-width:184px}.max-w-\[195px\]{max-width:195px}.max-w-\[200px\]{max-width:200px}.max-w-\[201px\]{max-width:201px}.max-w-\[220px\]{max-width:220px}.max-w-\[240px\]{max-width:240px}.max-w-\[250px\]{max-width:250px}.max-w-\[260px\]{max-width:260px}.max-w-\[280px\]{max-width:280px}.max-w-\[300px\]{max-width:300px}.max-w-\[320px\]{max-width:320px}.max-w-\[340px\]{max-width:340px}.max-w-\[360px\]{max-width:360px}.max-w-\[362px\]{max-width:362px}.max-w-\[373px\]{max-width:373px}.max-w-\[400px\]{max-width:400px}.max-w-\[420px\]{max-width:420px}.max-w-\[460px\]{max-width:460px}.max-w-\[480px\]{max-width:480px}.max-w-\[576px\]{max-width:576px}.max-w-\[640px\]{max-width:640px}.max-w-\[680px\]{max-width:680px}.max-w-\[720px\]{max-width:720px}.max-w-\[768px\]{max-width:768px}.max-w-\[780px\]{max-width:780px}.max-w-\[960px\]{max-width:960px}.max-w-\[980px\]{max-width:980px}.max-w-\[1116px\]{max-width:1116px}.max-w-\[1280px\]{max-width:1280px}.max-w-\[1440px\]{max-width:1440px}.max-w-\[1680px\]{max-width:1680px}.max-w-\[calc\(22ch\+32px\)\]{max-width:calc(22ch + 32px)}.max-w-\[calc\(100\%-1\.5rem\)\]{max-width:calc(100% - 1.5rem)}.max-w-\[calc\(100\%-2rem\)\]{max-width:calc(100% - 2rem)}.max-w-\[calc\(100vw-2rem\)\]{max-width:calc(100vw - 2rem)}.max-w-\[calc\(100vw-32px\)\]\!{max-width:calc(100vw - 32px)!important}.max-w-full{max-width:100%}.max-w-md{max-width:var(--container-md)}.max-w-none{max-width:none}.max-w-xl{max-width:var(--container-xl)}.max-w-xs{max-width:var(--container-xs)}.min-w-\(--cell-size\){min-width:var(--cell-size)}.min-w-0{min-width:calc(var(--spacing)*0)}.min-w-4{min-width:calc(var(--spacing)*4)}.min-w-5{min-width:calc(var(--spacing)*5)}.min-w-6{min-width:calc(var(--spacing)*6)}.min-w-7{min-width:calc(var(--spacing)*7)}.min-w-8{min-width:calc(var(--spacing)*8)}.min-w-9{min-width:calc(var(--spacing)*9)}.min-w-10{min-width:calc(var(--spacing)*10)}.min-w-24{min-width:calc(var(--spacing)*24)}.min-w-28{min-width:calc(var(--spacing)*28)}.min-w-\[8rem\]{min-width:8rem}.min-w-\[16px\]{min-width:16px}.min-w-\[36px\]{min-width:36px}.min-w-\[40px\]{min-width:40px}.min-w-\[50px\]{min-width:50px}.min-w-\[80px\]{min-width:80px}.min-w-\[100px\]{min-width:100px}.min-w-\[120px\]{min-width:120px}.min-w-\[140px\]{min-width:140px}.min-w-\[160px\]{min-width:160px}.min-w-\[170px\]{min-width:170px}.min-w-\[180px\]{min-width:180px}.min-w-\[196px\]{min-width:196px}.min-w-\[200px\]{min-width:200px}.min-w-\[240px\]{min-width:240px}.min-w-\[260px\]{min-width:260px}.min-w-\[300px\]{min-width:300px}.min-w-\[360px\]{min-width:360px}.min-w-\[361px\]{min-width:361px}.min-w-\[412px\]{min-width:412px}.min-w-\[600px\]{min-width:600px}.min-w-\[var\(--radix-select-trigger-width\)\]{min-width:var(--radix-select-trigger-width)}.min-w-full{min-width:100%}.min-w-px{min-width:1px}.\!flex-1{flex:1!important}.flex-1{flex:1}.\!shrink-0{flex-shrink:0!important}.flex-shrink-0{flex-shrink:0}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.grow-0{flex-grow:0}.basis-full{flex-basis:100%}.table-auto{table-layout:auto}.caption-bottom{caption-side:bottom}.border-collapse{border-collapse:collapse}.origin-\(--radix-context-menu-content-transform-origin\){transform-origin:var(--radix-context-menu-content-transform-origin)}.origin-\(--radix-dropdown-menu-content-transform-origin\){transform-origin:var(--radix-dropdown-menu-content-transform-origin)}.origin-\(--radix-hover-card-content-transform-origin\){transform-origin:var(--radix-hover-card-content-transform-origin)}.origin-\(--radix-popover-content-transform-origin\){transform-origin:var(--radix-popover-content-transform-origin)}.origin-\(--radix-select-content-transform-origin\){transform-origin:var(--radix-select-content-transform-origin)}.origin-\(--radix-tooltip-content-transform-origin\){transform-origin:var(--radix-tooltip-content-transform-origin)}.origin-center{transform-origin:50%}.origin-right{transform-origin:100%}.origin-top-left{transform-origin:0 0}.-translate-x-1\/2{--tw-translate-x:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-0{--tw-translate-x:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-\[-50\%\]{--tw-translate-x:-50%;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-\[-200\%\]{--tw-translate-x:-200%;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-full{--tw-translate-x:100%;translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-5{--tw-translate-y:calc(var(--spacing)*-5);translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-0{--tw-translate-y:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-1\/2{--tw-translate-y:calc(1/2*100%);translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-1\/3{--tw-translate-y:calc(1/3*100%);translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-4{--tw-translate-y:calc(var(--spacing)*4);translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-\[-50\%\]{--tw-translate-y:-50%;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-\[calc\(-50\%_-_2px\)\]{--tw-translate-y:calc(-50% - 2px);translate:var(--tw-translate-x)var(--tw-translate-y)}.scale-50{--tw-scale-x:50%;--tw-scale-y:50%;--tw-scale-z:50%;scale:var(--tw-scale-x)var(--tw-scale-y)}.scale-75{--tw-scale-x:75%;--tw-scale-y:75%;--tw-scale-z:75%;scale:var(--tw-scale-x)var(--tw-scale-y)}.scale-100{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y)}.scale-105{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x)var(--tw-scale-y)}.scale-\[1\.03\]{scale:1.03}.-rotate-12{rotate:-12deg}.-rotate-30{rotate:-30deg}.-rotate-45{rotate:-45deg}.-rotate-90{rotate:-90deg}.rotate-0{rotate:none}.rotate-12{rotate:12deg}.rotate-45{rotate:45deg}.rotate-90{rotate:90deg}.rotate-180{rotate:180deg}.rotate-\[-90deg\]{rotate:-90deg}.rotate-\[3\.74deg\]{rotate:3.74deg}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.animate-bounce{animation:var(--animate-bounce)}.animate-in{animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.animate-loading-icon{animation:1.2s ease-in-out infinite loading-icon-rotate}.animate-ping{animation:var(--animate-ping)}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.cursor-col-resize{cursor:col-resize}.cursor-crosshair{cursor:crosshair}.cursor-default{cursor:default}.cursor-grab{cursor:grab}.cursor-help{cursor:help}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.cursor-text{cursor:text}.touch-none{touch-action:none}.resize{resize:both}.resize-none{resize:none}.snap-x{scroll-snap-type:x var(--tw-scroll-snap-strictness)}.snap-mandatory{--tw-scroll-snap-strictness:mandatory}.snap-start{scroll-snap-align:start}.scroll-my-1{scroll-margin-block:calc(var(--spacing)*1)}.list-inside{list-style-position:inside}.list-outside{list-style-position:outside}.list-\[lower-alpha\]{list-style-type:lower-alpha}.list-decimal{list-style-type:decimal}.list-disc{list-style-type:disc}.\[appearance\:textfield\]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.\!flex-col{flex-direction:column!important}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-row{flex-direction:row}.flex-nowrap{flex-wrap:nowrap}.flex-wrap{flex-wrap:wrap}.content-start{align-content:flex-start}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.justify-stretch{justify-content:stretch}.gap-0{gap:calc(var(--spacing)*0)}.gap-0\.5{gap:calc(var(--spacing)*.5)}.gap-1{gap:calc(var(--spacing)*1)}.gap-1\.5{gap:calc(var(--spacing)*1.5)}.gap-2{gap:calc(var(--spacing)*2)}.gap-2\.5{gap:calc(var(--spacing)*2.5)}.gap-3{gap:calc(var(--spacing)*3)}.gap-3\.5{gap:calc(var(--spacing)*3.5)}.gap-4{gap:calc(var(--spacing)*4)}.gap-5{gap:calc(var(--spacing)*5)}.gap-6{gap:calc(var(--spacing)*6)}.gap-7{gap:calc(var(--spacing)*7)}.gap-8{gap:calc(var(--spacing)*8)}.gap-10{gap:calc(var(--spacing)*10)}.gap-12{gap:calc(var(--spacing)*12)}.gap-16{gap:calc(var(--spacing)*16)}.gap-\[2px\]{gap:2px}.gap-\[4px\]{gap:4px}.gap-\[6px\]{gap:6px}.gap-\[10px\]{gap:10px}.gap-\[15px\]{gap:15px}.gap-\[60px\]{gap:60px}:where(.space-y-0>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*0)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*0)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-0\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*.5)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*.5)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*1)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*1)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-1\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*1.5)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*1.5)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*2)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*2.5)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*2.5)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*3)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*4)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*5)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*5)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*6)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*6)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-8>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*8)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*8)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-10>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*10)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*10)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-12>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*12)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*12)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-16>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*16)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*16)*calc(1 - var(--tw-space-y-reverse)))}.gap-x-2{-moz-column-gap:calc(var(--spacing)*2);column-gap:calc(var(--spacing)*2)}.gap-x-6{-moz-column-gap:calc(var(--spacing)*6);column-gap:calc(var(--spacing)*6)}.gap-x-16{-moz-column-gap:calc(var(--spacing)*16);column-gap:calc(var(--spacing)*16)}:where(.-space-x-px>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(-1px*var(--tw-space-x-reverse));margin-inline-end:calc(-1px*calc(1 - var(--tw-space-x-reverse)))}:where(.space-x-2>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*2)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-x-reverse)))}:where(.space-x-3>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*3)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-x-reverse)))}:where(.space-x-4>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*4)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-x-reverse)))}.gap-y-1{row-gap:calc(var(--spacing)*1)}.gap-y-5{row-gap:calc(var(--spacing)*5)}.gap-y-8{row-gap:calc(var(--spacing)*8)}.gap-y-12{row-gap:calc(var(--spacing)*12)}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px*var(--tw-divide-y-reverse));border-bottom-width:calc(1px*calc(1 - var(--tw-divide-y-reverse)))}:where(.divide-zinc-800>:not(:last-child)){border-color:var(--color-zinc-800)}.self-center{align-self:center}.self-stretch{align-self:stretch}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-clip{overflow:clip}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-visible\!{overflow:visible!important}.overflow-x-auto{overflow-x:auto}.overflow-x-clip{overflow-x:clip}.overflow-x-hidden{overflow-x:hidden}.\!overflow-y-auto{overflow-y:auto!important}.overflow-y-auto{overflow-y:auto}.overflow-y-hidden{overflow-y:hidden}.overflow-y-visible{overflow-y:visible}.overscroll-x-contain{overscroll-behavior-x:contain}.scroll-smooth{scroll-behavior:smooth}.\!rounded-2xl{border-radius:var(--radius-2xl)!important}.\!rounded-lg{border-radius:var(--radius)!important}.\!rounded-none{border-radius:0!important}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-\[1px\]{border-radius:1px}.rounded-\[2px\]{border-radius:2px}.rounded-\[3px\]{border-radius:3px}.rounded-\[4\.667px\]{border-radius:4.667px}.rounded-\[4px\]{border-radius:4px}.rounded-\[5px\]{border-radius:5px}.rounded-\[6\.4px\]{border-radius:6.4px}.rounded-\[6px\]{border-radius:6px}.rounded-\[7\.676px\]{border-radius:7.676px}.rounded-\[7px\]{border-radius:7px}.rounded-\[8px\]{border-radius:8px}.rounded-\[9px\]{border-radius:9px}.rounded-\[10\.695px\]{border-radius:10.695px}.rounded-\[10px\]{border-radius:10px}.rounded-\[11px\]{border-radius:11px}.rounded-\[12px\]{border-radius:12px}.rounded-\[14px\]{border-radius:14px}.rounded-\[16px\]{border-radius:16px}.rounded-\[20px\]{border-radius:20px}.rounded-\[24px\]{border-radius:24px}.rounded-\[26px\]{border-radius:26px}.rounded-\[32px\]{border-radius:32px}.rounded-\[99px\]{border-radius:99px}.rounded-\[999px\]{border-radius:999px}.rounded-\[calc\(var\(--radius\)-5px\)\]{border-radius:calc(var(--radius) - 5px)}.rounded-\[inherit\]{border-radius:inherit}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius)}.rounded-md{border-radius:calc(var(--radius) - 2px)}.rounded-none{border-radius:0}.rounded-sm{border-radius:calc(var(--radius) - 4px)}.rounded-xl{border-radius:calc(var(--radius) + 4px)}.rounded-xs{border-radius:var(--radius-xs)}.rounded-l-2xl{border-top-left-radius:var(--radius-2xl);border-bottom-left-radius:var(--radius-2xl)}.rounded-l-\[8px\]{border-top-left-radius:8px;border-bottom-left-radius:8px}.rounded-l-full{border-top-left-radius:3.40282e38px;border-bottom-left-radius:3.40282e38px}.rounded-l-lg{border-top-left-radius:var(--radius);border-bottom-left-radius:var(--radius)}.rounded-l-md{border-top-left-radius:calc(var(--radius) - 2px);border-bottom-left-radius:calc(var(--radius) - 2px)}.rounded-l-none{border-top-left-radius:0;border-bottom-left-radius:0}.rounded-r-\[8px\]{border-top-right-radius:8px;border-bottom-right-radius:8px}.rounded-r-md{border-top-right-radius:calc(var(--radius) - 2px);border-bottom-right-radius:calc(var(--radius) - 2px)}.rounded-r-none{border-top-right-radius:0;border-bottom-right-radius:0}.rounded-tr-full{border-top-right-radius:3.40282e38px}.rounded-tr-md{border-top-right-radius:calc(var(--radius) - 2px)}.rounded-b{border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}.rounded-b-2xl{border-bottom-right-radius:var(--radius-2xl);border-bottom-left-radius:var(--radius-2xl)}.rounded-b-xl{border-bottom-right-radius:calc(var(--radius) + 4px);border-bottom-left-radius:calc(var(--radius) + 4px)}.rounded-bl-full{border-bottom-left-radius:3.40282e38px}.rounded-bl-lg{border-bottom-left-radius:var(--radius)}.\!border{border-style:var(--tw-border-style)!important;border-width:1px!important}.\!border-0{border-style:var(--tw-border-style)!important;border-width:0!important}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-1{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-3{border-style:var(--tw-border-style);border-width:3px}.border-\[0\.5px\]{border-style:var(--tw-border-style);border-width:.5px}.border-\[0\.764px\]{border-style:var(--tw-border-style);border-width:.764px}.border-\[1\.5px\]{border-style:var(--tw-border-style);border-width:1.5px}.border-\[1\.8px\]{border-style:var(--tw-border-style);border-width:1.8px}.border-\[1\.35px\]{border-style:var(--tw-border-style);border-width:1.35px}.border-\[1\.279px\]{border-style:var(--tw-border-style);border-width:1.279px}.border-\[3px\]{border-style:var(--tw-border-style);border-width:3px}.border-t,.border-t-1{border-top-style:var(--tw-border-style);border-top-width:1px}.border-t-2{border-top-style:var(--tw-border-style);border-top-width:2px}.border-t-4{border-top-style:var(--tw-border-style);border-top-width:4px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-r-2{border-right-style:var(--tw-border-style);border-right-width:2px}.border-r-4{border-right-style:var(--tw-border-style);border-right-width:4px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-b-4{border-bottom-style:var(--tw-border-style);border-bottom-width:4px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-l-2{border-left-style:var(--tw-border-style);border-left-width:2px}.border-l-4{border-left-style:var(--tw-border-style);border-left-width:4px}.\!border-none{--tw-border-style:none!important;border-style:none!important}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-none{--tw-border-style:none;border-style:none}.border-solid{--tw-border-style:solid;border-style:solid}.\!border-\[\#1F1F1F\]{border-color:#1f1f1f!important}.\!border-\[\#3f3f464d\]{border-color:#3f3f464d!important}.\!border-white\/10{border-color:#ffffff1a!important}@supports (color:color-mix(in lab, red, red)){.\!border-white\/10{border-color:color-mix(in oklab,var(--color-white)10%,transparent)!important}}.border-\[\#1F1F1F\]{border-color:#1f1f1f}.border-\[\#2A2A2A\]{border-color:#2a2a2a}.border-\[\#3F3F46\]{border-color:#3f3f46}.border-\[\#3F3F46\]\/30{border-color:oklab(37.0323% .00323568 -.0114308/.3)}.border-\[\#3f3f464d\]{border-color:#3f3f464d}.border-\[\#3f3f4699\]{border-color:#3f3f4699}.border-\[\#716afd\]\/12{border-color:oklab(61.0882% .0375743 -.208476/.12)}.border-\[\#79747e\]{border-color:#79747e}.border-\[\#171717\]{border-color:#171717}.border-\[\#171717\]\/20{border-color:oklab(20.4627% -3.72529e-8 1.49012e-8/.2)}.border-\[\#323232\]{border-color:#323232}.border-\[\#CAFF5B\]{border-color:#caff5b}.border-\[\#CAFF5B\]\/30{border-color:oklab(93.3093% -.113705 .159969/.3)}.border-\[\#CAFF5B\]\/50{border-color:oklab(93.3093% -.113705 .159969/.5)}.border-\[\#CAFF5B\]\/60{border-color:oklab(93.3093% -.113705 .159969/.6)}.border-\[\#D4D4D8\]{border-color:#d4d4d8}.border-\[\#E4E4E7\]{border-color:#e4e4e7}.border-\[\#E4E4E7\]\/40{border-color:oklab(91.9729% .00113273 -.00386906/.4)}.border-\[\#E4E4E766\]{border-color:#e4e4e766}.border-\[\#E5E5E5\]{border-color:#e5e5e5}.border-\[\#E5E5E7\]{border-color:#e5e5e7}.border-\[\#F1F1F2\]{border-color:#f1f1f2}.border-\[\#d4d4d4\]{border-color:#d4d4d4}.border-\[\#e4e4e7\]{border-color:#e4e4e7}.border-\[\#e5e5e5\]{border-color:#e5e5e5}.border-\[\#f1eee8\]{border-color:#f1eee8}.border-\[\#fff\]{border-color:#fff}.border-\[rgba\(31\,31\,31\,1\)\]{border-color:#1f1f1f}.border-\[rgba\(44\,77\,3\,0\.10\)\]{border-color:#2c4d031a}.border-\[rgba\(63\,63\,70\,0\.3\)\]{border-color:#3f3f464d}.border-\[rgba\(63\,63\,70\,0\.6\)\]{border-color:#3f3f4699}.border-\[rgba\(163\,163\,163\,0\.1\)\]{border-color:#a3a3a31a}.border-\[rgba\(228\,228\,231\,0\.4\)\]{border-color:#e4e4e766}.border-\[rgba\(228\,228\,231\,0\.5\)\]{border-color:#e4e4e780}.border-\[rgba\(248\,113\,113\,0\.08\)\]{border-color:#f8717114}.border-\[rgba\(255\,255\,255\,0\.1\)\]{border-color:#ffffff1a}.border-\[var\(--border\)\]{border-color:var(--border)}.border-\[var\(--input\)\]{border-color:var(--input)}.border-\[var\(--markdown-hr-color\)\]{border-color:var(--markdown-hr-color)}.border-\[var\(--markdown-table-border-color\)\]{border-color:var(--markdown-table-border-color)}.border-amber-500\/30{border-color:#f99c004d}@supports (color:color-mix(in lab, red, red)){.border-amber-500\/30{border-color:color-mix(in oklab,var(--color-amber-500)30%,transparent)}}.border-black{border-color:var(--color-black)}.border-blue-400{border-color:var(--color-blue-400)}.border-blue-500{border-color:var(--color-blue-500)}.border-blue-500\/20{border-color:#3080ff33}@supports (color:color-mix(in lab, red, red)){.border-blue-500\/20{border-color:color-mix(in oklab,var(--color-blue-500)20%,transparent)}}.border-blue-500\/30{border-color:#3080ff4d}@supports (color:color-mix(in lab, red, red)){.border-blue-500\/30{border-color:color-mix(in oklab,var(--color-blue-500)30%,transparent)}}.border-blue-600{border-color:var(--color-blue-600)}.border-border,.border-border\/40{border-color:var(--border)}@supports (color:color-mix(in lab, red, red)){.border-border\/40{border-color:color-mix(in oklab,var(--border)40%,transparent)}}.border-border\/50{border-color:var(--border)}@supports (color:color-mix(in lab, red, red)){.border-border\/50{border-color:color-mix(in oklab,var(--border)50%,transparent)}}.border-border\/60{border-color:var(--border)}@supports (color:color-mix(in lab, red, red)){.border-border\/60{border-color:color-mix(in oklab,var(--border)60%,transparent)}}.border-destructive,.border-destructive\/20{border-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.border-destructive\/20{border-color:color-mix(in oklab,var(--destructive)20%,transparent)}}.border-fill\/10{border-color:var(--fill)}@supports (color:color-mix(in lab, red, red)){.border-fill\/10{border-color:color-mix(in oklab,var(--fill)10%,transparent)}}.border-fill\/20{border-color:var(--fill)}@supports (color:color-mix(in lab, red, red)){.border-fill\/20{border-color:color-mix(in oklab,var(--fill)20%,transparent)}}.border-fill\/30{border-color:var(--fill)}@supports (color:color-mix(in lab, red, red)){.border-fill\/30{border-color:color-mix(in oklab,var(--fill)30%,transparent)}}.border-fill\/60{border-color:var(--fill)}@supports (color:color-mix(in lab, red, red)){.border-fill\/60{border-color:color-mix(in oklab,var(--fill)60%,transparent)}}.border-foreground{border-color:var(--foreground)}.border-gray-100{border-color:var(--color-gray-100)}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-300{border-color:var(--color-gray-300)}.border-gray-400{border-color:var(--color-gray-400)}.border-gray-500{border-color:var(--color-gray-500)}.border-input{border-color:var(--input)}.border-lime-500{border-color:var(--color-lime-500)}.border-muted-foreground{border-color:var(--muted-foreground)}.border-neutral-100\/50{border-color:#f5f5f580}@supports (color:color-mix(in lab, red, red)){.border-neutral-100\/50{border-color:color-mix(in oklab,var(--color-neutral-100)50%,transparent)}}.border-neutral-200{border-color:var(--color-neutral-200)}.border-neutral-300{border-color:var(--color-neutral-300)}.border-neutral-300\/50{border-color:#d4d4d480}@supports (color:color-mix(in lab, red, red)){.border-neutral-300\/50{border-color:color-mix(in oklab,var(--color-neutral-300)50%,transparent)}}.border-primary,.border-primary\/20{border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.border-primary\/20{border-color:color-mix(in oklab,var(--primary)20%,transparent)}}.border-primary\/50{border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.border-primary\/50{border-color:color-mix(in oklab,var(--primary)50%,transparent)}}.border-purple-500{border-color:var(--color-purple-500)}.border-purple-500\/30{border-color:#ac4bff4d}@supports (color:color-mix(in lab, red, red)){.border-purple-500\/30{border-color:color-mix(in oklab,var(--color-purple-500)30%,transparent)}}.border-purple-600{border-color:var(--color-purple-600)}.border-red-200{border-color:var(--color-red-200)}.border-red-400{border-color:var(--color-red-400)}.border-ring{border-color:var(--ring)}.border-transparent{border-color:#0000}.border-white{border-color:var(--color-white)}.border-white\/10{border-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.border-white\/10{border-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.border-white\/15{border-color:#ffffff26}@supports (color:color-mix(in lab, red, red)){.border-white\/15{border-color:color-mix(in oklab,var(--color-white)15%,transparent)}}.border-white\/20{border-color:#fff3}@supports (color:color-mix(in lab, red, red)){.border-white\/20{border-color:color-mix(in oklab,var(--color-white)20%,transparent)}}.border-white\/30{border-color:#ffffff4d}@supports (color:color-mix(in lab, red, red)){.border-white\/30{border-color:color-mix(in oklab,var(--color-white)30%,transparent)}}.border-white\/\[0\.08\]{border-color:#ffffff14}@supports (color:color-mix(in lab, red, red)){.border-white\/\[0\.08\]{border-color:color-mix(in oklab,var(--color-white)8%,transparent)}}.border-yellow-600{border-color:var(--color-yellow-600)}.border-zinc-200{border-color:var(--color-zinc-200)}.border-zinc-200\/40{border-color:#e4e4e766}@supports (color:color-mix(in lab, red, red)){.border-zinc-200\/40{border-color:color-mix(in oklab,var(--color-zinc-200)40%,transparent)}}.border-zinc-200\/60{border-color:#e4e4e799}@supports (color:color-mix(in lab, red, red)){.border-zinc-200\/60{border-color:color-mix(in oklab,var(--color-zinc-200)60%,transparent)}}.border-zinc-300{border-color:var(--color-zinc-300)}.border-zinc-600{border-color:var(--color-zinc-600)}.border-zinc-700\/30{border-color:#3f3f464d}@supports (color:color-mix(in lab, red, red)){.border-zinc-700\/30{border-color:color-mix(in oklab,var(--color-zinc-700)30%,transparent)}}.border-zinc-700\/60{border-color:#3f3f4699}@supports (color:color-mix(in lab, red, red)){.border-zinc-700\/60{border-color:color-mix(in oklab,var(--color-zinc-700)60%,transparent)}}.border-zinc-700\/80{border-color:#3f3f46cc}@supports (color:color-mix(in lab, red, red)){.border-zinc-700\/80{border-color:color-mix(in oklab,var(--color-zinc-700)80%,transparent)}}.border-zinc-800{border-color:var(--color-zinc-800)}.border-t-\[\#8D8D8D\]{border-top-color:#8d8d8d}.border-t-gray-500{border-top-color:var(--color-gray-500)}.border-t-gray-600{border-top-color:var(--color-gray-600)}.border-t-gray-900{border-top-color:var(--color-gray-900)}.border-t-transparent{border-top-color:#0000}.border-t-white{border-top-color:var(--color-white)}.border-r-gray-900{border-right-color:var(--color-gray-900)}.border-r-transparent{border-right-color:#0000}.border-b-gray-900{border-bottom-color:var(--color-gray-900)}.border-b-transparent{border-bottom-color:#0000}.border-l-\[rgba\(166\,172\,170\,0\.9\)\]{border-left-color:#a6acaae6}.border-l-gray-900{border-left-color:var(--color-gray-900)}.border-l-transparent{border-left-color:#0000}.\!bg-\[\#18181B\]{background-color:#18181b!important}.\!bg-\[\#171717\]{background-color:#171717!important}.\!bg-\[\#F4F4F5\]{background-color:#f4f4f5!important}.\!bg-bg-modal{background-color:var(--bg-modal)!important}.\!bg-transparent{background-color:#0000!important}.\!bg-white\/5{background-color:#ffffff0d!important}@supports (color:color-mix(in lab, red, red)){.\!bg-white\/5{background-color:color-mix(in oklab,var(--color-white)5%,transparent)!important}}.bg-\[\#0A0A0A\]{background-color:#0a0a0a}.bg-\[\#1F1F1F\]{background-color:#1f1f1f}.bg-\[\#1a1a1a\]{background-color:#1a1a1a}.bg-\[\#2b7fff\]{background-color:#2b7fff}.bg-\[\#2c4d03\]{background-color:#2c4d03}.bg-\[\#3F3F46\]\/30{background-color:oklab(37.0323% .00323568 -.0114308/.3)}.bg-\[\#3f3f46bf\]{background-color:#3f3f46bf}.bg-\[\#3f3f464d\]{background-color:#3f3f464d}.bg-\[\#3f3f4633\]{background-color:#3f3f4633}.bg-\[\#5bb899\]{background-color:#5bb899}.bg-\[\#22C55E\]{background-color:#22c55e}.bg-\[\#93c5fd\]{background-color:#93c5fd}.bg-\[\#94A3B8\]\/20{background-color:oklab(71.0672% -.00802556 -.0341849/.2)}.bg-\[\#333\]{background-color:#333}.bg-\[\#716AFD\]\/20{background-color:oklab(61.0882% .0375743 -.208476/.2)}.bg-\[\#716afd\]\/10{background-color:oklab(61.0882% .0375743 -.208476/.1)}.bg-\[\#09090B\]{background-color:#09090b}.bg-\[\#09090B\]\/50{background-color:oklab(14.0765% .00119585 -.00421971/.5)}.bg-\[\#09090b\]{background-color:#09090b}.bg-\[\#18181B\]{background-color:#18181b}.bg-\[\#18181B\]\/90{background-color:oklab(21.0331% .00160407 -.0056366/.9)}.bg-\[\#27272A\]{background-color:#27272a}.bg-\[\#52525b\]{background-color:#52525b}.bg-\[\#171717\]{background-color:#171717}.bg-\[\#202020\]{background-color:#202020}.bg-\[\#232620\]{background-color:#232620}.bg-\[\#262626\]{background-color:#262626}.bg-\[\#727272\]{background-color:#727272}.bg-\[\#B8E65A\]{background-color:#b8e65a}.bg-\[\#C5F36F\]{background-color:#c5f36f}.bg-\[\#C8E550\]{background-color:#c8e550}.bg-\[\#CAFF5B\]\/10{background-color:oklab(93.3093% -.113705 .159969/.1)}.bg-\[\#CAFF5B\]\/20{background-color:oklab(93.3093% -.113705 .159969/.2)}.bg-\[\#E5E5E5\]{background-color:#e5e5e5}.bg-\[\#E5E7EB\]{background-color:#e5e7eb}.bg-\[\#EAEAEA\]{background-color:#eaeaea}.bg-\[\#F0F0F0\]{background-color:#f0f0f0}.bg-\[\#F0F7E5\]{background-color:#f0f7e5}.bg-\[\#F1F1F2\]{background-color:#f1f1f2}.bg-\[\#F3F3F3\]{background-color:#f3f3f3}.bg-\[\#F4F4F5\]{background-color:#f4f4f5}.bg-\[\#F5F5F5\]{background-color:#f5f5f5}.bg-\[\#F8F8F8\]{background-color:#f8f8f8}.bg-\[\#F9F9F9\]{background-color:#f9f9f9}.bg-\[\#FAD5F1\]{background-color:#fad5f1}.bg-\[\#FAFAFA\]{background-color:#fafafa}.bg-\[\#FBF9F6\]{background-color:#fbf9f6}.bg-\[\#b0b0b0\]{background-color:#b0b0b0}.bg-\[\#d5faf4\]{background-color:#d5faf4}.bg-\[\#d9d9d9\]{background-color:#d9d9d9}.bg-\[\#dcfce7\]{background-color:#dcfce7}.bg-\[\#dde1ff\]{background-color:#dde1ff}.bg-\[\#e4e4e7\]{background-color:#e4e4e7}.bg-\[\#e5e5e5\]{background-color:#e5e5e5}.bg-\[\#e879f9\]{background-color:#e879f9}.bg-\[\#ebebef\]{background-color:#ebebef}.bg-\[\#ed94fa\]{background-color:#ed94fa}.bg-\[\#f2f4f8\]{background-color:#f2f4f8}.bg-\[\#f3f1ee\]{background-color:#f3f1ee}.bg-\[\#f3f2f2\]{background-color:#f3f2f2}.bg-\[\#f3f3f3\]{background-color:#f3f3f3}.bg-\[\#f4f4f5\]{background-color:#f4f4f5}.bg-\[\#f5f5f5\]{background-color:#f5f5f5}.bg-\[\#f5f5f7\]{background-color:#f5f5f7}.bg-\[\#f5f5f7\]\/90{background-color:oklab(97.0714% .00074631 -.00254327/.9)}.bg-\[\#f6a889\]{background-color:#f6a889}.bg-\[\#f8f8f8\]{background-color:#f8f8f8}.bg-\[\#f9f9f9\]{background-color:#f9f9f9}.bg-\[\#f9fbff\]{background-color:#f9fbff}.bg-\[\#fafafa\]{background-color:#fafafa}.bg-\[\#fbfbf8\]{background-color:#fbfbf8}.bg-\[\#fef3c7\]{background-color:#fef3c7}.bg-\[\#fef9c3\]{background-color:#fef9c3}.bg-\[\#ffdd9a\]{background-color:#ffdd9a}.bg-\[rgba\(0\,0\,0\,0\.7\)\]{background-color:#000000b3}.bg-\[rgba\(0\,0\,0\,0\.85\)\]{background-color:#000000d9}.bg-\[rgba\(10\,10\,10\,0\.8\)\]{background-color:#0a0a0acc}.bg-\[rgba\(17\,17\,17\,0\.9\)\]{background-color:#111111e6}.bg-\[rgba\(35\,35\,35\,0\.7\)\]{background-color:#232323b3}.bg-\[rgba\(59\,130\,246\,0\.32\)\]{background-color:#3b82f652}.bg-\[rgba\(63\,63\,70\,0\.2\)\]{background-color:#3f3f4633}.bg-\[rgba\(63\,63\,70\,0\.3\)\]{background-color:#3f3f464d}.bg-\[rgba\(63\,63\,70\,0\.6\)\]{background-color:#3f3f4699}.bg-\[rgba\(63\,63\,70\,0\.20\)\]{background-color:#3f3f4633}.bg-\[rgba\(63\,63\,70\,0\.48\)\]{background-color:#3f3f467a}.bg-\[rgba\(63\,63\,70\,0\.75\)\]{background-color:#3f3f46bf}.bg-\[rgba\(66\,76\,44\,0\.2\)\]{background-color:#424c2c33}.bg-\[rgba\(96\,165\,250\,0\.2\)\]{background-color:#60a5fa33}.bg-\[rgba\(163\,163\,163\,0\.2\)\]{background-color:#a3a3a333}.bg-\[rgba\(163\,163\,163\,0\.7\)\]{background-color:#a3a3a3b3}.bg-\[rgba\(163\,163\,163\,0\.15\)\]{background-color:#a3a3a326}.bg-\[rgba\(167\,139\,250\,0\.16\)\]{background-color:#a78bfa29}.bg-\[rgba\(167\,139\,250\,0\.22\)\]{background-color:#a78bfa38}.bg-\[rgba\(223\,225\,241\,0\.70\)\]{background-color:#dfe1f1b3}.bg-\[rgba\(228\,228\,231\,0\.1\)\]{background-color:#e4e4e71a}.bg-\[rgba\(232\,232\,236\,0\.5\)\]{background-color:#e8e8ec80}.bg-\[rgba\(239\,68\,68\,0\.3\)\]{background-color:#ef44444d}.bg-\[rgba\(239\,68\,68\,0\.5\)\]{background-color:#ef444480}.bg-\[rgba\(240\,242\,245\,0\.8\)\]{background-color:#f0f2f5cc}.bg-\[rgba\(242\,242\,248\,0\.9\)\]{background-color:#f2f2f8e6}.bg-\[rgba\(248\,113\,113\,0\.14\)\]{background-color:#f8717124}.bg-\[rgba\(250\,250\,250\,0\.1\)\]{background-color:#fafafa1a}.bg-\[rgba\(250\,250\,250\,0\.9\)\]{background-color:#fafafae6}.bg-\[rgba\(250\,250\,250\,0\.25\)\]{background-color:#fafafa40}.bg-\[rgba\(255\,255\,255\,0\.01\)\]{background-color:#ffffff03}.bg-\[rgba\(255\,255\,255\,0\.05\)\]{background-color:#ffffff0d}.bg-\[rgba\(255\,255\,255\,0\.9\)\],.bg-\[rgba\(255\,255\,255\,0\.90\)\]{background-color:#ffffffe6}.bg-\[rgba\(255\,255\,255\,0\.95\)\]{background-color:#fffffff2}.bg-\[rgba\(255\,255\,255\,1\)\]{background-color:#fff}.bg-\[var\(--markdown-inline-code-background\)\]{background-color:var(--markdown-inline-code-background)}.bg-\[var\(--markdown-table-header-background\)\]{background-color:var(--markdown-table-header-background)}.bg-\[var\(--sidebar\)\]{background-color:var(--sidebar)}.bg-accent,.bg-accent\/30{background-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.bg-accent\/30{background-color:color-mix(in oklab,var(--accent)30%,transparent)}}.bg-accent\/50{background-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.bg-accent\/50{background-color:color-mix(in oklab,var(--accent)50%,transparent)}}.bg-accent\/70{background-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.bg-accent\/70{background-color:color-mix(in oklab,var(--accent)70%,transparent)}}.bg-amber-200{background-color:var(--color-amber-200)}.bg-amber-500{background-color:var(--color-amber-500)}.bg-background,.bg-background\/20{background-color:var(--background)}@supports (color:color-mix(in lab, red, red)){.bg-background\/20{background-color:color-mix(in oklab,var(--background)20%,transparent)}}.bg-background\/30{background-color:var(--background)}@supports (color:color-mix(in lab, red, red)){.bg-background\/30{background-color:color-mix(in oklab,var(--background)30%,transparent)}}.bg-background\/40{background-color:var(--background)}@supports (color:color-mix(in lab, red, red)){.bg-background\/40{background-color:color-mix(in oklab,var(--background)40%,transparent)}}.bg-background\/50{background-color:var(--background)}@supports (color:color-mix(in lab, red, red)){.bg-background\/50{background-color:color-mix(in oklab,var(--background)50%,transparent)}}.bg-background\/60{background-color:var(--background)}@supports (color:color-mix(in lab, red, red)){.bg-background\/60{background-color:color-mix(in oklab,var(--background)60%,transparent)}}.bg-background\/90{background-color:var(--background)}@supports (color:color-mix(in lab, red, red)){.bg-background\/90{background-color:color-mix(in oklab,var(--background)90%,transparent)}}.bg-background\/95{background-color:var(--background)}@supports (color:color-mix(in lab, red, red)){.bg-background\/95{background-color:color-mix(in oklab,var(--background)95%,transparent)}}.bg-bg-modal{background-color:var(--bg-modal)}.bg-black{background-color:var(--color-black)}.bg-black\/0{background-color:#0000}@supports (color:color-mix(in lab, red, red)){.bg-black\/0{background-color:color-mix(in oklab,var(--color-black)0%,transparent)}}.bg-black\/10{background-color:#0000001a}@supports (color:color-mix(in lab, red, red)){.bg-black\/10{background-color:color-mix(in oklab,var(--color-black)10%,transparent)}}.bg-black\/20{background-color:#0003}@supports (color:color-mix(in lab, red, red)){.bg-black\/20{background-color:color-mix(in oklab,var(--color-black)20%,transparent)}}.bg-black\/25{background-color:#00000040}@supports (color:color-mix(in lab, red, red)){.bg-black\/25{background-color:color-mix(in oklab,var(--color-black)25%,transparent)}}.bg-black\/30{background-color:#0000004d}@supports (color:color-mix(in lab, red, red)){.bg-black\/30{background-color:color-mix(in oklab,var(--color-black)30%,transparent)}}.bg-black\/35{background-color:#00000059}@supports (color:color-mix(in lab, red, red)){.bg-black\/35{background-color:color-mix(in oklab,var(--color-black)35%,transparent)}}.bg-black\/40{background-color:#0006}@supports (color:color-mix(in lab, red, red)){.bg-black\/40{background-color:color-mix(in oklab,var(--color-black)40%,transparent)}}.bg-black\/50{background-color:#00000080}@supports (color:color-mix(in lab, red, red)){.bg-black\/50{background-color:color-mix(in oklab,var(--color-black)50%,transparent)}}.bg-black\/60{background-color:#0009}@supports (color:color-mix(in lab, red, red)){.bg-black\/60{background-color:color-mix(in oklab,var(--color-black)60%,transparent)}}.bg-black\/70{background-color:#000000b3}@supports (color:color-mix(in lab, red, red)){.bg-black\/70{background-color:color-mix(in oklab,var(--color-black)70%,transparent)}}.bg-black\/80{background-color:#000c}@supports (color:color-mix(in lab, red, red)){.bg-black\/80{background-color:color-mix(in oklab,var(--color-black)80%,transparent)}}.bg-blue-50{background-color:var(--color-blue-50)}.bg-blue-50\/50{background-color:#eff6ff80}@supports (color:color-mix(in lab, red, red)){.bg-blue-50\/50{background-color:color-mix(in oklab,var(--color-blue-50)50%,transparent)}}.bg-blue-100{background-color:var(--color-blue-100)}.bg-blue-200{background-color:var(--color-blue-200)}.bg-blue-500\/20{background-color:#3080ff33}@supports (color:color-mix(in lab, red, red)){.bg-blue-500\/20{background-color:color-mix(in oklab,var(--color-blue-500)20%,transparent)}}.bg-blue-500\/75{background-color:#3080ffbf}@supports (color:color-mix(in lab, red, red)){.bg-blue-500\/75{background-color:color-mix(in oklab,var(--color-blue-500)75%,transparent)}}.bg-border{background-color:var(--border)}.bg-card{background-color:var(--card)}.bg-code-attribute\/20{background-color:var(--code-attribute)}@supports (color:color-mix(in lab, red, red)){.bg-code-attribute\/20{background-color:color-mix(in oklab,var(--code-attribute)20%,transparent)}}.bg-code-parameter\/20{background-color:var(--code-parameter)}@supports (color:color-mix(in lab, red, red)){.bg-code-parameter\/20{background-color:color-mix(in oklab,var(--code-parameter)20%,transparent)}}.bg-cyan-200{background-color:var(--color-cyan-200)}.bg-destructive,.bg-destructive\/5{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.bg-destructive\/5{background-color:color-mix(in oklab,var(--destructive)5%,transparent)}}.bg-emerald-500\/12{background-color:#00bb7f1f}@supports (color:color-mix(in lab, red, red)){.bg-emerald-500\/12{background-color:color-mix(in oklab,var(--color-emerald-500)12%,transparent)}}.bg-emerald-500\/15{background-color:#00bb7f26}@supports (color:color-mix(in lab, red, red)){.bg-emerald-500\/15{background-color:color-mix(in oklab,var(--color-emerald-500)15%,transparent)}}.bg-error\/20{background-color:var(--error)}@supports (color:color-mix(in lab, red, red)){.bg-error\/20{background-color:color-mix(in oklab,var(--error)20%,transparent)}}.bg-fill\/10{background-color:var(--fill)}@supports (color:color-mix(in lab, red, red)){.bg-fill\/10{background-color:color-mix(in oklab,var(--fill)10%,transparent)}}.bg-fill\/20{background-color:var(--fill)}@supports (color:color-mix(in lab, red, red)){.bg-fill\/20{background-color:color-mix(in oklab,var(--fill)20%,transparent)}}.bg-fill\/30{background-color:var(--fill)}@supports (color:color-mix(in lab, red, red)){.bg-fill\/30{background-color:color-mix(in oklab,var(--fill)30%,transparent)}}.bg-fill\/48{background-color:var(--fill)}@supports (color:color-mix(in lab, red, red)){.bg-fill\/48{background-color:color-mix(in oklab,var(--fill)48%,transparent)}}.bg-fill\/60{background-color:var(--fill)}@supports (color:color-mix(in lab, red, red)){.bg-fill\/60{background-color:color-mix(in oklab,var(--fill)60%,transparent)}}.bg-foreground{background-color:var(--foreground)}.bg-fuchsia-200{background-color:var(--color-fuchsia-200)}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-50\/50{background-color:#f9fafb80}@supports (color:color-mix(in lab, red, red)){.bg-gray-50\/50{background-color:color-mix(in oklab,var(--color-gray-50)50%,transparent)}}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-200{background-color:var(--color-gray-200)}.bg-gray-300{background-color:var(--color-gray-300)}.bg-gray-500{background-color:var(--color-gray-500)}.bg-gray-500\/\[0\.12\]{background-color:#6a72821f}@supports (color:color-mix(in lab, red, red)){.bg-gray-500\/\[0\.12\]{background-color:color-mix(in oklab,var(--color-gray-500)12%,transparent)}}.bg-gray-900{background-color:var(--color-gray-900)}.bg-green-100{background-color:var(--color-green-100)}.bg-green-200{background-color:var(--color-green-200)}.bg-green-500{background-color:var(--color-green-500)}.bg-indigo-100{background-color:var(--color-indigo-100)}.bg-indigo-200{background-color:var(--color-indigo-200)}.bg-indigo-500\/75{background-color:#625fffbf}@supports (color:color-mix(in lab, red, red)){.bg-indigo-500\/75{background-color:color-mix(in oklab,var(--color-indigo-500)75%,transparent)}}.bg-input,.bg-input\/20{background-color:var(--input)}@supports (color:color-mix(in lab, red, red)){.bg-input\/20{background-color:color-mix(in oklab,var(--input)20%,transparent)}}.bg-input\/50{background-color:var(--input)}@supports (color:color-mix(in lab, red, red)){.bg-input\/50{background-color:color-mix(in oklab,var(--input)50%,transparent)}}.bg-lime-200{background-color:var(--color-lime-200)}.bg-muted{background-color:var(--muted)}.bg-muted-foreground\/10{background-color:var(--muted-foreground)}@supports (color:color-mix(in lab, red, red)){.bg-muted-foreground\/10{background-color:color-mix(in oklab,var(--muted-foreground)10%,transparent)}}.bg-muted-foreground\/20{background-color:var(--muted-foreground)}@supports (color:color-mix(in lab, red, red)){.bg-muted-foreground\/20{background-color:color-mix(in oklab,var(--muted-foreground)20%,transparent)}}.bg-muted-foreground\/70{background-color:var(--muted-foreground)}@supports (color:color-mix(in lab, red, red)){.bg-muted-foreground\/70{background-color:color-mix(in oklab,var(--muted-foreground)70%,transparent)}}.bg-muted\/10{background-color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.bg-muted\/10{background-color:color-mix(in oklab,var(--muted)10%,transparent)}}.bg-muted\/30{background-color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.bg-muted\/30{background-color:color-mix(in oklab,var(--muted)30%,transparent)}}.bg-muted\/40{background-color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.bg-muted\/40{background-color:color-mix(in oklab,var(--muted)40%,transparent)}}.bg-muted\/50{background-color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.bg-muted\/50{background-color:color-mix(in oklab,var(--muted)50%,transparent)}}.bg-muted\/60{background-color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.bg-muted\/60{background-color:color-mix(in oklab,var(--muted)60%,transparent)}}.bg-neutral-100{background-color:var(--color-neutral-100)}.bg-neutral-200{background-color:var(--color-neutral-200)}.bg-neutral-500\/10{background-color:#7373731a}@supports (color:color-mix(in lab, red, red)){.bg-neutral-500\/10{background-color:color-mix(in oklab,var(--color-neutral-500)10%,transparent)}}.bg-neutral-900{background-color:var(--color-neutral-900)}.bg-orange-100{background-color:var(--color-orange-100)}.bg-orange-200{background-color:var(--color-orange-200)}.bg-orange-500{background-color:var(--color-orange-500)}.bg-pink-100{background-color:var(--color-pink-100)}.bg-pink-500{background-color:var(--color-pink-500)}.bg-popover{background-color:var(--popover)}.bg-primary{background-color:var(--primary)}.bg-primary-foreground{background-color:var(--primary-foreground)}.bg-primary\/5{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.bg-primary\/5{background-color:color-mix(in oklab,var(--primary)5%,transparent)}}.bg-primary\/10{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.bg-primary\/10{background-color:color-mix(in oklab,var(--primary)10%,transparent)}}.bg-primary\/20{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.bg-primary\/20{background-color:color-mix(in oklab,var(--primary)20%,transparent)}}.bg-purple-100{background-color:var(--color-purple-100)}.bg-purple-200{background-color:var(--color-purple-200)}.bg-purple-500{background-color:var(--color-purple-500)}.bg-purple-500\/10{background-color:#ac4bff1a}@supports (color:color-mix(in lab, red, red)){.bg-purple-500\/10{background-color:color-mix(in oklab,var(--color-purple-500)10%,transparent)}}.bg-purple-600{background-color:var(--color-purple-600)}.bg-red-50{background-color:var(--color-red-50)}.bg-red-100{background-color:var(--color-red-100)}.bg-red-400{background-color:var(--color-red-400)}.bg-red-400\/60{background-color:#ff656899}@supports (color:color-mix(in lab, red, red)){.bg-red-400\/60{background-color:color-mix(in oklab,var(--color-red-400)60%,transparent)}}.bg-red-500{background-color:var(--color-red-500)}.bg-red-500\/10{background-color:#fb2c361a}@supports (color:color-mix(in lab, red, red)){.bg-red-500\/10{background-color:color-mix(in oklab,var(--color-red-500)10%,transparent)}}.bg-red-500\/40{background-color:#fb2c3666}@supports (color:color-mix(in lab, red, red)){.bg-red-500\/40{background-color:color-mix(in oklab,var(--color-red-500)40%,transparent)}}.bg-red-600{background-color:var(--color-red-600)}.bg-rose-300{background-color:var(--color-rose-300)}.bg-rose-500\/15{background-color:#ff235726}@supports (color:color-mix(in lab, red, red)){.bg-rose-500\/15{background-color:color-mix(in oklab,var(--color-rose-500)15%,transparent)}}.bg-secondary,.bg-secondary\/30{background-color:var(--secondary)}@supports (color:color-mix(in lab, red, red)){.bg-secondary\/30{background-color:color-mix(in oklab,var(--secondary)30%,transparent)}}.bg-secondary\/50{background-color:var(--secondary)}@supports (color:color-mix(in lab, red, red)){.bg-secondary\/50{background-color:color-mix(in oklab,var(--secondary)50%,transparent)}}.bg-secondary\/80{background-color:var(--secondary)}@supports (color:color-mix(in lab, red, red)){.bg-secondary\/80{background-color:color-mix(in oklab,var(--secondary)80%,transparent)}}.bg-sidebar{background-color:var(--sidebar)}.bg-sidebar-accent{background-color:var(--sidebar-accent)}.bg-slate-300{background-color:var(--color-slate-300)}.bg-slate-500\/75{background-color:#62748ebf}@supports (color:color-mix(in lab, red, red)){.bg-slate-500\/75{background-color:color-mix(in oklab,var(--color-slate-500)75%,transparent)}}.bg-teal-100{background-color:var(--color-teal-100)}.bg-teal-500\/75{background-color:#00baa7bf}@supports (color:color-mix(in lab, red, red)){.bg-teal-500\/75{background-color:color-mix(in oklab,var(--color-teal-500)75%,transparent)}}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.bg-white\/5{background-color:#ffffff0d}@supports (color:color-mix(in lab, red, red)){.bg-white\/5{background-color:color-mix(in oklab,var(--color-white)5%,transparent)}}.bg-white\/10{background-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.bg-white\/10{background-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.bg-white\/15{background-color:#ffffff26}@supports (color:color-mix(in lab, red, red)){.bg-white\/15{background-color:color-mix(in oklab,var(--color-white)15%,transparent)}}.bg-white\/20{background-color:#fff3}@supports (color:color-mix(in lab, red, red)){.bg-white\/20{background-color:color-mix(in oklab,var(--color-white)20%,transparent)}}.bg-white\/25{background-color:#ffffff40}@supports (color:color-mix(in lab, red, red)){.bg-white\/25{background-color:color-mix(in oklab,var(--color-white)25%,transparent)}}.bg-white\/30{background-color:#ffffff4d}@supports (color:color-mix(in lab, red, red)){.bg-white\/30{background-color:color-mix(in oklab,var(--color-white)30%,transparent)}}.bg-white\/50{background-color:#ffffff80}@supports (color:color-mix(in lab, red, red)){.bg-white\/50{background-color:color-mix(in oklab,var(--color-white)50%,transparent)}}.bg-white\/70{background-color:#ffffffb3}@supports (color:color-mix(in lab, red, red)){.bg-white\/70{background-color:color-mix(in oklab,var(--color-white)70%,transparent)}}.bg-white\/90{background-color:#ffffffe6}@supports (color:color-mix(in lab, red, red)){.bg-white\/90{background-color:color-mix(in oklab,var(--color-white)90%,transparent)}}.bg-white\/95{background-color:#fffffff2}@supports (color:color-mix(in lab, red, red)){.bg-white\/95{background-color:color-mix(in oklab,var(--color-white)95%,transparent)}}.bg-white\/\[0\.03\]{background-color:#ffffff08}@supports (color:color-mix(in lab, red, red)){.bg-white\/\[0\.03\]{background-color:color-mix(in oklab,var(--color-white)3%,transparent)}}.bg-white\/\[0\.05\]{background-color:#ffffff0d}@supports (color:color-mix(in lab, red, red)){.bg-white\/\[0\.05\]{background-color:color-mix(in oklab,var(--color-white)5%,transparent)}}.bg-white\/\[0\.07\]{background-color:#ffffff12}@supports (color:color-mix(in lab, red, red)){.bg-white\/\[0\.07\]{background-color:color-mix(in oklab,var(--color-white)7.0%,transparent)}}.bg-yellow-100{background-color:var(--color-yellow-100)}.bg-yellow-200{background-color:var(--color-yellow-200)}.bg-zinc-50{background-color:var(--color-zinc-50)}.bg-zinc-50\/20{background-color:#fafafa33}@supports (color:color-mix(in lab, red, red)){.bg-zinc-50\/20{background-color:color-mix(in oklab,var(--color-zinc-50)20%,transparent)}}.bg-zinc-50\/80{background-color:#fafafacc}@supports (color:color-mix(in lab, red, red)){.bg-zinc-50\/80{background-color:color-mix(in oklab,var(--color-zinc-50)80%,transparent)}}.bg-zinc-100{background-color:var(--color-zinc-100)}.bg-zinc-200{background-color:var(--color-zinc-200)}.bg-zinc-500{background-color:var(--color-zinc-500)}.bg-zinc-700{background-color:var(--color-zinc-700)}.bg-zinc-700\/20{background-color:#3f3f4633}@supports (color:color-mix(in lab, red, red)){.bg-zinc-700\/20{background-color:color-mix(in oklab,var(--color-zinc-700)20%,transparent)}}.bg-zinc-700\/30{background-color:#3f3f464d}@supports (color:color-mix(in lab, red, red)){.bg-zinc-700\/30{background-color:color-mix(in oklab,var(--color-zinc-700)30%,transparent)}}.bg-zinc-700\/80{background-color:#3f3f46cc}@supports (color:color-mix(in lab, red, red)){.bg-zinc-700\/80{background-color:color-mix(in oklab,var(--color-zinc-700)80%,transparent)}}.bg-zinc-800{background-color:var(--color-zinc-800)}.bg-zinc-900{background-color:var(--color-zinc-900)}.bg-zinc-900\/50{background-color:#18181b80}@supports (color:color-mix(in lab, red, red)){.bg-zinc-900\/50{background-color:color-mix(in oklab,var(--color-zinc-900)50%,transparent)}}.bg-zinc-950\/20{background-color:#09090b33}@supports (color:color-mix(in lab, red, red)){.bg-zinc-950\/20{background-color:color-mix(in oklab,var(--color-zinc-950)20%,transparent)}}.bg-linear-to-t{--tw-gradient-position:to top}@supports (background-image:linear-gradient(in lab, red, red)){.bg-linear-to-t{--tw-gradient-position:to top in oklab}}.bg-linear-to-t{background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-b{--tw-gradient-position:to bottom in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-l{--tw-gradient-position:to left in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-t{--tw-gradient-position:to top in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-\[linear-gradient\(90deg\,\#FF0000\,\#FFFF00\,\#00FF00\,\#00FFFF\,\#0000FF\,\#FF00FF\,\#FF0000\)\]{background-image:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.bg-none{background-image:none}.from-\[\#1e1e1e\]{--tw-gradient-from:#1e1e1e;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-\[\#48494F\]{--tw-gradient-from:#48494f;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-\[\#A4AAC3\]{--tw-gradient-from:#a4aac3;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-amber-500{--tw-gradient-from:var(--color-amber-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-background{--tw-gradient-from:var(--background);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-black{--tw-gradient-from:var(--color-black);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-black\/80{--tw-gradient-from:#000c}@supports (color:color-mix(in lab, red, red)){.from-black\/80{--tw-gradient-from:color-mix(in oklab,var(--color-black)80%,transparent)}}.from-black\/80{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-blue-500{--tw-gradient-from:var(--color-blue-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-blue-500\/15{--tw-gradient-from:#3080ff26}@supports (color:color-mix(in lab, red, red)){.from-blue-500\/15{--tw-gradient-from:color-mix(in oklab,var(--color-blue-500)15%,transparent)}}.from-blue-500\/15{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-card{--tw-gradient-from:var(--card);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-green-500{--tw-gradient-from:var(--color-green-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-indigo-500{--tw-gradient-from:var(--color-indigo-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-orange-500{--tw-gradient-from:var(--color-orange-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-orange-500\/20{--tw-gradient-from:#fe6e0033}@supports (color:color-mix(in lab, red, red)){.from-orange-500\/20{--tw-gradient-from:color-mix(in oklab,var(--color-orange-500)20%,transparent)}}.from-orange-500\/20{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-primary{--tw-gradient-from:var(--primary);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-primary\/10{--tw-gradient-from:var(--primary)}@supports (color:color-mix(in lab, red, red)){.from-primary\/10{--tw-gradient-from:color-mix(in oklab,var(--primary)10%,transparent)}}.from-primary\/10{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-primary\/20{--tw-gradient-from:var(--primary)}@supports (color:color-mix(in lab, red, red)){.from-primary\/20{--tw-gradient-from:color-mix(in oklab,var(--primary)20%,transparent)}}.from-primary\/20{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-purple-500{--tw-gradient-from:var(--color-purple-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-purple-500\/20{--tw-gradient-from:#ac4bff33}@supports (color:color-mix(in lab, red, red)){.from-purple-500\/20{--tw-gradient-from:color-mix(in oklab,var(--color-purple-500)20%,transparent)}}.from-purple-500\/20{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-secondary\/30{--tw-gradient-from:var(--secondary)}@supports (color:color-mix(in lab, red, red)){.from-secondary\/30{--tw-gradient-from:color-mix(in oklab,var(--secondary)30%,transparent)}}.from-secondary\/30{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-sidebar{--tw-gradient-from:var(--sidebar);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-teal-500{--tw-gradient-from:var(--color-teal-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-transparent{--tw-gradient-from:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-yellow-400{--tw-gradient-from:var(--color-yellow-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-yellow-600{--tw-gradient-from:var(--color-yellow-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.via-black\/30{--tw-gradient-via:#0000004d}@supports (color:color-mix(in lab, red, red)){.via-black\/30{--tw-gradient-via:color-mix(in oklab,var(--color-black)30%,transparent)}}.via-black\/30{--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-indigo-500\/10{--tw-gradient-via:#625fff1a}@supports (color:color-mix(in lab, red, red)){.via-indigo-500\/10{--tw-gradient-via:color-mix(in oklab,var(--color-indigo-500)10%,transparent)}}.via-indigo-500\/10{--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-orange-500{--tw-gradient-via:var(--color-orange-500);--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-purple-500\/10{--tw-gradient-via:#ac4bff1a}@supports (color:color-mix(in lab, red, red)){.via-purple-500\/10{--tw-gradient-via:color-mix(in oklab,var(--color-purple-500)10%,transparent)}}.via-purple-500\/10{--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-secondary\/20{--tw-gradient-via:var(--secondary)}@supports (color:color-mix(in lab, red, red)){.via-secondary\/20{--tw-gradient-via:color-mix(in oklab,var(--secondary)20%,transparent)}}.via-secondary\/20{--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-white\/20{--tw-gradient-via:#fff3}@supports (color:color-mix(in lab, red, red)){.via-white\/20{--tw-gradient-via:color-mix(in oklab,var(--color-white)20%,transparent)}}.via-white\/20{--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.to-\[\#5E6274\]{--tw-gradient-to:#5e6274;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-\[\#787A83\]{--tw-gradient-to:#787a83;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-black{--tw-gradient-to:var(--color-black);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-black\/0{--tw-gradient-to:#0000}@supports (color:color-mix(in lab, red, red)){.to-black\/0{--tw-gradient-to:color-mix(in oklab,var(--color-black)0%,transparent)}}.to-black\/0{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-black\/50{--tw-gradient-to:#00000080}@supports (color:color-mix(in lab, red, red)){.to-black\/50{--tw-gradient-to:color-mix(in oklab,var(--color-black)50%,transparent)}}.to-black\/50{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-blue-500{--tw-gradient-to:var(--color-blue-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-cyan-500{--tw-gradient-to:var(--color-cyan-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-emerald-500{--tw-gradient-to:var(--color-emerald-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-muted\/20{--tw-gradient-to:var(--muted)}@supports (color:color-mix(in lab, red, red)){.to-muted\/20{--tw-gradient-to:color-mix(in oklab,var(--muted)20%,transparent)}}.to-muted\/20{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-muted\/30{--tw-gradient-to:var(--muted)}@supports (color:color-mix(in lab, red, red)){.to-muted\/30{--tw-gradient-to:color-mix(in oklab,var(--muted)30%,transparent)}}.to-muted\/30{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-orange-400{--tw-gradient-to:var(--color-orange-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-orange-500{--tw-gradient-to:var(--color-orange-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-pink-500{--tw-gradient-to:var(--color-pink-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-pink-500\/20{--tw-gradient-to:#f6339a33}@supports (color:color-mix(in lab, red, red)){.to-pink-500\/20{--tw-gradient-to:color-mix(in oklab,var(--color-pink-500)20%,transparent)}}.to-pink-500\/20{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-primary\/10{--tw-gradient-to:var(--primary)}@supports (color:color-mix(in lab, red, red)){.to-primary\/10{--tw-gradient-to:color-mix(in oklab,var(--primary)10%,transparent)}}.to-primary\/10{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-primary\/30{--tw-gradient-to:var(--primary)}@supports (color:color-mix(in lab, red, red)){.to-primary\/30{--tw-gradient-to:color-mix(in oklab,var(--primary)30%,transparent)}}.to-primary\/30{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-primary\/50{--tw-gradient-to:var(--primary)}@supports (color:color-mix(in lab, red, red)){.to-primary\/50{--tw-gradient-to:color-mix(in oklab,var(--primary)50%,transparent)}}.to-primary\/50{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-purple-500{--tw-gradient-to:var(--color-purple-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-purple-600{--tw-gradient-to:var(--color-purple-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-red-500{--tw-gradient-to:var(--color-red-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-secondary\/10{--tw-gradient-to:var(--secondary)}@supports (color:color-mix(in lab, red, red)){.to-secondary\/10{--tw-gradient-to:color-mix(in oklab,var(--secondary)10%,transparent)}}.to-secondary\/10{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-secondary\/20{--tw-gradient-to:var(--secondary)}@supports (color:color-mix(in lab, red, red)){.to-secondary\/20{--tw-gradient-to:color-mix(in oklab,var(--secondary)20%,transparent)}}.to-secondary\/20{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-transparent{--tw-gradient-to:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-yellow-600{--tw-gradient-to:var(--color-yellow-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.fill-current{fill:currentColor}.fill-primary{fill:var(--primary)}.fill-white{fill:var(--color-white)}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.object-fill{-o-object-fit:fill;object-fit:fill}.object-none{-o-object-fit:none;object-fit:none}.\!p-0{padding:calc(var(--spacing)*0)!important}.\!p-2{padding:calc(var(--spacing)*2)!important}.\!p-3{padding:calc(var(--spacing)*3)!important}.p-0{padding:calc(var(--spacing)*0)}.p-0\.5{padding:calc(var(--spacing)*.5)}.p-1{padding:calc(var(--spacing)*1)}.p-1\.5{padding:calc(var(--spacing)*1.5)}.p-2{padding:calc(var(--spacing)*2)}.p-2\.5{padding:calc(var(--spacing)*2.5)}.p-3{padding:calc(var(--spacing)*3)}.p-3\.5{padding:calc(var(--spacing)*3.5)}.p-4{padding:calc(var(--spacing)*4)}.p-5{padding:calc(var(--spacing)*5)}.p-6{padding:calc(var(--spacing)*6)}.p-8{padding:calc(var(--spacing)*8)}.p-10{padding:calc(var(--spacing)*10)}.p-12{padding:calc(var(--spacing)*12)}.p-16{padding:calc(var(--spacing)*16)}.p-\[2px\]{padding:2px}.p-\[3px\]{padding:3px}.p-\[6px\]{padding:6px}.p-\[12px\]{padding:12px}.p-px{padding:1px}.px-\(--cell-size\){padding-inline:var(--cell-size)}.px-0{padding-inline:calc(var(--spacing)*0)}.px-0\.5{padding-inline:calc(var(--spacing)*.5)}.px-0\.25{padding-inline:calc(var(--spacing)*.25)}.px-1{padding-inline:calc(var(--spacing)*1)}.px-1\!{padding-inline:calc(var(--spacing)*1)!important}.px-1\.5{padding-inline:calc(var(--spacing)*1.5)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-2\.5{padding-inline:calc(var(--spacing)*2.5)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-3\.5{padding-inline:calc(var(--spacing)*3.5)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-5{padding-inline:calc(var(--spacing)*5)}.px-6{padding-inline:calc(var(--spacing)*6)}.px-7{padding-inline:calc(var(--spacing)*7)}.px-8{padding-inline:calc(var(--spacing)*8)}.px-10{padding-inline:calc(var(--spacing)*10)}.px-12{padding-inline:calc(var(--spacing)*12)}.px-20{padding-inline:calc(var(--spacing)*20)}.px-\[8px\]{padding-inline:8px}.px-\[10px\]{padding-inline:10px}.px-\[13px\]{padding-inline:13px}.px-\[14px\]{padding-inline:14px}.\!py-\[11px\]{padding-block:11px!important}.py-0{padding-block:calc(var(--spacing)*0)}.py-0\.5{padding-block:calc(var(--spacing)*.5)}.py-0\.25{padding-block:calc(var(--spacing)*.25)}.py-1{padding-block:calc(var(--spacing)*1)}.py-1\.5{padding-block:calc(var(--spacing)*1.5)}.py-2{padding-block:calc(var(--spacing)*2)}.py-2\.5{padding-block:calc(var(--spacing)*2.5)}.py-3{padding-block:calc(var(--spacing)*3)}.py-3\.5{padding-block:calc(var(--spacing)*3.5)}.py-4{padding-block:calc(var(--spacing)*4)}.py-5{padding-block:calc(var(--spacing)*5)}.py-6{padding-block:calc(var(--spacing)*6)}.py-8{padding-block:calc(var(--spacing)*8)}.py-10{padding-block:calc(var(--spacing)*10)}.py-12{padding-block:calc(var(--spacing)*12)}.py-16{padding-block:calc(var(--spacing)*16)}.py-20{padding-block:calc(var(--spacing)*20)}.py-24{padding-block:calc(var(--spacing)*24)}.py-\[3px\]{padding-block:3px}.py-\[4px\]{padding-block:4px}.py-\[6px\]{padding-block:6px}.py-\[10\.67px\]{padding-block:10.67px}.py-px{padding-block:1px}.ps-1{padding-inline-start:calc(var(--spacing)*1)}.ps-4{padding-inline-start:calc(var(--spacing)*4)}.pt-0{padding-top:calc(var(--spacing)*0)}.pt-0\.5{padding-top:calc(var(--spacing)*.5)}.pt-1{padding-top:calc(var(--spacing)*1)}.pt-2{padding-top:calc(var(--spacing)*2)}.pt-2\.5{padding-top:calc(var(--spacing)*2.5)}.pt-3{padding-top:calc(var(--spacing)*3)}.pt-4{padding-top:calc(var(--spacing)*4)}.pt-5{padding-top:calc(var(--spacing)*5)}.pt-6{padding-top:calc(var(--spacing)*6)}.pt-8{padding-top:calc(var(--spacing)*8)}.pt-10{padding-top:calc(var(--spacing)*10)}.pt-12{padding-top:calc(var(--spacing)*12)}.pt-14{padding-top:calc(var(--spacing)*14)}.pt-\[0px\]{padding-top:0}.pt-\[6px\]{padding-top:6px}.pt-\[60px\]{padding-top:60px}.\!pr-\[8px\]{padding-right:8px!important}.pr-1{padding-right:calc(var(--spacing)*1)}.pr-1\.5{padding-right:calc(var(--spacing)*1.5)}.pr-2{padding-right:calc(var(--spacing)*2)}.pr-3{padding-right:calc(var(--spacing)*3)}.pr-4{padding-right:calc(var(--spacing)*4)}.pr-5{padding-right:calc(var(--spacing)*5)}.pr-6{padding-right:calc(var(--spacing)*6)}.pr-8{padding-right:calc(var(--spacing)*8)}.pr-10{padding-right:calc(var(--spacing)*10)}.pr-12{padding-right:calc(var(--spacing)*12)}.pr-\[4px\]{padding-right:4px}.pr-\[6px\]{padding-right:6px}.pr-\[8px\]{padding-right:8px}.pr-\[8px\]\!{padding-right:8px!important}.pb-0{padding-bottom:calc(var(--spacing)*0)}.pb-0\.5{padding-bottom:calc(var(--spacing)*.5)}.pb-1{padding-bottom:calc(var(--spacing)*1)}.pb-2{padding-bottom:calc(var(--spacing)*2)}.pb-2\.5{padding-bottom:calc(var(--spacing)*2.5)}.pb-3{padding-bottom:calc(var(--spacing)*3)}.pb-3\.5{padding-bottom:calc(var(--spacing)*3.5)}.pb-4{padding-bottom:calc(var(--spacing)*4)}.pb-4\.5{padding-bottom:calc(var(--spacing)*4.5)}.pb-5{padding-bottom:calc(var(--spacing)*5)}.pb-6{padding-bottom:calc(var(--spacing)*6)}.pb-8{padding-bottom:calc(var(--spacing)*8)}.pb-10{padding-bottom:calc(var(--spacing)*10)}.pb-12{padding-bottom:calc(var(--spacing)*12)}.pb-16{padding-bottom:calc(var(--spacing)*16)}.pb-\[6px\]{padding-bottom:6px}.pb-\[12px\]{padding-bottom:12px}.pb-\[14px\]{padding-bottom:14px}.pb-\[60px\]{padding-bottom:60px}.\!pl-\[8px\]{padding-left:8px!important}.pl-0{padding-left:calc(var(--spacing)*0)}.pl-0\.5{padding-left:calc(var(--spacing)*.5)}.pl-1{padding-left:calc(var(--spacing)*1)}.pl-1\.5{padding-left:calc(var(--spacing)*1.5)}.pl-2{padding-left:calc(var(--spacing)*2)}.pl-2\.5{padding-left:calc(var(--spacing)*2.5)}.pl-3{padding-left:calc(var(--spacing)*3)}.pl-4{padding-left:calc(var(--spacing)*4)}.pl-6{padding-left:calc(var(--spacing)*6)}.pl-8{padding-left:calc(var(--spacing)*8)}.pl-9{padding-left:calc(var(--spacing)*9)}.pl-11{padding-left:calc(var(--spacing)*11)}.pl-\[1px\]{padding-left:1px}.pl-\[2px\]{padding-left:2px}.pl-\[4px\]{padding-left:4px}.pl-\[8px\]\!{padding-left:8px!important}.pl-\[10px\]{padding-left:10px}.pl-\[13px\]{padding-left:13px}.pl-\[18px\]{padding-left:18px}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.align-middle{vertical-align:middle}.\!\[font-family\:Roboto\,sans-serif\]{font-family:Roboto,sans-serif!important}.font-\[\"Roboto_Mono\"\]{font-family:Roboto Mono}.font-\[\'Geist\'\,sans-serif\]{font-family:Geist,sans-serif}.font-\[\'Roboto\'\,\'Inter\'\,system-ui\,-apple-system\,sans-serif\]{font-family:Roboto,Inter,system-ui,-apple-system,sans-serif}.font-\[\'Roboto_Mono\'\]{font-family:Roboto Mono}.font-\[\'Roboto_Serif\'\]{font-family:Roboto Serif}.font-\[Geist\,sans-serif\]{font-family:Geist,sans-serif}.font-\[Geist\]{font-family:Geist}.font-\[Poppins\]{font-family:Poppins}.font-\[Roboto\,sans-serif\]{font-family:Roboto,sans-serif}.font-\[Roboto\]{font-family:Roboto}.font-mono{font-family:var(--font-mono)}.font-sans{font-family:var(--font-sans)}.font-serif{font-family:var(--font-serif)}.\!text-xs{font-size:var(--text-xs)!important;line-height:var(--tw-leading,var(--text-xs--line-height))!important}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.text-7xl{font-size:var(--text-7xl);line-height:var(--tw-leading,var(--text-7xl--line-height))}.text-8xl{font-size:var(--text-8xl);line-height:var(--tw-leading,var(--text-8xl--line-height))}.text-9xl{font-size:var(--text-9xl);line-height:var(--tw-leading,var(--text-9xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-xs\!{font-size:var(--text-xs)!important;line-height:var(--tw-leading,var(--text-xs--line-height))!important}.text-\[0\.8rem\]{font-size:.8rem}.text-\[1rem\]{font-size:1rem}.text-\[8px\]{font-size:8px}.text-\[9px\]{font-size:9px}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[12px\]{font-size:12px}.text-\[13px\]{font-size:13px}.text-\[14px\]{font-size:14px}.text-\[15px\]{font-size:15px}.text-\[16\.8px\]{font-size:16.8px}.text-\[16px\]{font-size:16px}.text-\[18px\]{font-size:18px}.text-\[20px\]{font-size:20px}.text-\[22px\]{font-size:22px}.text-\[24px\]{font-size:24px}.text-\[28px\]{font-size:28px}.text-\[30px\]{font-size:30px}.text-\[32px\]{font-size:32px}.text-\[34px\]{font-size:34px}.text-\[40px\]{font-size:40px}.text-\[48px\]{font-size:48px}.\!leading-\[12px\]{--tw-leading:12px!important;line-height:12px!important}.leading-3{--tw-leading:calc(var(--spacing)*3);line-height:calc(var(--spacing)*3)}.leading-4{--tw-leading:calc(var(--spacing)*4);line-height:calc(var(--spacing)*4)}.leading-5{--tw-leading:calc(var(--spacing)*5);line-height:calc(var(--spacing)*5)}.leading-6{--tw-leading:calc(var(--spacing)*6);line-height:calc(var(--spacing)*6)}.leading-7{--tw-leading:calc(var(--spacing)*7);line-height:calc(var(--spacing)*7)}.leading-8{--tw-leading:calc(var(--spacing)*8);line-height:calc(var(--spacing)*8)}.leading-9{--tw-leading:calc(var(--spacing)*9);line-height:calc(var(--spacing)*9)}.leading-10{--tw-leading:calc(var(--spacing)*10);line-height:calc(var(--spacing)*10)}.leading-\[1\.2\]{--tw-leading:1.2;line-height:1.2}.leading-\[1\.3\]{--tw-leading:1.3;line-height:1.3}.leading-\[1\.05\]{--tw-leading:1.05;line-height:1.05}.leading-\[1\.5\]{--tw-leading:1.5;line-height:1.5}.leading-\[1\.7\]{--tw-leading:1.7;line-height:1.7}.leading-\[1\.11\]{--tw-leading:1.11;line-height:1.11}.leading-\[1\.12\]{--tw-leading:1.12;line-height:1.12}.leading-\[1\.14em\]{--tw-leading:1.14em;line-height:1.14em}.leading-\[1\.25\]{--tw-leading:1.25;line-height:1.25}.leading-\[1\.27\]{--tw-leading:1.27;line-height:1.27}.leading-\[1\.33\]{--tw-leading:1.33;line-height:1.33}.leading-\[1\.33em\]{--tw-leading:1.33em;line-height:1.33em}.leading-\[1\.43\]{--tw-leading:1.43;line-height:1.43}.leading-\[1\.43em\]{--tw-leading:1.43em;line-height:1.43em}.leading-\[1\.54\]{--tw-leading:1.54;line-height:1.54}.leading-\[1\.54em\]{--tw-leading:1.54em;line-height:1.54em}.leading-\[1\.57\]{--tw-leading:1.57;line-height:1.57}.leading-\[1\.73em\]{--tw-leading:1.73em;line-height:1.73em}.leading-\[1\.82em\]{--tw-leading:1.82em;line-height:1.82em}.leading-\[1\.333\]{--tw-leading:1.333;line-height:1.333}.leading-\[1\.375\]{--tw-leading:1.375;line-height:1.375}.leading-\[1\.833\]{--tw-leading:1.833;line-height:1.833}.leading-\[1\.5714\]{--tw-leading:1.5714;line-height:1.5714}.leading-\[1\]{--tw-leading:1;line-height:1}.leading-\[1em\]{--tw-leading:1em;line-height:1em}.leading-\[10px\]{--tw-leading:10px;line-height:10px}.leading-\[16px\]{--tw-leading:16px;line-height:16px}.leading-\[17\.8px\]{--tw-leading:17.8px;line-height:17.8px}.leading-\[18px\]{--tw-leading:18px;line-height:18px}.leading-\[19\.727px\]{--tw-leading:19.727px;line-height:19.727px}.leading-\[20px\]{--tw-leading:20px;line-height:20px}.leading-\[22px\]{--tw-leading:22px;line-height:22px}.leading-\[24px\]{--tw-leading:24px;line-height:24px}.leading-\[26\.4px\]{--tw-leading:26.4px;line-height:26.4px}.leading-\[28\.878px\]{--tw-leading:28.878px;line-height:28.878px}.leading-\[28px\]{--tw-leading:28px;line-height:28px}.leading-\[36px\]{--tw-leading:36px;line-height:36px}.leading-\[48px\]{--tw-leading:48px;line-height:48px}.leading-\[150\%\]{--tw-leading:150%;line-height:150%}.leading-none{--tw-leading:1;line-height:1}.leading-normal{--tw-leading:var(--leading-normal);line-height:var(--leading-normal)}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.\!font-normal{--tw-font-weight:var(--font-weight-normal)!important;font-weight:var(--font-weight-normal)!important}.font-black{--tw-font-weight:var(--font-weight-black);font-weight:var(--font-weight-black)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[-0\.02em\]{--tw-tracking:-.02em;letter-spacing:-.02em}.tracking-\[-0\.03em\]{--tw-tracking:-.03em;letter-spacing:-.03em}.tracking-\[0\.01em\]{--tw-tracking:.01em;letter-spacing:.01em}.tracking-\[0\.1px\]{--tw-tracking:.1px;letter-spacing:.1px}.tracking-\[0\.05px\]{--tw-tracking:.05px;letter-spacing:.05px}.tracking-\[0\.12px\]{--tw-tracking:.12px;letter-spacing:.12px}.tracking-\[0\.13px\]{--tw-tracking:.13px;letter-spacing:.13px}.tracking-\[0\.14px\]{--tw-tracking:.14px;letter-spacing:.14px}.tracking-\[0\.18px\]{--tw-tracking:.18px;letter-spacing:.18px}.tracking-\[0\.28px\]{--tw-tracking:.28px;letter-spacing:.28px}.tracking-\[0\.065px\]{--tw-tracking:.065px;letter-spacing:.065px}.tracking-\[0\.0822px\]{--tw-tracking:.0822px;letter-spacing:.0822px}.tracking-\[0\]{--tw-tracking:0;letter-spacing:0}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.text-ellipsis{text-overflow:ellipsis}.whitespace-normal{white-space:normal}.whitespace-nowrap{white-space:nowrap}.whitespace-pre{white-space:pre}.whitespace-pre-line{white-space:pre-line}.whitespace-pre-wrap{white-space:pre-wrap}.\!text-\[\#09090B\]{color:#09090b!important}.\!text-\[\#FAFAFA\]{color:#fafafa!important}.\!text-gray-800{color:var(--color-gray-800)!important}.\!text-white{color:var(--color-white)!important}.\!text-zinc-800{color:var(--color-zinc-800)!important}.text-\[\#0A0A0A\],.text-\[\#0a0a0a\]{color:#0a0a0a}.text-\[\#0a0a0a\]\/50{color:oklab(14.4788% 7.45058e-9 7.45058e-9/.5)}.text-\[\#0a433a\]{color:#0a433a}.text-\[\#0d0d0d\]{color:#0d0d0d}.text-\[\#1f1f1f\]{color:#1f1f1f}.text-\[\#2A2A2A\]{color:#2a2a2a}.text-\[\#2C4D03\]{color:#2c4d03}.text-\[\#3F3F46\]{color:#3f3f46}.text-\[\#5E5F65\]{color:#5e5f65}.text-\[\#6F0555\]{color:#6f0555}.text-\[\#9ca3af\]{color:#9ca3af}.text-\[\#34D399\]{color:#34d399}.text-\[\#60A5FA\]{color:#60a5fa}.text-\[\#666\]{color:#666}.text-\[\#716afd\]{color:#716afd}.text-\[\#854d0e\]{color:#854d0e}.text-\[\#888\]{color:#888}.text-\[\#09090B\],.text-\[\#09090b\]{color:#09090b}.text-\[\#18181B\],.text-\[\#18181b\]{color:#18181b}.text-\[\#24272e\]{color:#24272e}.text-\[\#27272A\],.text-\[\#27272a\]{color:#27272a}.text-\[\#52525B\]{color:#52525b}.text-\[\#53330d\]{color:#53330d}.text-\[\#71717A\],.text-\[\#71717a\]{color:#71717a}.text-\[\#92400e\]{color:#92400e}.text-\[\#151515\]{color:#151515}.text-\[\#166534\]{color:#166534}.text-\[\#171717\]{color:#171717}.text-\[\#262626\]{color:#262626}.text-\[\#404040\]{color:#404040}.text-\[\#525252\]{color:#525252}.text-\[\#667085\]{color:#667085}.text-\[\#737373\]{color:#737373}.text-\[\#808080\]{color:gray}.text-\[\#A1A1AA\]{color:#a1a1aa}.text-\[\#A3A3A3\]{color:#a3a3a3}.text-\[\#AAAAAA\]{color:#aaa}.text-\[\#ACACAC\]{color:#acacac}.text-\[\#B6B6B6\]{color:#b6b6b6}.text-\[\#CAFF5B\]{color:#caff5b}.text-\[\#CCCCCC\]{color:#ccc}.text-\[\#E4E4E7\]{color:#e4e4e7}.text-\[\#EDEDED\]{color:#ededed}.text-\[\#FAFAFA\]{color:#fafafa}.text-\[\#FAFAFA\]\/60{color:oklab(98.5104% -1.19209e-7 5.96046e-8/.6)}.text-\[\#FAFAFA\]\/70{color:oklab(98.5104% -1.19209e-7 5.96046e-8/.7)}.text-\[\#FAFAFA\]\/80{color:oklab(98.5104% -1.19209e-7 5.96046e-8/.8)}.text-\[\#a1a1aa\]{color:#a1a1aa}.text-\[\#a3a3a3\]{color:#a3a3a3}.text-\[\#a78bfa\]{color:#a78bfa}.text-\[\#c4b5fd\]{color:#c4b5fd}.text-\[\#d32f2f\]{color:#d32f2f}.text-\[\#d97706\]{color:#d97706}.text-\[\#e4e4e7\]{color:#e4e4e7}.text-\[\#fafafa\]{color:#fafafa}.text-\[\#fafafa\]\/90{color:oklab(98.5104% -1.19209e-7 5.96046e-8/.9)}.text-\[rgb\(250_250_250\/0\.8\)\]{color:#fafafacc}.text-\[rgba\(250\,250\,250\,0\.5\)\]{color:#fafafa80}.text-\[rgba\(250\,250\,250\,0\.8\)\]{color:#fafafacc}.text-\[var\(--base-foreground\,\#FAFAFA\)\]{color:var(--base-foreground,#fafafa)}.text-\[var\(--base-primary\)\]{color:var(--base-primary)}.text-\[var\(--destructive\)\]{color:var(--destructive)}.text-accent-foreground,.text-accent-foreground\/70{color:var(--accent-foreground)}@supports (color:color-mix(in lab, red, red)){.text-accent-foreground\/70{color:color-mix(in oklab,var(--accent-foreground)70%,transparent)}}.text-amber-400{color:var(--color-amber-400)}.text-black{color:var(--color-black)}.text-blue-400{color:var(--color-blue-400)}.text-blue-500{color:var(--color-blue-500)}.text-blue-600{color:var(--color-blue-600)}.text-blue-700{color:var(--color-blue-700)}.text-border{color:var(--border)}.text-card-foreground{color:var(--card-foreground)}.text-code-parameter,.text-code-parameter\/60{color:var(--code-parameter)}@supports (color:color-mix(in lab, red, red)){.text-code-parameter\/60{color:color-mix(in oklab,var(--code-parameter)60%,transparent)}}.text-current{color:currentColor}.text-destructive{color:var(--destructive)}.text-destructive-foreground{color:var(--destructive-foreground)}.text-destructive\/60{color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.text-destructive\/60{color:color-mix(in oklab,var(--destructive)60%,transparent)}}.text-emerald-300{color:var(--color-emerald-300)}.text-emerald-400{color:var(--color-emerald-400)}.text-emerald-500{color:var(--color-emerald-500)}.text-emerald-600{color:var(--color-emerald-600)}.text-error{color:var(--error)}.text-foreground,.text-foreground\/60{color:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.text-foreground\/60{color:color-mix(in oklab,var(--foreground)60%,transparent)}}.text-foreground\/80{color:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.text-foreground\/80{color:color-mix(in oklab,var(--foreground)80%,transparent)}}.text-gray-300{color:var(--color-gray-300)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-gray-800{color:var(--color-gray-800)}.text-gray-900{color:var(--color-gray-900)}.text-green-300{color:var(--color-green-300)}.text-green-400{color:var(--color-green-400)}.text-green-500{color:var(--color-green-500)}.text-green-600{color:var(--color-green-600)}.text-green-700{color:var(--color-green-700)}.text-indigo-700{color:var(--color-indigo-700)}.text-inherit{color:inherit}.text-muted-foreground,.text-muted-foreground\/50{color:var(--muted-foreground)}@supports (color:color-mix(in lab, red, red)){.text-muted-foreground\/50{color:color-mix(in oklab,var(--muted-foreground)50%,transparent)}}.text-muted-foreground\/60{color:var(--muted-foreground)}@supports (color:color-mix(in lab, red, red)){.text-muted-foreground\/60{color:color-mix(in oklab,var(--muted-foreground)60%,transparent)}}.text-muted-foreground\/80{color:var(--muted-foreground)}@supports (color:color-mix(in lab, red, red)){.text-muted-foreground\/80{color:color-mix(in oklab,var(--muted-foreground)80%,transparent)}}.text-neutral-400{color:var(--color-neutral-400)}.text-neutral-500{color:var(--color-neutral-500)}.text-neutral-600{color:var(--color-neutral-600)}.text-neutral-800{color:var(--color-neutral-800)}.text-neutral-900{color:var(--color-neutral-900)}.text-neutral-950{color:var(--color-neutral-950)}.text-orange-500{color:var(--color-orange-500)}.text-orange-600{color:var(--color-orange-600)}.text-orange-700{color:var(--color-orange-700)}.text-pink-700{color:var(--color-pink-700)}.text-popover-foreground{color:var(--popover-foreground)}.text-primary{color:var(--primary)}.text-primary-foreground{color:var(--primary-foreground)}.text-purple-300{color:var(--color-purple-300)}.text-purple-400{color:var(--color-purple-400)}.text-purple-400\/60{color:#c07eff99}@supports (color:color-mix(in lab, red, red)){.text-purple-400\/60{color:color-mix(in oklab,var(--color-purple-400)60%,transparent)}}.text-purple-500{color:var(--color-purple-500)}.text-purple-700{color:var(--color-purple-700)}.text-red-400{color:var(--color-red-400)}.text-red-500{color:var(--color-red-500)}.text-red-600{color:var(--color-red-600)}.text-red-700{color:var(--color-red-700)}.text-ring{color:var(--ring)}.text-rose-300{color:var(--color-rose-300)}.text-secondary-foreground{color:var(--secondary-foreground)}.text-sidebar-accent-foreground{color:var(--sidebar-accent-foreground)}.text-sidebar-foreground{color:var(--sidebar-foreground)}.text-slate-100{color:var(--color-slate-100)}.text-slate-400{color:var(--color-slate-400)}.text-slate-950{color:var(--color-slate-950)}.text-teal-700{color:var(--color-teal-700)}.text-transparent{color:#0000}.text-white{color:var(--color-white)}.text-white\/25{color:#ffffff40}@supports (color:color-mix(in lab, red, red)){.text-white\/25{color:color-mix(in oklab,var(--color-white)25%,transparent)}}.text-white\/30{color:#ffffff4d}@supports (color:color-mix(in lab, red, red)){.text-white\/30{color:color-mix(in oklab,var(--color-white)30%,transparent)}}.text-white\/40{color:#fff6}@supports (color:color-mix(in lab, red, red)){.text-white\/40{color:color-mix(in oklab,var(--color-white)40%,transparent)}}.text-white\/60{color:#fff9}@supports (color:color-mix(in lab, red, red)){.text-white\/60{color:color-mix(in oklab,var(--color-white)60%,transparent)}}.text-white\/70{color:#ffffffb3}@supports (color:color-mix(in lab, red, red)){.text-white\/70{color:color-mix(in oklab,var(--color-white)70%,transparent)}}.text-white\/80{color:#fffc}@supports (color:color-mix(in lab, red, red)){.text-white\/80{color:color-mix(in oklab,var(--color-white)80%,transparent)}}.text-white\/90{color:#ffffffe6}@supports (color:color-mix(in lab, red, red)){.text-white\/90{color:color-mix(in oklab,var(--color-white)90%,transparent)}}.text-yellow-400{color:var(--color-yellow-400)}.text-yellow-500{color:var(--color-yellow-500)}.text-yellow-600{color:var(--color-yellow-600)}.text-yellow-700{color:var(--color-yellow-700)}.text-zinc-50{color:var(--color-zinc-50)}.text-zinc-100{color:var(--color-zinc-100)}.text-zinc-300{color:var(--color-zinc-300)}.text-zinc-400{color:var(--color-zinc-400)}.text-zinc-400\/50{color:#9f9fa980}@supports (color:color-mix(in lab, red, red)){.text-zinc-400\/50{color:color-mix(in oklab,var(--color-zinc-400)50%,transparent)}}.text-zinc-500{color:var(--color-zinc-500)}.text-zinc-600{color:var(--color-zinc-600)}.text-zinc-700{color:var(--color-zinc-700)}.text-zinc-800{color:var(--color-zinc-800)}.text-zinc-900{color:var(--color-zinc-900)}.text-zinc-900\/70{color:#18181bb3}@supports (color:color-mix(in lab, red, red)){.text-zinc-900\/70{color:color-mix(in oklab,var(--color-zinc-900)70%,transparent)}}.text-zinc-950{color:var(--color-zinc-950)}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,)var(--tw-slashed-zero,)var(--tw-numeric-figure,)var(--tw-numeric-spacing,)var(--tw-numeric-fraction,)}.line-through{text-decoration-line:line-through}.no-underline{text-decoration-line:none}.underline{text-decoration-line:underline}.underline-offset-2{text-underline-offset:2px}.underline-offset-4{text-underline-offset:4px}.placeholder-info::-moz-placeholder{color:var(--info)}.placeholder-info::placeholder{color:var(--info)}.opacity-0{opacity:0}.opacity-10{opacity:.1}.opacity-20{opacity:.2}.opacity-25{opacity:.25}.opacity-30{opacity:.3}.opacity-32{opacity:.32}.opacity-35{opacity:.35}.opacity-40{opacity:.4}.opacity-45{opacity:.45}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-75{opacity:.75}.opacity-80{opacity:.8}.opacity-90{opacity:.9}.opacity-95{opacity:.95}.opacity-100{opacity:1}.\!shadow-none{--tw-shadow:0 0 #0000!important;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)!important}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_1px_0_0_rgba\(0\,0\,0\,0\.05\)\]{--tw-shadow:0 1px 0 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_1px_2\.5px_0_rgba\(0\,0\,0\,0\.05\)\]{--tw-shadow:0 1px 2.5px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_1px_2px_-1px_rgba\(0\,0\,0\,0\.1\)\,0_1px_3px_0_rgba\(16\,24\,40\,0\.1\)\]{--tw-shadow:0 1px 2px -1px var(--tw-shadow-color,#0000001a),0 1px 3px 0 var(--tw-shadow-color,#1018281a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_1px_2px_0_rgba\(0\,0\,0\,0\.15\)\]{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#00000026);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_3px_3px_0_rgba\(0\,0\,0\,0\.12\)\]{--tw-shadow:0 3px 3px 0 var(--tw-shadow-color,#0000001f);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_4px_6px_-4px_rgba\(0\,0\,0\,0\.1\)\,0_10px_15px_-3px_rgba\(0\,0\,0\,0\.1\)\],.shadow-\[0_4px_6px_-4px_rgba\(0\,0\,0\,0\.10\)\,0_10px_15px_-3px_rgba\(0\,0\,0\,0\.10\)\]{--tw-shadow:0 4px 6px -4px var(--tw-shadow-color,#0000001a),0 10px 15px -3px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_4px_12px_0_rgba\(0\,0\,0\,0\.1\)\]{--tw-shadow:0 4px 12px 0 var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_4px_20px_rgb\(0\,0\,0\,0\.12\)\],.shadow-\[0_4px_20px_rgba\(0\,0\,0\,0\.12\)\]{--tw-shadow:0 4px 20px var(--tw-shadow-color,#0000001f);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_4px_24px_rgba\(0\,0\,0\,0\.4\)\]{--tw-shadow:0 4px 24px var(--tw-shadow-color,#0006);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_6px_16px_0_rgba\(0\,0\,0\,0\.08\)\,0_3px_6px_-4px_rgba\(0\,0\,0\,0\.12\)\,0_9px_28px_8px_rgba\(0\,0\,0\,0\.05\)\]{--tw-shadow:0 6px 16px 0 var(--tw-shadow-color,#00000014),0 3px 6px -4px var(--tw-shadow-color,#0000001f),0 9px 28px 8px var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_8px_28px_rgba\(15\,23\,42\,0\.06\)\]{--tw-shadow:0 8px 28px var(--tw-shadow-color,#0f172a0f);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_8px_32px_rgba\(0\,0\,0\,0\.12\)\]{--tw-shadow:0 8px 32px var(--tw-shadow-color,#0000001f);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_10px_36px_rgba\(0\,0\,0\,0\.05\)\]{--tw-shadow:0 10px 36px var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0px_1px_1px_0px_rgba\(0\,0\,0\,0\.05\)\]{--tw-shadow:0px 1px 1px 0px var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0px_1px_2px_0px_rgba\(0\,0\,0\,0\.05\)\]{--tw-shadow:0px 1px 2px 0px var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0px_1px_2px_0px_rgba\(0\,0\,0\,0\.15\)\]{--tw-shadow:0px 1px 2px 0px var(--tw-shadow-color,#00000026);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0px_1px_2px_rgba\(0\,0\,0\,0\.05\)\]{--tw-shadow:0px 1px 2px var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0px_1px_2px_rgba\(0\,0\,0\,0\.15\)\]{--tw-shadow:0px 1px 2px var(--tw-shadow-color,#00000026);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0px_1px_3px_0px_rgba\(16\,24\,40\,0\.1\)\,0px_1px_2px_-1px_rgba\(0\,0\,0\,0\.1\)\]{--tw-shadow:0px 1px 3px 0px var(--tw-shadow-color,#1018281a),0px 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0px_3px_3px_0px_rgba\(18\,17\,17\,0\.25\)\]{--tw-shadow:0px 3px 3px 0px var(--tw-shadow-color,#12111140);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0px_4px_6px_-4px_rgba\(0\,0\,0\,0\.1\)\,0px_10px_15px_-3px_rgba\(0\,0\,0\,0\.1\)\]{--tw-shadow:0px 4px 6px -4px var(--tw-shadow-color,#0000001a),0px 10px 15px -3px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0px_4px_12px_-1px_rgba\(0\,0\,0\,0\.1\)\]{--tw-shadow:0px 4px 12px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0px_6px_9px_-2px_rgba\(0\,0\,0\,0\.1\)\,0px_2px_4px_-2px_rgba\(0\,0\,0\,0\.1\)\]{--tw-shadow:0px 6px 9px -2px var(--tw-shadow-color,#0000001a),0px 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0px_7px_11px_-2px_rgba\(0\,0\,0\,0\.1\)\,0px_3px_4px_-3px_rgba\(0\,0\,0\,0\.1\)\]{--tw-shadow:0px 7px 11px -2px var(--tw-shadow-color,#0000001a),0px 3px 4px -3px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0px_10px_15px_-3px_rgba\(0\,0\,0\,0\.1\)\,0px_4px_6px_-4px_rgba\(0\,0\,0\,0\.1\)\]{--tw-shadow:0px 10px 15px -3px var(--tw-shadow-color,#0000001a),0px 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0px_20px_25px_-5px_rgba\(0\,0\,0\,0\.1\)\,0px_8px_10px_-6px_rgba\(0\,0\,0\,0\.1\)\]{--tw-shadow:0px 20px 25px -5px var(--tw-shadow-color,#0000001a),0px 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[1px_1px_2px_0px_rgba\(0\,0\,0\,0\.07\)\]{--tw-shadow:1px 1px 2px 0px var(--tw-shadow-color,#00000012);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[1px_1px_5px_0px_rgba\(39\,40\,42\,0\.03\)\]{--tw-shadow:1px 1px 5px 0px var(--tw-shadow-color,#27282a08);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[1px_2px_3px_0px_rgba\(0\,0\,0\,0\.05\)\]{--tw-shadow:1px 2px 3px 0px var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[1px_2px_3px_0px_rgba\(0\,0\,0\,0\.07\)\]{--tw-shadow:1px 2px 3px 0px var(--tw-shadow-color,#00000012);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[1px_2px_4px_0_rgba\(25\,26\,32\,0\.07\)\]{--tw-shadow:1px 2px 4px 0 var(--tw-shadow-color,#191a2012);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[inset_1px_1px_1px_0px_rgba\(0\,0\,0\,0\.02\)\]{--tw-shadow:inset 1px 1px 1px 0px var(--tw-shadow-color,#00000005);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-none{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a),0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xs{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-0{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(0px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-1{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-2{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-4{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(4px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-black\/20{--tw-shadow-color:#0003}@supports (color:color-mix(in lab, red, red)){.shadow-black\/20{--tw-shadow-color:color-mix(in oklab,color-mix(in oklab,var(--color-black)20%,transparent)var(--tw-shadow-alpha),transparent)}}.shadow-primary\/5{--tw-shadow-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.shadow-primary\/5{--tw-shadow-color:color-mix(in oklab,color-mix(in oklab,var(--primary)5%,transparent)var(--tw-shadow-alpha),transparent)}}.ring-blue-400\/50{--tw-ring-color:#54a2ff80}@supports (color:color-mix(in lab, red, red)){.ring-blue-400\/50{--tw-ring-color:color-mix(in oklab,var(--color-blue-400)50%,transparent)}}.ring-primary{--tw-ring-color:var(--primary)}.ring-ring\/50{--tw-ring-color:var(--ring)}@supports (color:color-mix(in lab, red, red)){.ring-ring\/50{--tw-ring-color:color-mix(in oklab,var(--ring)50%,transparent)}}.ring-white{--tw-ring-color:var(--color-white)}.ring-white\/30{--tw-ring-color:#ffffff4d}@supports (color:color-mix(in lab, red, red)){.ring-white\/30{--tw-ring-color:color-mix(in oklab,var(--color-white)30%,transparent)}}.ring-white\/70{--tw-ring-color:#ffffffb3}@supports (color:color-mix(in lab, red, red)){.ring-white\/70{--tw-ring-color:color-mix(in oklab,var(--color-white)70%,transparent)}}.ring-zinc-200{--tw-ring-color:var(--color-zinc-200)}.ring-offset-1{--tw-ring-offset-width:1px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.ring-offset-2{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.ring-offset-\[\#0A0A0A\]{--tw-ring-offset-color:#0a0a0a}.ring-offset-background{--tw-ring-offset-color:var(--background)}.outline-hidden{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.outline-hidden{outline-offset:2px;outline:2px solid #0000}}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.blur-2xl{--tw-blur:blur(var(--blur-2xl));filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.blur-3xl{--tw-blur:blur(var(--blur-3xl));filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.blur-sm{--tw-blur:blur(var(--blur-sm));filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.grayscale{--tw-grayscale:grayscale(100%);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.invert{--tw-invert:invert(100%);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.sepia{--tw-sepia:sepia(100%);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.backdrop-blur{--tw-backdrop-blur:blur(8px);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.backdrop-blur-\[1\.5px\]{--tw-backdrop-blur:blur(1.5px);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.backdrop-blur-\[2px\]{--tw-backdrop-blur:blur(2px);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.backdrop-blur-\[3px\]{--tw-backdrop-blur:blur(3px);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.backdrop-blur-\[4px\]{--tw-backdrop-blur:blur(4px);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.backdrop-blur-\[6px\]{--tw-backdrop-blur:blur(6px);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.backdrop-blur-\[10px\]{--tw-backdrop-blur:blur(10px);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.backdrop-blur-\[12px\]{--tw-backdrop-blur:blur(12px);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.backdrop-blur-\[15px\]{--tw-backdrop-blur:blur(15px);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.backdrop-blur-\[20px\]{--tw-backdrop-blur:blur(20px);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.backdrop-blur-\[25px\]{--tw-backdrop-blur:blur(25px);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.backdrop-blur-\[50px\]{--tw-backdrop-blur:blur(50px);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.backdrop-blur-\[100px\]{--tw-backdrop-blur:blur(100px);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.backdrop-blur-md{--tw-backdrop-blur:blur(var(--blur-md));backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.backdrop-blur-xs{--tw-backdrop-blur:blur(var(--blur-xs));backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.backdrop-filter{backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[background-color\,color\,transform\]{transition-property:background-color,color,transform;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[background-color\,color\]{transition-property:background-color,color;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[background-color\]{transition-property:background-color;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[border-color\,box-shadow\]{transition-property:border-color,box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[border-color\]{transition-property:border-color;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[color\,box-shadow\]{transition-property:color,box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[color\,opacity\]{transition-property:color,opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[stroke-dashoffset\]{transition-property:stroke-dashoffset;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[width\]{transition-property:width;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-none{transition-property:none}.duration-100{--tw-duration:.1s;transition-duration:.1s}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-500{--tw-duration:.5s;transition-duration:.5s}.duration-1000{--tw-duration:1s;transition-duration:1s}.ease-\[cubic-bezier\(0\.22\,1\,0\.36\,1\)\]{--tw-ease:cubic-bezier(.22,1,.36,1);transition-timing-function:cubic-bezier(.22,1,.36,1)}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-linear{--tw-ease:linear;transition-timing-function:linear}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.will-change-\[transform\,opacity\,filter\]{will-change:transform,opacity,filter}.will-change-transform{will-change:transform}.fade-in-0{--tw-enter-opacity:0}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.zoom-in-95{--tw-enter-scale:.95}.\[--cell-size\:--spacing\(8\)\]{--cell-size:calc(var(--spacing)*8)}.\[-ms-overflow-style\:none\]{-ms-overflow-style:none}.\[perspective\:500px\]{perspective:500px}.\[scrollbar-width\:none\]{scrollbar-width:none}.\[scrollbar-width\:none\]\!{scrollbar-width:none!important}.\[transform-style\:preserve-3d\]{transform-style:preserve-3d}.fade-in{--tw-enter-opacity:0}.paused{animation-play-state:paused}.running{animation-play-state:running}.zoom-in-\[0\.98\]{--tw-enter-scale:.98}@media (hover:hover){.group-hover\:translate-x-1:is(:where(.group):hover *){--tw-translate-x:calc(var(--spacing)*1);translate:var(--tw-translate-x)var(--tw-translate-y)}.group-hover\:translate-x-\[200\%\]:is(:where(.group):hover *){--tw-translate-x:200%;translate:var(--tw-translate-x)var(--tw-translate-y)}.group-hover\:scale-105:is(:where(.group):hover *){--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x)var(--tw-scale-y)}.group-hover\:scale-110:is(:where(.group):hover *){--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x)var(--tw-scale-y)}.group-hover\:scale-150:is(:where(.group):hover *){--tw-scale-x:150%;--tw-scale-y:150%;--tw-scale-z:150%;scale:var(--tw-scale-x)var(--tw-scale-y)}.group-hover\:rotate-3:is(:where(.group):hover *){rotate:3deg}.group-hover\:bg-black\/10:is(:where(.group):hover *){background-color:#0000001a}@supports (color:color-mix(in lab, red, red)){.group-hover\:bg-black\/10:is(:where(.group):hover *){background-color:color-mix(in oklab,var(--color-black)10%,transparent)}}.group-hover\:bg-primary\/20:is(:where(.group):hover *){background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.group-hover\:bg-primary\/20:is(:where(.group):hover *){background-color:color-mix(in oklab,var(--primary)20%,transparent)}}.group-hover\:font-medium:is(:where(.group):hover *){--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.group-hover\:text-accent-foreground:is(:where(.group):hover *){color:var(--accent-foreground)}.group-hover\:text-foreground:is(:where(.group):hover *){color:var(--foreground)}.group-hover\:text-muted-foreground:is(:where(.group):hover *){color:var(--muted-foreground)}.group-hover\:text-primary:is(:where(.group):hover *){color:var(--primary)}.group-hover\:text-purple-400:is(:where(.group):hover *){color:var(--color-purple-400)}.group-hover\:text-zinc-50:is(:where(.group):hover *){color:var(--color-zinc-50)}.group-hover\:underline:is(:where(.group):hover *){text-decoration-line:underline}.group-hover\:opacity-0:is(:where(.group):hover *){opacity:0}.group-hover\:opacity-50:is(:where(.group):hover *){opacity:.5}.group-hover\:opacity-100:is(:where(.group):hover *),.group-hover\/card\:opacity-100:is(:where(.group\/card):hover *),.group-hover\/image\:opacity-100:is(:where(.group\/image):hover *){opacity:1}.group-hover\/item\:pointer-events-none:is(:where(.group\/item):hover *){pointer-events:none}.group-hover\/item\:flex:is(:where(.group\/item):hover *){display:flex}.group-hover\/item\:opacity-0:is(:where(.group\/item):hover *){opacity:0}.group-hover\/item\:opacity-100:is(:where(.group\/item):hover *),.group-hover\/resource\:opacity-100:is(:where(.group\/resource):hover *){opacity:1}}.group-has-\[\>input\]\/input-group\:pt-2\.5:is(:where(.group\/input-group):has(>input) *){padding-top:calc(var(--spacing)*2.5)}.group-has-\[\>input\]\/input-group\:pb-2\.5:is(:where(.group\/input-group):has(>input) *){padding-bottom:calc(var(--spacing)*2.5)}.group-data-\[disabled\=true\]\:pointer-events-none:is(:where(.group)[data-disabled=true] *){pointer-events:none}.group-data-\[disabled\=true\]\:opacity-50:is(:where(.group)[data-disabled=true] *),.group-data-\[disabled\=true\]\/input-group\:opacity-50:is(:where(.group\/input-group)[data-disabled=true] *){opacity:.5}.group-data-\[focused\=true\]\/day\:relative:is(:where(.group\/day)[data-focused=true] *){position:relative}.group-data-\[focused\=true\]\/day\:z-10:is(:where(.group\/day)[data-focused=true] *){z-index:10}.group-data-\[focused\=true\]\/day\:border-ring:is(:where(.group\/day)[data-focused=true] *){border-color:var(--ring)}.group-data-\[focused\=true\]\/day\:ring-\[3px\]:is(:where(.group\/day)[data-focused=true] *){--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(3px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.group-data-\[focused\=true\]\/day\:ring-ring\/50:is(:where(.group\/day)[data-focused=true] *){--tw-ring-color:var(--ring)}@supports (color:color-mix(in lab, red, red)){.group-data-\[focused\=true\]\/day\:ring-ring\/50:is(:where(.group\/day)[data-focused=true] *){--tw-ring-color:color-mix(in oklab,var(--ring)50%,transparent)}}.group-data-\[highlighted\]\:font-medium:is(:where(.group)[data-highlighted] *){--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.group-data-\[state\=open\]\/card\:border-b:is(:where(.group\/card)[data-state=open] *){border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.group-data-\[vaul-drawer-direction\=bottom\]\/drawer-content\:block:is(:where(.group\/drawer-content)[data-vaul-drawer-direction=bottom] *){display:block}.group-data-\[vaul-drawer-direction\=bottom\]\/drawer-content\:text-center:is(:where(.group\/drawer-content)[data-vaul-drawer-direction=bottom] *),.group-data-\[vaul-drawer-direction\=top\]\/drawer-content\:text-center:is(:where(.group\/drawer-content)[data-vaul-drawer-direction=top] *){text-align:center}.peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled~*){cursor:not-allowed}.peer-disabled\:opacity-50:is(:where(.peer):disabled~*){opacity:.5}.selection\:bg-\[rgba\(115\,115\,115\,0\.5\)\] ::-moz-selection{background-color:#73737380}.selection\:bg-\[rgba\(115\,115\,115\,0\.5\)\] ::selection{background-color:#73737380}.selection\:bg-\[rgba\(115\,115\,115\,0\.5\)\]::-moz-selection{background-color:#73737380}.selection\:bg-\[rgba\(115\,115\,115\,0\.5\)\]::selection{background-color:#73737380}.selection\:bg-primary ::-moz-selection{background-color:var(--primary)}.selection\:bg-primary ::selection{background-color:var(--primary)}.selection\:bg-primary::-moz-selection{background-color:var(--primary)}.selection\:bg-primary::selection{background-color:var(--primary)}.selection\:text-primary-foreground ::-moz-selection{color:var(--primary-foreground)}.selection\:text-primary-foreground ::selection{color:var(--primary-foreground)}.selection\:text-primary-foreground::-moz-selection{color:var(--primary-foreground)}.selection\:text-primary-foreground::selection{color:var(--primary-foreground)}.file\:inline-flex::file-selector-button{display:inline-flex}.file\:h-7::file-selector-button{height:calc(var(--spacing)*7)}.file\:border-0::file-selector-button{border-style:var(--tw-border-style);border-width:0}.file\:bg-transparent::file-selector-button{background-color:#0000}.file\:text-sm::file-selector-button{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.file\:font-medium::file-selector-button{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.file\:text-foreground::file-selector-button{color:var(--foreground)}.placeholder\:text-\[\#09090B\]\/40::-moz-placeholder{color:oklab(14.0765% .00119585 -.00421971/.4)}.placeholder\:text-\[\#09090B\]\/40::placeholder{color:oklab(14.0765% .00119585 -.00421971/.4)}.placeholder\:text-\[\#A1A1AA\]::-moz-placeholder{color:#a1a1aa}.placeholder\:text-\[\#A1A1AA\]::placeholder{color:#a1a1aa}.placeholder\:text-\[\#A3A3A3\]::-moz-placeholder, .placeholder\:text-\[\#a3a3a3\]::-moz-placeholder{color:#a3a3a3}.placeholder\:text-\[\#A3A3A3\]::placeholder,.placeholder\:text-\[\#a3a3a3\]::placeholder{color:#a3a3a3}.placeholder\:text-muted-foreground::-moz-placeholder{color:var(--muted-foreground)}.placeholder\:text-muted-foreground::placeholder{color:var(--muted-foreground)}.placeholder\:text-neutral-500::-moz-placeholder{color:var(--color-neutral-500)}.placeholder\:text-neutral-500::placeholder{color:var(--color-neutral-500)}.placeholder\:text-white\/40::-moz-placeholder{color:#fff6}.placeholder\:text-white\/40::placeholder{color:#fff6}@supports (color:color-mix(in lab, red, red)){.placeholder\:text-white\/40::-moz-placeholder{color:color-mix(in oklab,var(--color-white)40%,transparent)}.placeholder\:text-white\/40::placeholder{color:color-mix(in oklab,var(--color-white)40%,transparent)}}.placeholder\:text-white\/60::-moz-placeholder{color:#fff9}.placeholder\:text-white\/60::placeholder{color:#fff9}@supports (color:color-mix(in lab, red, red)){.placeholder\:text-white\/60::-moz-placeholder{color:color-mix(in oklab,var(--color-white)60%,transparent)}.placeholder\:text-white\/60::placeholder{color:color-mix(in oklab,var(--color-white)60%,transparent)}}.placeholder\:text-zinc-400::-moz-placeholder{color:var(--color-zinc-400)}.placeholder\:text-zinc-400::placeholder{color:var(--color-zinc-400)}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:inset-y-0:after{content:var(--tw-content);inset-block:calc(var(--spacing)*0)}.after\:left-1\/2:after{content:var(--tw-content);left:50%}.after\:w-1:after{content:var(--tw-content);width:calc(var(--spacing)*1)}.after\:-translate-x-1\/2:after{content:var(--tw-content);--tw-translate-x:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.first\:mt-0:first-child{margin-top:calc(var(--spacing)*0)}.last\:mb-0:last-child{margin-bottom:calc(var(--spacing)*0)}.last\:border-r-0:last-child{border-right-style:var(--tw-border-style);border-right-width:0}.last\:border-b-0:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.focus-within\:ring-1:focus-within{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-within\:ring-ring:focus-within{--tw-ring-color:var(--ring)}@media (hover:hover){.hover\:z-20:hover{z-index:20}.hover\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x)var(--tw-scale-y)}.hover\:scale-110:hover{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x)var(--tw-scale-y)}.hover\:rounded-full:hover{border-radius:3.40282e38px}.hover\:border-\[\#D4D4D8\]:hover{border-color:#d4d4d8}.hover\:border-\[\#c5c5c5\]:hover{border-color:#c5c5c5}.hover\:border-\[\#d4d4d4\]:hover{border-color:#d4d4d4}.hover\:border-accent\/30:hover{border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.hover\:border-accent\/30:hover{border-color:color-mix(in oklab,var(--accent)30%,transparent)}}.hover\:border-blue-500\/32:hover{border-color:#3080ff52}@supports (color:color-mix(in lab, red, red)){.hover\:border-blue-500\/32:hover{border-color:color-mix(in oklab,var(--color-blue-500)32%,transparent)}}.hover\:border-border:hover{border-color:var(--border)}.hover\:border-fill\/60:hover{border-color:var(--fill)}@supports (color:color-mix(in lab, red, red)){.hover\:border-fill\/60:hover{border-color:color-mix(in oklab,var(--fill)60%,transparent)}}.hover\:border-gray-300:hover{border-color:var(--color-gray-300)}.hover\:border-gray-500:hover{border-color:var(--color-gray-500)}.hover\:border-muted-foreground:hover{border-color:var(--muted-foreground)}.hover\:border-neutral-400:hover{border-color:var(--color-neutral-400)}.hover\:border-purple-500\/50:hover{border-color:#ac4bff80}@supports (color:color-mix(in lab, red, red)){.hover\:border-purple-500\/50:hover{border-color:color-mix(in oklab,var(--color-purple-500)50%,transparent)}}.hover\:border-white\/15:hover{border-color:#ffffff26}@supports (color:color-mix(in lab, red, red)){.hover\:border-white\/15:hover{border-color:color-mix(in oklab,var(--color-white)15%,transparent)}}.hover\:border-white\/60:hover{border-color:#fff9}@supports (color:color-mix(in lab, red, red)){.hover\:border-white\/60:hover{border-color:color-mix(in oklab,var(--color-white)60%,transparent)}}.hover\:border-zinc-300:hover{border-color:var(--color-zinc-300)}.hover\:border-zinc-600:hover{border-color:var(--color-zinc-600)}.hover\:\!bg-\[\#E4E4E7\]:hover{background-color:#e4e4e7!important}.hover\:\!bg-\[rgba\(217\,217\,225\,0\.5\)\]:hover{background-color:#d9d9e180!important}.hover\:\!bg-white\/10:hover{background-color:#ffffff1a!important}@supports (color:color-mix(in lab, red, red)){.hover\:\!bg-white\/10:hover{background-color:color-mix(in oklab,var(--color-white)10%,transparent)!important}}.hover\:bg-\[\#0F0F10\]:hover{background-color:#0f0f10}.hover\:bg-\[\#3F3F46\]\/30:hover{background-color:oklab(37.0323% .00323568 -.0114308/.3)}.hover\:bg-\[\#3a3a3a\]:hover{background-color:#3a3a3a}.hover\:bg-\[\#3f3f46\]:hover{background-color:#3f3f46}.hover\:bg-\[\#3f3f464d\]:hover{background-color:#3f3f464d}.hover\:bg-\[\#222\]:hover{background-color:#222}.hover\:bg-\[\#333\]:hover{background-color:#333}.hover\:bg-\[\#27272A\]:hover{background-color:#27272a}.hover\:bg-\[\#171717\]\/90:hover{background-color:oklab(20.4627% -3.72529e-8 1.49012e-8/.9)}.hover\:bg-\[\#171717ad\]:hover{background-color:#171717ad}.hover\:bg-\[\#262626\]:hover{background-color:#262626}.hover\:bg-\[\#A8D84A\]:hover{background-color:#a8d84a}.hover\:bg-\[\#D4D4D4\]:hover{background-color:#d4d4d4}.hover\:bg-\[\#E4E4E7\]:hover{background-color:#e4e4e7}.hover\:bg-\[\#E5E5E5\]:hover{background-color:#e5e5e5}.hover\:bg-\[\#E5E5E5\]\/90:hover{background-color:oklab(92.1906% 2.98023e-8 0/.9)}.hover\:bg-\[\#E5E7EB\]:hover{background-color:#e5e7eb}.hover\:bg-\[\#E6E6E6\]\/50:hover{background-color:oklab(92.494% -5.96046e-8 5.96046e-8/.5)}.hover\:bg-\[\#F0F7E5\]:hover{background-color:#f0f7e5}.hover\:bg-\[\#F4F4F5\]:hover{background-color:#f4f4f5}.hover\:bg-\[\#F5F4EB\]:hover{background-color:#f5f4eb}.hover\:bg-\[\#F7F7F7\]:hover{background-color:#f7f7f7}.hover\:bg-\[\#FAFAFA\]:hover{background-color:#fafafa}.hover\:bg-\[\#b8e65a\]:hover{background-color:#b8e65a}.hover\:bg-\[\#d4d4d4\]:hover{background-color:#d4d4d4}.hover\:bg-\[\#e4e4e7\]:hover{background-color:#e4e4e7}.hover\:bg-\[\#e8eaee\]:hover{background-color:#e8eaee}.hover\:bg-\[\#ebebeb\]:hover{background-color:#ebebeb}.hover\:bg-\[\#f1f1f1\]:hover{background-color:#f1f1f1}.hover\:bg-\[\#f3f2f2\]\/50:hover{background-color:oklab(96.1917% .00102338 .000316381/.5)}.hover\:bg-\[\#f3f3f3\]:hover{background-color:#f3f3f3}.hover\:bg-\[\#f5f5f5\]:hover{background-color:#f5f5f5}.hover\:bg-\[\#f8f8f8\]:hover{background-color:#f8f8f8}.hover\:bg-\[\#fafafa\]:hover{background-color:#fafafa}.hover\:bg-\[rgba\(59\,130\,246\,0\.32\)\]:hover{background-color:#3b82f652}.hover\:bg-\[rgba\(63\,63\,70\,0\.6\)\]:hover{background-color:#3f3f4699}.hover\:bg-\[rgba\(63\,63\,70\,0\.56\)\]:hover{background-color:#3f3f468f}.hover\:bg-\[rgba\(63\,63\,70\,0\.85\)\]:hover{background-color:#3f3f46d9}.hover\:bg-\[rgba\(163\,163\,163\,0\.7\)\]:hover{background-color:#a3a3a3b3}.hover\:bg-\[rgba\(232\,232\,236\,0\.5\)\]:hover{background-color:#e8e8ec80}.hover\:bg-\[rgba\(239\,68\,68\,0\.4\)\]:hover{background-color:#ef444466}.hover\:bg-\[rgba\(240\,242\,245\,0\.9\)\]:hover{background-color:#f0f2f5e6}.hover\:bg-\[rgba\(250\,250\,250\,0\.4\)\]:hover{background-color:#fafafa66}.hover\:bg-\[rgba\(250\,250\,250\,0\.9\)\]:hover{background-color:#fafafae6}.hover\:bg-\[rgba\(255\,255\,255\,0\.1\)\]:hover{background-color:#ffffff1a}.hover\:bg-\[var\(--accent\)\]:hover,.hover\:bg-accent:hover{background-color:var(--accent)}.hover\:bg-accent-foreground\/10:hover{background-color:var(--accent-foreground)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-accent-foreground\/10:hover{background-color:color-mix(in oklab,var(--accent-foreground)10%,transparent)}}.hover\:bg-accent\/10:hover{background-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-accent\/10:hover{background-color:color-mix(in oklab,var(--accent)10%,transparent)}}.hover\:bg-accent\/50:hover{background-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-accent\/50:hover{background-color:color-mix(in oklab,var(--accent)50%,transparent)}}.hover\:bg-accent\/80:hover{background-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-accent\/80:hover{background-color:color-mix(in oklab,var(--accent)80%,transparent)}}.hover\:bg-amber-600:hover{background-color:var(--color-amber-600)}.hover\:bg-background\/95:hover{background-color:var(--background)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-background\/95:hover{background-color:color-mix(in oklab,var(--background)95%,transparent)}}.hover\:bg-black\/5:hover{background-color:#0000000d}@supports (color:color-mix(in lab, red, red)){.hover\:bg-black\/5:hover{background-color:color-mix(in oklab,var(--color-black)5%,transparent)}}.hover\:bg-black\/80:hover{background-color:#000c}@supports (color:color-mix(in lab, red, red)){.hover\:bg-black\/80:hover{background-color:color-mix(in oklab,var(--color-black)80%,transparent)}}.hover\:bg-blue-100:hover{background-color:var(--color-blue-100)}.hover\:bg-blue-500\/32:hover{background-color:#3080ff52}@supports (color:color-mix(in lab, red, red)){.hover\:bg-blue-500\/32:hover{background-color:color-mix(in oklab,var(--color-blue-500)32%,transparent)}}.hover\:bg-destructive\/80:hover{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-destructive\/80:hover{background-color:color-mix(in oklab,var(--destructive)80%,transparent)}}.hover\:bg-destructive\/90:hover{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-destructive\/90:hover{background-color:color-mix(in oklab,var(--destructive)90%,transparent)}}.hover\:bg-emerald-500\/15:hover{background-color:#00bb7f26}@supports (color:color-mix(in lab, red, red)){.hover\:bg-emerald-500\/15:hover{background-color:color-mix(in oklab,var(--color-emerald-500)15%,transparent)}}.hover\:bg-fill-tr-48:hover{background-color:var(--fill-tr-48)}.hover\:bg-fill\/20:hover{background-color:var(--fill)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-fill\/20:hover{background-color:color-mix(in oklab,var(--fill)20%,transparent)}}.hover\:bg-fill\/30:hover{background-color:var(--fill)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-fill\/30:hover{background-color:color-mix(in oklab,var(--fill)30%,transparent)}}.hover\:bg-fill\/50:hover{background-color:var(--fill)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-fill\/50:hover{background-color:color-mix(in oklab,var(--fill)50%,transparent)}}.hover\:bg-fill\/60:hover{background-color:var(--fill)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-fill\/60:hover{background-color:color-mix(in oklab,var(--fill)60%,transparent)}}.hover\:bg-gray-50:hover{background-color:var(--color-gray-50)}.hover\:bg-gray-100:hover{background-color:var(--color-gray-100)}.hover\:bg-gray-300:hover{background-color:var(--color-gray-300)}.hover\:bg-gray-600:hover{background-color:var(--color-gray-600)}.hover\:bg-gray-800:hover{background-color:var(--color-gray-800)}.hover\:bg-green-600:hover{background-color:var(--color-green-600)}.hover\:bg-input\/30:hover{background-color:var(--input)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-input\/30:hover{background-color:color-mix(in oklab,var(--input)30%,transparent)}}.hover\:bg-muted:hover,.hover\:bg-muted\/50:hover{background-color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-muted\/50:hover{background-color:color-mix(in oklab,var(--muted)50%,transparent)}}.hover\:bg-neutral-100:hover{background-color:var(--color-neutral-100)}.hover\:bg-neutral-800:hover{background-color:var(--color-neutral-800)}.hover\:bg-orange-600:hover{background-color:var(--color-orange-600)}.hover\:bg-pink-600:hover{background-color:var(--color-pink-600)}.hover\:bg-primary\/80:hover{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-primary\/80:hover{background-color:color-mix(in oklab,var(--primary)80%,transparent)}}.hover\:bg-primary\/90:hover{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-primary\/90:hover{background-color:color-mix(in oklab,var(--primary)90%,transparent)}}.hover\:bg-primary\/95:hover{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-primary\/95:hover{background-color:color-mix(in oklab,var(--primary)95%,transparent)}}.hover\:bg-purple-600:hover{background-color:var(--color-purple-600)}.hover\:bg-purple-700:hover{background-color:var(--color-purple-700)}.hover\:bg-red-500:hover{background-color:var(--color-red-500)}.hover\:bg-red-600:hover{background-color:var(--color-red-600)}.hover\:bg-red-700:hover{background-color:var(--color-red-700)}.hover\:bg-rose-500\/15:hover{background-color:#ff235726}@supports (color:color-mix(in lab, red, red)){.hover\:bg-rose-500\/15:hover{background-color:color-mix(in oklab,var(--color-rose-500)15%,transparent)}}.hover\:bg-secondary:hover,.hover\:bg-secondary\/80:hover{background-color:var(--secondary)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-secondary\/80:hover{background-color:color-mix(in oklab,var(--secondary)80%,transparent)}}.hover\:bg-secondary\/90:hover{background-color:var(--secondary)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-secondary\/90:hover{background-color:color-mix(in oklab,var(--secondary)90%,transparent)}}.hover\:bg-sidebar:hover{background-color:var(--sidebar)}.hover\:bg-sidebar-accent\/50:hover{background-color:var(--sidebar-accent)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-sidebar-accent\/50:hover{background-color:color-mix(in oklab,var(--sidebar-accent)50%,transparent)}}.hover\:bg-transparent:hover{background-color:#0000}.hover\:bg-white:hover{background-color:var(--color-white)}.hover\:bg-white\/5:hover{background-color:#ffffff0d}@supports (color:color-mix(in lab, red, red)){.hover\:bg-white\/5:hover{background-color:color-mix(in oklab,var(--color-white)5%,transparent)}}.hover\:bg-white\/10:hover{background-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.hover\:bg-white\/10:hover{background-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.hover\:bg-white\/20:hover{background-color:#fff3}@supports (color:color-mix(in lab, red, red)){.hover\:bg-white\/20:hover{background-color:color-mix(in oklab,var(--color-white)20%,transparent)}}.hover\:bg-white\/25:hover{background-color:#ffffff40}@supports (color:color-mix(in lab, red, red)){.hover\:bg-white\/25:hover{background-color:color-mix(in oklab,var(--color-white)25%,transparent)}}.hover\:bg-white\/30:hover{background-color:#ffffff4d}@supports (color:color-mix(in lab, red, red)){.hover\:bg-white\/30:hover{background-color:color-mix(in oklab,var(--color-white)30%,transparent)}}.hover\:bg-white\/90:hover{background-color:#ffffffe6}@supports (color:color-mix(in lab, red, red)){.hover\:bg-white\/90:hover{background-color:color-mix(in oklab,var(--color-white)90%,transparent)}}.hover\:bg-white\/95:hover{background-color:#fffffff2}@supports (color:color-mix(in lab, red, red)){.hover\:bg-white\/95:hover{background-color:color-mix(in oklab,var(--color-white)95%,transparent)}}.hover\:bg-white\/\[0\.06\]:hover{background-color:#ffffff0f}@supports (color:color-mix(in lab, red, red)){.hover\:bg-white\/\[0\.06\]:hover{background-color:color-mix(in oklab,var(--color-white)6%,transparent)}}.hover\:bg-zinc-50:hover{background-color:var(--color-zinc-50)}.hover\:bg-zinc-100:hover{background-color:var(--color-zinc-100)}.hover\:bg-zinc-100\/80:hover{background-color:#f4f4f5cc}@supports (color:color-mix(in lab, red, red)){.hover\:bg-zinc-100\/80:hover{background-color:color-mix(in oklab,var(--color-zinc-100)80%,transparent)}}.hover\:bg-zinc-100\/90:hover{background-color:#f4f4f5e6}@supports (color:color-mix(in lab, red, red)){.hover\:bg-zinc-100\/90:hover{background-color:color-mix(in oklab,var(--color-zinc-100)90%,transparent)}}.hover\:bg-zinc-200:hover{background-color:var(--color-zinc-200)}.hover\:bg-zinc-700\/30:hover{background-color:#3f3f464d}@supports (color:color-mix(in lab, red, red)){.hover\:bg-zinc-700\/30:hover{background-color:color-mix(in oklab,var(--color-zinc-700)30%,transparent)}}.hover\:bg-zinc-700\/80:hover{background-color:#3f3f46cc}@supports (color:color-mix(in lab, red, red)){.hover\:bg-zinc-700\/80:hover{background-color:color-mix(in oklab,var(--color-zinc-700)80%,transparent)}}.hover\:bg-zinc-800:hover{background-color:var(--color-zinc-800)}.hover\:bg-zinc-900\/50:hover{background-color:#18181b80}@supports (color:color-mix(in lab, red, red)){.hover\:bg-zinc-900\/50:hover{background-color:color-mix(in oklab,var(--color-zinc-900)50%,transparent)}}.hover\:from-purple-500\/30:hover{--tw-gradient-from:#ac4bff4d}@supports (color:color-mix(in lab, red, red)){.hover\:from-purple-500\/30:hover{--tw-gradient-from:color-mix(in oklab,var(--color-purple-500)30%,transparent)}}.hover\:from-purple-500\/30:hover{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.hover\:from-yellow-700:hover{--tw-gradient-from:var(--color-yellow-700);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.hover\:to-orange-600:hover{--tw-gradient-to:var(--color-orange-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.hover\:to-pink-500\/30:hover{--tw-gradient-to:#f6339a4d}@supports (color:color-mix(in lab, red, red)){.hover\:to-pink-500\/30:hover{--tw-gradient-to:color-mix(in oklab,var(--color-pink-500)30%,transparent)}}.hover\:to-pink-500\/30:hover{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.hover\:text-\[\#171717\]:hover{color:#171717}.hover\:text-\[\#404040\]:hover{color:#404040}.hover\:text-\[\#CAFF5B\]\/80:hover{color:oklab(93.3093% -.113705 .159969/.8)}.hover\:text-\[\#E4E4E7\]:hover{color:#e4e4e7}.hover\:text-\[\#EDEDED\]:hover{color:#ededed}.hover\:text-\[\#FAFAFA\]:hover{color:#fafafa}.hover\:text-\[\#FAFAFA\]\/80:hover{color:oklab(98.5104% -1.19209e-7 5.96046e-8/.8)}.hover\:text-\[\#fafafa\]:hover{color:#fafafa}.hover\:text-accent-foreground:hover{color:var(--accent-foreground)}.hover\:text-blue-500:hover{color:var(--color-blue-500)}.hover\:text-blue-600:hover{color:var(--color-blue-600)}.hover\:text-blue-700:hover{color:var(--color-blue-700)}.hover\:text-blue-800:hover{color:var(--color-blue-800)}.hover\:text-destructive-foreground:hover{color:var(--destructive-foreground)}.hover\:text-emerald-800:hover{color:var(--color-emerald-800)}.hover\:text-foreground:hover{color:var(--foreground)}.hover\:text-gray-600:hover{color:var(--color-gray-600)}.hover\:text-gray-700:hover{color:var(--color-gray-700)}.hover\:text-inherit:hover{color:inherit}.hover\:text-muted-foreground:hover{color:var(--muted-foreground)}.hover\:text-neutral-700:hover{color:var(--color-neutral-700)}.hover\:text-neutral-900:hover{color:var(--color-neutral-900)}.hover\:text-primary:hover{color:var(--primary)}.hover\:text-purple-400:hover{color:var(--color-purple-400)}.hover\:text-red-400:hover{color:var(--color-red-400)}.hover\:text-sidebar-foreground:hover{color:var(--sidebar-foreground)}.hover\:text-white:hover{color:var(--color-white)}.hover\:text-zinc-50:hover{color:var(--color-zinc-50)}.hover\:text-zinc-700:hover{color:var(--color-zinc-700)}.hover\:no-underline:hover{text-decoration-line:none}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-70:hover{opacity:.7}.hover\:opacity-80:hover{opacity:.8}.hover\:opacity-90:hover{opacity:.9}.hover\:opacity-100:hover{opacity:1}.hover\:shadow-\[0_12px_36px_rgba\(15\,23\,42\,0\.10\)\]:hover{--tw-shadow:0 12px 36px var(--tw-shadow-color,#0f172a1a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:shadow-lg:hover{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:shadow-md:hover{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:shadow-xl:hover{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a),0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:ring-4:hover{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(4px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:shadow-primary\/10:hover{--tw-shadow-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.hover\:shadow-primary\/10:hover{--tw-shadow-color:color-mix(in oklab,color-mix(in oklab,var(--primary)10%,transparent)var(--tw-shadow-alpha),transparent)}}.hover\:brightness-110:hover{--tw-brightness:brightness(110%);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}}.focus\:border-none:focus{--tw-border-style:none;border-style:none}.focus\:border-\[\#171717\]:focus{border-color:#171717}.focus\:border-\[\#CAFF5B\]:focus{border-color:#caff5b}.focus\:border-lime-500:focus{border-color:var(--color-lime-500)}.focus\:border-primary:focus{border-color:var(--primary)}.focus\:bg-\[\#F5F5F5\]:focus{background-color:#f5f5f5}.focus\:bg-\[rgba\(255\,255\,255\,0\.1\)\]:focus{background-color:#ffffff1a}.focus\:bg-accent:focus{background-color:var(--accent)}.focus\:bg-transparent:focus{background-color:#0000}.focus\:bg-white\/10:focus{background-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.focus\:bg-white\/10:focus{background-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.focus\:text-\[\#27272A\]:focus{color:#27272a}.focus\:text-\[\#FAFAFA\]:focus{color:#fafafa}.focus\:text-accent-foreground:focus{color:var(--accent-foreground)}.focus\:text-destructive:focus{color:var(--destructive)}.focus\:text-white:focus{color:var(--color-white)}.focus\:ring-0:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(0px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-1:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-\[\#171717\]:focus{--tw-ring-color:#171717}.focus\:ring-lime-500\/15:focus{--tw-ring-color:#80cd0026}@supports (color:color-mix(in lab, red, red)){.focus\:ring-lime-500\/15:focus{--tw-ring-color:color-mix(in oklab,var(--color-lime-500)15%,transparent)}}.focus\:ring-ring:focus{--tw-ring-color:var(--ring)}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus-visible\:border-input:focus-visible{border-color:var(--input)}.focus-visible\:border-ring:focus-visible{border-color:var(--ring)}.focus-visible\:border-white\/20:focus-visible{border-color:#fff3}@supports (color:color-mix(in lab, red, red)){.focus-visible\:border-white\/20:focus-visible{border-color:color-mix(in oklab,var(--color-white)20%,transparent)}}.focus-visible\:ring-0:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(0px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-1:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-4:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(4px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-\[3px\]:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(3px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-destructive:focus-visible,.focus-visible\:ring-destructive\/20:focus-visible{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.focus-visible\:ring-destructive\/20:focus-visible{--tw-ring-color:color-mix(in oklab,var(--destructive)20%,transparent)}}.focus-visible\:ring-ring:focus-visible,.focus-visible\:ring-ring\/30:focus-visible{--tw-ring-color:var(--ring)}@supports (color:color-mix(in lab, red, red)){.focus-visible\:ring-ring\/30:focus-visible{--tw-ring-color:color-mix(in oklab,var(--ring)30%,transparent)}}.focus-visible\:ring-ring\/50:focus-visible{--tw-ring-color:var(--ring)}@supports (color:color-mix(in lab, red, red)){.focus-visible\:ring-ring\/50:focus-visible{--tw-ring-color:color-mix(in oklab,var(--ring)50%,transparent)}}.focus-visible\:ring-white\/10:focus-visible{--tw-ring-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.focus-visible\:ring-white\/10:focus-visible{--tw-ring-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.focus-visible\:ring-offset-0:focus-visible{--tw-ring-offset-width:0px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus-visible\:ring-offset-1:focus-visible{--tw-ring-offset-width:1px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus-visible\:outline-hidden:focus-visible{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.focus-visible\:outline-hidden:focus-visible{outline-offset:2px;outline:2px solid #0000}}.focus-visible\:outline-1:focus-visible{outline-style:var(--tw-outline-style);outline-width:1px}.focus-visible\:outline-ring:focus-visible{outline-color:var(--ring)}.focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.active\:scale-95:active{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x)var(--tw-scale-y)}.active\:scale-\[0\.96\]:active{scale:.96}.active\:scale-\[0\.98\]:active{scale:.98}.active\:cursor-grabbing:active{cursor:grabbing}.active\:bg-\[\#A3A3A3\]:active{background-color:#a3a3a3}.active\:bg-\[rgba\(223\,225\,241\,0\.70\)\]:active{background-color:#dfe1f1b3}.active\:duration-150:active{--tw-duration:.15s;transition-duration:.15s}.active\:ease-out:active{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.disabled\:pointer-events-auto:disabled{pointer-events:auto}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:cursor-not-allowed\!:disabled{cursor:not-allowed!important}.disabled\:text-code-parameter\/60:disabled{color:var(--code-parameter)}@supports (color:color-mix(in lab, red, red)){.disabled\:text-code-parameter\/60:disabled{color:color-mix(in oklab,var(--code-parameter)60%,transparent)}}.disabled\:text-error:disabled{color:var(--error)}.disabled\:text-zinc-300:disabled{color:var(--color-zinc-300)}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:opacity-60:disabled{opacity:.6}.disabled\:opacity-70:disabled{opacity:.7}.disabled\:opacity-80:disabled{opacity:.8}@media (hover:hover){.disabled\:hover\:bg-primary:disabled:hover{background-color:var(--primary)}.disabled\:hover\:bg-secondary:disabled:hover{background-color:var(--secondary)}.disabled\:hover\:bg-transparent:disabled:hover,.hover\:disabled\:bg-transparent:hover:disabled{background-color:#0000}}.has-focus\:border-ring:has(:focus){border-color:var(--ring)}.has-focus\:ring-\[3px\]:has(:focus){--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(3px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.has-focus\:ring-ring\/50:has(:focus){--tw-ring-color:var(--ring)}@supports (color:color-mix(in lab, red, red)){.has-focus\:ring-ring\/50:has(:focus){--tw-ring-color:color-mix(in oklab,var(--ring)50%,transparent)}}.has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:border-ring:has([data-slot=input-group-control]:focus-visible){border-color:var(--ring)}.has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-\[3px\]:has([data-slot=input-group-control]:focus-visible){--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(3px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-ring\/50:has([data-slot=input-group-control]:focus-visible){--tw-ring-color:var(--ring)}@supports (color:color-mix(in lab, red, red)){.has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-ring\/50:has([data-slot=input-group-control]:focus-visible){--tw-ring-color:color-mix(in oklab,var(--ring)50%,transparent)}}.has-\[\[data-slot\]\[aria-invalid\=true\]\]\:border-destructive:has([data-slot][aria-invalid=true]){border-color:var(--destructive)}.has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-destructive\/20:has([data-slot][aria-invalid=true]){--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-destructive\/20:has([data-slot][aria-invalid=true]){--tw-ring-color:color-mix(in oklab,var(--destructive)20%,transparent)}}.has-\[\>\[data-align\=block-end\]\]\:h-auto:has(>[data-align=block-end]){height:auto}.has-\[\>\[data-align\=block-end\]\]\:flex-col:has(>[data-align=block-end]){flex-direction:column}.has-\[\>\[data-align\=block-start\]\]\:h-auto:has(>[data-align=block-start]){height:auto}.has-\[\>\[data-align\=block-start\]\]\:flex-col:has(>[data-align=block-start]){flex-direction:column}.has-\[\>button\]\:mr-\[-0\.45rem\]:has(>button){margin-right:-.45rem}.has-\[\>button\]\:ml-\[-0\.45rem\]:has(>button){margin-left:-.45rem}.has-\[\>kbd\]\:mr-\[-0\.35rem\]:has(>kbd){margin-right:-.35rem}.has-\[\>kbd\]\:ml-\[-0\.35rem\]:has(>kbd){margin-left:-.35rem}.has-\[\>svg\]\:p-0:has(>svg){padding:calc(var(--spacing)*0)}.has-\[\>svg\]\:px-2:has(>svg){padding-inline:calc(var(--spacing)*2)}.has-\[\>svg\]\:px-2\.5:has(>svg){padding-inline:calc(var(--spacing)*2.5)}.has-\[\>svg\]\:px-3:has(>svg){padding-inline:calc(var(--spacing)*3)}.has-\[\>svg\]\:px-4:has(>svg){padding-inline:calc(var(--spacing)*4)}.has-\[\>textarea\]\:h-auto:has(>textarea){height:auto}.aria-disabled\:opacity-50[aria-disabled=true]{opacity:.5}.aria-invalid\:border-destructive[aria-invalid=true]{border-color:var(--destructive)}.aria-invalid\:ring-destructive\/20[aria-invalid=true]{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.aria-invalid\:ring-destructive\/20[aria-invalid=true]{--tw-ring-color:color-mix(in oklab,var(--destructive)20%,transparent)}}.aria-selected\:text-muted-foreground[aria-selected=true]{color:var(--muted-foreground)}.data-highlighted\:bg-\[\#F5F5F5\][data-highlighted]{background-color:#f5f5f5}.data-highlighted\:bg-transparent[data-highlighted]{background-color:#0000}.data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.data-\[disabled\]\:cursor-not-allowed[data-disabled]{cursor:not-allowed}.data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}.data-\[highlighted\]\:bg-\[\#262626\][data-highlighted]{background-color:#262626}.data-\[highlighted\]\:bg-\[\#F5F5F5\][data-highlighted]{background-color:#f5f5f5}.data-\[highlighted\]\:bg-transparent[data-highlighted]{background-color:#0000}.data-\[highlighted\]\:bg-white\/\[0\.06\][data-highlighted]{background-color:#ffffff0f}@supports (color:color-mix(in lab, red, red)){.data-\[highlighted\]\:bg-white\/\[0\.06\][data-highlighted]{background-color:color-mix(in oklab,var(--color-white)6%,transparent)}}.data-\[highlighted\]\:bg-zinc-700\/80[data-highlighted]{background-color:#3f3f46cc}@supports (color:color-mix(in lab, red, red)){.data-\[highlighted\]\:bg-zinc-700\/80[data-highlighted]{background-color:color-mix(in oklab,var(--color-zinc-700)80%,transparent)}}.data-\[highlighted\]\:text-\[\#fafafa\][data-highlighted]{color:#fafafa}.data-\[inset\]\:pl-8[data-inset]{padding-left:calc(var(--spacing)*8)}.data-\[orientation\=horizontal\]\:h-1\.5[data-orientation=horizontal]{height:calc(var(--spacing)*1.5)}.data-\[orientation\=horizontal\]\:h-full[data-orientation=horizontal]{height:100%}.data-\[orientation\=horizontal\]\:w-full[data-orientation=horizontal]{width:100%}.data-\[orientation\=vertical\]\:h-full[data-orientation=vertical]{height:100%}.data-\[orientation\=vertical\]\:min-h-44[data-orientation=vertical]{min-height:calc(var(--spacing)*44)}.data-\[orientation\=vertical\]\:w-1\.5[data-orientation=vertical]{width:calc(var(--spacing)*1.5)}.data-\[orientation\=vertical\]\:w-auto[data-orientation=vertical]{width:auto}.data-\[orientation\=vertical\]\:w-full[data-orientation=vertical]{width:100%}.data-\[orientation\=vertical\]\:flex-col[data-orientation=vertical]{flex-direction:column}.data-\[panel-group-direction\=vertical\]\:h-px[data-panel-group-direction=vertical]{height:1px}.data-\[panel-group-direction\=vertical\]\:w-full[data-panel-group-direction=vertical]{width:100%}.data-\[panel-group-direction\=vertical\]\:flex-col[data-panel-group-direction=vertical]{flex-direction:column}.data-\[panel-group-direction\=vertical\]\:after\:left-0[data-panel-group-direction=vertical]:after{content:var(--tw-content);left:calc(var(--spacing)*0)}.data-\[panel-group-direction\=vertical\]\:after\:h-1[data-panel-group-direction=vertical]:after{content:var(--tw-content);height:calc(var(--spacing)*1)}.data-\[panel-group-direction\=vertical\]\:after\:w-full[data-panel-group-direction=vertical]:after{content:var(--tw-content);width:100%}.data-\[panel-group-direction\=vertical\]\:after\:translate-x-0[data-panel-group-direction=vertical]:after{content:var(--tw-content);--tw-translate-x:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}.data-\[panel-group-direction\=vertical\]\:after\:-translate-y-1\/2[data-panel-group-direction=vertical]:after{content:var(--tw-content);--tw-translate-y:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.data-\[placeholder\]\:text-muted-foreground[data-placeholder]{color:var(--muted-foreground)}.data-\[placeholder\]\:text-zinc-50[data-placeholder]{color:var(--color-zinc-50)}.data-\[range-end\=true\]\:rounded-md[data-range-end=true]{border-radius:calc(var(--radius) - 2px)}.data-\[range-end\=true\]\:rounded-r-md[data-range-end=true]{border-top-right-radius:calc(var(--radius) - 2px);border-bottom-right-radius:calc(var(--radius) - 2px)}.data-\[range-end\=true\]\:bg-primary[data-range-end=true]{background-color:var(--primary)}.data-\[range-end\=true\]\:text-primary-foreground[data-range-end=true]{color:var(--primary-foreground)}.data-\[range-middle\=true\]\:rounded-none[data-range-middle=true]{border-radius:0}.data-\[range-middle\=true\]\:bg-accent[data-range-middle=true]{background-color:var(--accent)}.data-\[range-middle\=true\]\:text-accent-foreground[data-range-middle=true]{color:var(--accent-foreground)}.data-\[range-start\=true\]\:rounded-md[data-range-start=true]{border-radius:calc(var(--radius) - 2px)}.data-\[range-start\=true\]\:rounded-l-md[data-range-start=true]{border-top-left-radius:calc(var(--radius) - 2px);border-bottom-left-radius:calc(var(--radius) - 2px)}.data-\[range-start\=true\]\:bg-primary[data-range-start=true]{background-color:var(--primary)}.data-\[range-start\=true\]\:text-primary-foreground[data-range-start=true]{color:var(--primary-foreground)}.data-\[selected-single\=true\]\:bg-primary[data-selected-single=true]{background-color:var(--primary)}.data-\[selected-single\=true\]\:text-primary-foreground[data-selected-single=true]{color:var(--primary-foreground)}.data-\[selected\=true\]\:rounded-none[data-selected=true]{border-radius:0}.data-\[side\=bottom\]\:translate-y-1[data-side=bottom]{--tw-translate-y:calc(var(--spacing)*1);translate:var(--tw-translate-x)var(--tw-translate-y)}.data-\[side\=bottom\]\:slide-in-from-top-2[data-side=bottom]{--tw-enter-translate-y:calc(2*var(--spacing)*-1)}.data-\[side\=left\]\:-translate-x-1[data-side=left]{--tw-translate-x:calc(var(--spacing)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.data-\[side\=left\]\:slide-in-from-right-2[data-side=left]{--tw-enter-translate-x:calc(2*var(--spacing))}.data-\[side\=right\]\:translate-x-1[data-side=right]{--tw-translate-x:calc(var(--spacing)*1);translate:var(--tw-translate-x)var(--tw-translate-y)}.data-\[side\=right\]\:slide-in-from-left-2[data-side=right]{--tw-enter-translate-x:calc(2*var(--spacing)*-1)}.data-\[side\=top\]\:-translate-y-1[data-side=top]{--tw-translate-y:calc(var(--spacing)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.data-\[side\=top\]\:slide-in-from-bottom-2[data-side=top]{--tw-enter-translate-y:calc(2*var(--spacing))}.data-\[size\=default\]\:h-9[data-size=default]{height:calc(var(--spacing)*9)}.data-\[size\=sm\]\:h-8[data-size=sm]{height:calc(var(--spacing)*8)}:is(.\*\:data-\[slot\=select-value\]\:line-clamp-1>*)[data-slot=select-value]{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}:is(.\*\:data-\[slot\=select-value\]\:flex>*)[data-slot=select-value]{display:flex}:is(.\*\:data-\[slot\=select-value\]\:items-center>*)[data-slot=select-value]{align-items:center}:is(.\*\:data-\[slot\=select-value\]\:gap-2>*)[data-slot=select-value]{gap:calc(var(--spacing)*2)}.data-\[state\=active\]\:bg-background[data-state=active]{background-color:var(--background)}.data-\[state\=active\]\:bg-fill\/60[data-state=active]{background-color:var(--fill)}@supports (color:color-mix(in lab, red, red)){.data-\[state\=active\]\:bg-fill\/60[data-state=active]{background-color:color-mix(in oklab,var(--fill)60%,transparent)}}.data-\[state\=active\]\:bg-transparent[data-state=active]{background-color:#0000}.data-\[state\=active\]\:bg-white[data-state=active]{background-color:var(--color-white)}.data-\[state\=active\]\:font-medium[data-state=active]{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.data-\[state\=active\]\:text-zinc-900[data-state=active]{color:var(--color-zinc-900)}.data-\[state\=active\]\:shadow-none[data-state=active]{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.data-\[state\=active\]\:shadow-sm[data-state=active]{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.data-\[state\=checked\]\:translate-x-\[calc\(100\%-2px\)\][data-state=checked]{--tw-translate-x:calc(100% - 2px);translate:var(--tw-translate-x)var(--tw-translate-y)}.data-\[state\=checked\]\:border-\[\#CAFF5B\][data-state=checked]{border-color:#caff5b}.data-\[state\=checked\]\:border-\[\#F4F4F5\][data-state=checked]{border-color:#f4f4f5}.data-\[state\=checked\]\:border-primary[data-state=checked]{border-color:var(--primary)}.data-\[state\=checked\]\:bg-\[\#CAFF5B\][data-state=checked]{background-color:#caff5b}.data-\[state\=checked\]\:bg-\[\#f5f5f5\][data-state=checked]{background-color:#f5f5f5}.data-\[state\=checked\]\:bg-primary[data-state=checked]{background-color:var(--primary)}.data-\[state\=checked\]\:text-\[\#F4F4F5\][data-state=checked]{color:#f4f4f5}.data-\[state\=checked\]\:text-black[data-state=checked]{color:var(--color-black)}.data-\[state\=checked\]\:text-primary-foreground[data-state=checked]{color:var(--primary-foreground)}.data-\[state\=closed\]\:animate-accordion-up[data-state=closed]{animation:accordion-up var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[state\=closed\]\:animate-out[data-state=closed]{animation:exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[state\=closed\]\:fade-out-0[data-state=closed]{--tw-exit-opacity:0}.data-\[state\=closed\]\:zoom-out-95[data-state=closed]{--tw-exit-scale:.95}.data-\[state\=closed\]\:slide-out-to-right[data-state=closed]{--tw-exit-translate-x:100%}.data-\[state\=inactive\]\:text-zinc-500[data-state=inactive]{color:var(--color-zinc-500)}.data-\[state\=on\]\:bg-accent[data-state=on]{background-color:var(--accent)}.data-\[state\=on\]\:text-accent-foreground[data-state=on]{color:var(--accent-foreground)}.data-\[state\=open\]\:animate-accordion-down[data-state=open]{animation:accordion-down var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[state\=open\]\:animate-in[data-state=open]{animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[state\=open\]\:bg-accent[data-state=open],.data-\[state\=open\]\:bg-accent\/50[data-state=open]{background-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.data-\[state\=open\]\:bg-accent\/50[data-state=open]{background-color:color-mix(in oklab,var(--accent)50%,transparent)}}.data-\[state\=open\]\:bg-fill\/20[data-state=open]{background-color:var(--fill)}@supports (color:color-mix(in lab, red, red)){.data-\[state\=open\]\:bg-fill\/20[data-state=open]{background-color:color-mix(in oklab,var(--fill)20%,transparent)}}.data-\[state\=open\]\:bg-zinc-50[data-state=open]{background-color:var(--color-zinc-50)}.data-\[state\=open\]\:bg-zinc-100[data-state=open]{background-color:var(--color-zinc-100)}.data-\[state\=open\]\:bg-zinc-100\/80[data-state=open]{background-color:#f4f4f5cc}@supports (color:color-mix(in lab, red, red)){.data-\[state\=open\]\:bg-zinc-100\/80[data-state=open]{background-color:color-mix(in oklab,var(--color-zinc-100)80%,transparent)}}.data-\[state\=open\]\:bg-zinc-200[data-state=open]{background-color:var(--color-zinc-200)}.data-\[state\=open\]\:text-accent-foreground[data-state=open]{color:var(--accent-foreground)}.data-\[state\=open\]\:text-foreground[data-state=open]{color:var(--foreground)}.data-\[state\=open\]\:text-muted-foreground[data-state=open]{color:var(--muted-foreground)}.data-\[state\=open\]\:fade-in-0[data-state=open]{--tw-enter-opacity:0}.data-\[state\=open\]\:zoom-in-95[data-state=open]{--tw-enter-scale:.95}.data-\[state\=open\]\:slide-in-from-right[data-state=open]{--tw-enter-translate-x:100%}.data-\[state\=selected\]\:bg-muted[data-state=selected]{background-color:var(--muted)}.data-\[state\=unchecked\]\:translate-x-0[data-state=unchecked]{--tw-translate-x:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}.data-\[state\=unchecked\]\:bg-input[data-state=unchecked]{background-color:var(--input)}.data-\[variant\=destructive\]\:text-destructive[data-variant=destructive]{color:var(--destructive)}.data-\[variant\=destructive\]\:focus\:bg-destructive\/10[data-variant=destructive]:focus{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.data-\[variant\=destructive\]\:focus\:bg-destructive\/10[data-variant=destructive]:focus{background-color:color-mix(in oklab,var(--destructive)10%,transparent)}}.data-\[variant\=destructive\]\:focus\:text-destructive[data-variant=destructive]:focus{color:var(--destructive)}.data-\[vaul-drawer-direction\=bottom\]\:inset-x-0[data-vaul-drawer-direction=bottom]{inset-inline:calc(var(--spacing)*0)}.data-\[vaul-drawer-direction\=bottom\]\:bottom-0[data-vaul-drawer-direction=bottom]{bottom:calc(var(--spacing)*0)}.data-\[vaul-drawer-direction\=bottom\]\:mt-24[data-vaul-drawer-direction=bottom]{margin-top:calc(var(--spacing)*24)}.data-\[vaul-drawer-direction\=bottom\]\:max-h-\[80vh\][data-vaul-drawer-direction=bottom]{max-height:80vh}.data-\[vaul-drawer-direction\=bottom\]\:rounded-t-lg[data-vaul-drawer-direction=bottom]{border-top-left-radius:var(--radius);border-top-right-radius:var(--radius)}.data-\[vaul-drawer-direction\=bottom\]\:border-t[data-vaul-drawer-direction=bottom]{border-top-style:var(--tw-border-style);border-top-width:1px}.data-\[vaul-drawer-direction\=left\]\:inset-y-0[data-vaul-drawer-direction=left]{inset-block:calc(var(--spacing)*0)}.data-\[vaul-drawer-direction\=left\]\:left-0[data-vaul-drawer-direction=left]{left:calc(var(--spacing)*0)}.data-\[vaul-drawer-direction\=left\]\:w-3\/4[data-vaul-drawer-direction=left]{width:75%}.data-\[vaul-drawer-direction\=left\]\:border-r[data-vaul-drawer-direction=left]{border-right-style:var(--tw-border-style);border-right-width:1px}.data-\[vaul-drawer-direction\=right\]\:inset-y-0[data-vaul-drawer-direction=right]{inset-block:calc(var(--spacing)*0)}.data-\[vaul-drawer-direction\=right\]\:right-0[data-vaul-drawer-direction=right]{right:calc(var(--spacing)*0)}.data-\[vaul-drawer-direction\=right\]\:w-3\/4[data-vaul-drawer-direction=right]{width:75%}.data-\[vaul-drawer-direction\=right\]\:border-l[data-vaul-drawer-direction=right]{border-left-style:var(--tw-border-style);border-left-width:1px}.data-\[vaul-drawer-direction\=top\]\:inset-x-0[data-vaul-drawer-direction=top]{inset-inline:calc(var(--spacing)*0)}.data-\[vaul-drawer-direction\=top\]\:top-0[data-vaul-drawer-direction=top]{top:calc(var(--spacing)*0)}.data-\[vaul-drawer-direction\=top\]\:mb-24[data-vaul-drawer-direction=top]{margin-bottom:calc(var(--spacing)*24)}.data-\[vaul-drawer-direction\=top\]\:max-h-\[80vh\][data-vaul-drawer-direction=top]{max-height:80vh}.data-\[vaul-drawer-direction\=top\]\:rounded-b-lg[data-vaul-drawer-direction=top]{border-bottom-right-radius:var(--radius);border-bottom-left-radius:var(--radius)}.data-\[vaul-drawer-direction\=top\]\:border-b[data-vaul-drawer-direction=top]{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}@media not all and (min-width:375px){.max-\[375px\]\:p-6{padding:calc(var(--spacing)*6)}}@media (min-width:40rem){.sm\:right-6{right:calc(var(--spacing)*6)}.sm\:left-6{left:calc(var(--spacing)*6)}.sm\:-mt-5{margin-top:calc(var(--spacing)*-5)}.sm\:mt-8{margin-top:calc(var(--spacing)*8)}.sm\:mt-\[30px\]{margin-top:30px}.sm\:mb-6{margin-bottom:calc(var(--spacing)*6)}.sm\:mb-8{margin-bottom:calc(var(--spacing)*8)}.sm\:block{display:block}.sm\:h-4{height:calc(var(--spacing)*4)}.sm\:h-6{height:calc(var(--spacing)*6)}.sm\:h-12{height:calc(var(--spacing)*12)}.sm\:w-4{width:calc(var(--spacing)*4)}.sm\:w-5{width:calc(var(--spacing)*5)}.sm\:w-6{width:calc(var(--spacing)*6)}.sm\:w-\[306px\]{width:306px}.sm\:w-\[calc\(100\%-48px\)\]{width:calc(100% - 48px)}.sm\:w-auto{width:auto}.sm\:\!max-w-\[500px\]{max-width:500px!important}.sm\:\!max-w-none{max-width:none!important}.sm\:max-w-\[332px\]{max-width:332px}.sm\:max-w-\[360px\]{max-width:360px}.sm\:max-w-\[380px\]{max-width:380px}.sm\:max-w-\[386px\]{max-width:386px}.sm\:max-w-\[420px\]{max-width:420px}.sm\:max-w-\[431px\]{max-width:431px}.sm\:max-w-\[450px\]{max-width:450px}.sm\:max-w-\[480px\]{max-width:480px}.sm\:max-w-\[540px\]{max-width:540px}.sm\:max-w-\[600px\]{max-width:600px}.sm\:max-w-\[800px\]{max-width:800px}.sm\:max-w-\[820px\]{max-width:820px}.sm\:max-w-\[960px\]{max-width:960px}.sm\:max-w-\[980px\]{max-width:980px}.sm\:max-w-lg{max-width:var(--container-lg)}.sm\:max-w-md{max-width:var(--container-md)}.sm\:max-w-none{max-width:none}.sm\:min-w-\[120px\]{min-width:120px}.sm\:min-w-\[200px\]{min-width:200px}.sm\:flex-1{flex:1}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:items-start{align-items:flex-start}.sm\:justify-end{justify-content:flex-end}.sm\:gap-0{gap:calc(var(--spacing)*0)}.sm\:gap-1\.5{gap:calc(var(--spacing)*1.5)}.sm\:gap-2{gap:calc(var(--spacing)*2)}.sm\:gap-3{gap:calc(var(--spacing)*3)}:where(.sm\:space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*3)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-y-reverse)))}.sm\:rounded-2xl{border-radius:var(--radius-2xl)}.sm\:rounded-xl{border-radius:calc(var(--radius) + 4px)}.sm\:p-4{padding:calc(var(--spacing)*4)}.sm\:p-6{padding:calc(var(--spacing)*6)}.sm\:px-0{padding-inline:calc(var(--spacing)*0)}.sm\:px-4{padding-inline:calc(var(--spacing)*4)}.sm\:px-6{padding-inline:calc(var(--spacing)*6)}.sm\:py-1\.5{padding-block:calc(var(--spacing)*1.5)}.sm\:py-7{padding-block:calc(var(--spacing)*7)}.sm\:py-8{padding-block:calc(var(--spacing)*8)}.sm\:pr-2\.5{padding-right:calc(var(--spacing)*2.5)}.sm\:pb-10{padding-bottom:calc(var(--spacing)*10)}.sm\:pl-2\.5{padding-left:calc(var(--spacing)*2.5)}.sm\:text-left{text-align:left}.sm\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.sm\:text-\[13px\]{font-size:13px}.sm\:text-\[14px\]{font-size:14px}.sm\:text-\[15px\]{font-size:15px}.sm\:text-\[22px\]{font-size:22px}.sm\:text-\[24px\]{font-size:24px}.data-\[vaul-drawer-direction\=left\]\:sm\:max-w-sm[data-vaul-drawer-direction=left],.data-\[vaul-drawer-direction\=right\]\:sm\:max-w-sm[data-vaul-drawer-direction=right]{max-width:var(--container-sm)}}@media (min-width:48rem){.md\:static{position:static}.md\:right-auto{right:auto}.md\:left-1\/2{left:50%}.md\:order-1{order:1}.md\:order-2{order:2}.md\:col-span-4{grid-column:span 4/span 4}.md\:col-span-8{grid-column:span 8/span 8}.md\:mt-0{margin-top:calc(var(--spacing)*0)}.md\:mb-5{margin-bottom:calc(var(--spacing)*5)}.md\:mb-6{margin-bottom:calc(var(--spacing)*6)}.md\:mb-8{margin-bottom:calc(var(--spacing)*8)}.md\:mb-20{margin-bottom:calc(var(--spacing)*20)}.md\:flex{display:flex}.md\:hidden{display:none}.md\:h-\[640px\]{height:640px}.md\:w-10{width:calc(var(--spacing)*10)}.md\:w-\[200px\]{width:200px}.md\:w-\[270px\]{width:270px}.md\:w-auto{width:auto}.md\:max-w-2xl{max-width:var(--container-2xl)}.md\:max-w-\[372px\]{max-width:372px}.md\:max-w-\[400px\]{max-width:400px}.md\:max-w-\[420px\]{max-width:420px}.md\:max-w-md{max-width:var(--container-md)}.md\:flex-1{flex:1}.md\:shrink-0{flex-shrink:0}.md\:-translate-x-1\/2{--tw-translate-x:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.md\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.md\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,1fr\)\]{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.md\:grid-cols-\[minmax\(0\,507px\)_minmax\(0\,507px\)\]{grid-template-columns:minmax(0,507px) minmax(0,507px)}.md\:flex-row{flex-direction:row}.md\:items-center{align-items:center}.md\:items-start{align-items:flex-start}.md\:justify-between{justify-content:space-between}.md\:gap-1\.5{gap:calc(var(--spacing)*1.5)}.md\:gap-6{gap:calc(var(--spacing)*6)}.md\:gap-8{gap:calc(var(--spacing)*8)}.md\:gap-12{gap:calc(var(--spacing)*12)}.md\:gap-16{gap:calc(var(--spacing)*16)}.md\:p-10{padding:calc(var(--spacing)*10)}.md\:p-12{padding:calc(var(--spacing)*12)}.md\:p-20{padding:calc(var(--spacing)*20)}.md\:px-6{padding-inline:calc(var(--spacing)*6)}.md\:px-20{padding-inline:calc(var(--spacing)*20)}.md\:py-12{padding-block:calc(var(--spacing)*12)}.md\:py-24{padding-block:calc(var(--spacing)*24)}.md\:py-28{padding-block:calc(var(--spacing)*28)}.md\:py-\[150px\]{padding-block:150px}.md\:pr-0{padding-right:calc(var(--spacing)*0)}.md\:pl-0{padding-left:calc(var(--spacing)*0)}.md\:text-left{text-align:left}.md\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.md\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.md\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.md\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.md\:text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.md\:text-7xl{font-size:var(--text-7xl);line-height:var(--tw-leading,var(--text-7xl--line-height))}.md\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.md\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.md\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.md\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.md\:text-\[24px\]{font-size:24px}.md\:text-\[26px\]{font-size:26px}.md\:text-\[36px\]{font-size:36px}.md\:text-\[48px\]{font-size:48px}.md\:text-\[56px\]{font-size:56px}.md\:leading-\[60px\]{--tw-leading:60px;line-height:60px}}@media (min-width:64rem){.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:w-48{width:calc(var(--spacing)*48)}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:flex-row{flex-direction:row}.lg\:px-8{padding-inline:calc(var(--spacing)*8)}.lg\:px-12{padding-inline:calc(var(--spacing)*12)}.lg\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.lg\:text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}}@media (min-width:80rem){.xl\:h-\[610px\]{height:610px}.xl\:min-h-\[372px\]{min-height:372px}.xl\:w-\[280px\]{width:280px}.xl\:w-\[306px\]{width:306px}.xl\:w-auto{width:auto}.xl\:max-w-\[1600px\]{max-width:1600px}.xl\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.xl\:flex-row{flex-direction:row}.xl\:items-end{align-items:flex-end}.xl\:justify-between{justify-content:space-between}.xl\:px-20{padding-inline:calc(var(--spacing)*20)}.xl\:text-7xl{font-size:var(--text-7xl);line-height:var(--tw-leading,var(--text-7xl--line-height))}}.dark\:border-blue-500\/20:is(.dark *){border-color:#3080ff33}@supports (color:color-mix(in lab, red, red)){.dark\:border-blue-500\/20:is(.dark *){border-color:color-mix(in oklab,var(--color-blue-500)20%,transparent)}}.dark\:border-fill\/10:is(.dark *){border-color:var(--fill)}@supports (color:color-mix(in lab, red, red)){.dark\:border-fill\/10:is(.dark *){border-color:color-mix(in oklab,var(--fill)10%,transparent)}}.dark\:border-gray-600:is(.dark *){border-color:var(--color-gray-600)}.dark\:border-gray-700:is(.dark *){border-color:var(--color-gray-700)}.dark\:border-input:is(.dark *){border-color:var(--input)}.dark\:border-white\/10:is(.dark *){border-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.dark\:border-white\/10:is(.dark *){border-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.dark\:bg-\[\#1A1A1A\]:is(.dark *){background-color:#1a1a1a}.dark\:bg-\[\#232323\]:is(.dark *){background-color:#232323}.dark\:bg-black\/50:is(.dark *){background-color:#00000080}@supports (color:color-mix(in lab, red, red)){.dark\:bg-black\/50:is(.dark *){background-color:color-mix(in oklab,var(--color-black)50%,transparent)}}.dark\:bg-blue-500\/20:is(.dark *){background-color:#3080ff33}@supports (color:color-mix(in lab, red, red)){.dark\:bg-blue-500\/20:is(.dark *){background-color:color-mix(in oklab,var(--color-blue-500)20%,transparent)}}.dark\:bg-destructive\/60:is(.dark *){background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.dark\:bg-destructive\/60:is(.dark *){background-color:color-mix(in oklab,var(--destructive)60%,transparent)}}.dark\:bg-fill\/30:is(.dark *){background-color:var(--fill)}@supports (color:color-mix(in lab, red, red)){.dark\:bg-fill\/30:is(.dark *){background-color:color-mix(in oklab,var(--fill)30%,transparent)}}.dark\:bg-gray-800:is(.dark *){background-color:var(--color-gray-800)}.dark\:bg-input\/30:is(.dark *){background-color:var(--input)}@supports (color:color-mix(in lab, red, red)){.dark\:bg-input\/30:is(.dark *){background-color:color-mix(in oklab,var(--input)30%,transparent)}}.dark\:bg-transparent:is(.dark *){background-color:#0000}.dark\:bg-white\/5:is(.dark *){background-color:#ffffff0d}@supports (color:color-mix(in lab, red, red)){.dark\:bg-white\/5:is(.dark *){background-color:color-mix(in oklab,var(--color-white)5%,transparent)}}.dark\:bg-white\/10:is(.dark *){background-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.dark\:bg-white\/10:is(.dark *){background-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.dark\:bg-yellow-800:is(.dark *){background-color:var(--color-yellow-800)}.dark\:bg-zinc-800:is(.dark *){background-color:var(--color-zinc-800)}.dark\:from-\[\#202024\]:is(.dark *){--tw-gradient-from:#202024;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.dark\:text-blue-400:is(.dark *){color:var(--color-blue-400)}.dark\:text-gray-300:is(.dark *){color:var(--color-gray-300)}.dark\:text-gray-400:is(.dark *){color:var(--color-gray-400)}.dark\:text-muted-foreground:is(.dark *){color:var(--muted-foreground)}.dark\:text-white\/60:is(.dark *){color:#fff9}@supports (color:color-mix(in lab, red, red)){.dark\:text-white\/60:is(.dark *){color:color-mix(in oklab,var(--color-white)60%,transparent)}}.dark\:text-zinc-100:is(.dark *){color:var(--color-zinc-100)}.dark\:text-zinc-200:is(.dark *){color:var(--color-zinc-200)}.dark\:text-zinc-400:is(.dark *){color:var(--color-zinc-400)}.dark\:ring-\[\#262626\]:is(.dark *){--tw-ring-color:#262626}.dark\:ring-zinc-700:is(.dark *){--tw-ring-color:var(--color-zinc-700)}@media (hover:hover){.dark\:hover\:border-blue-500\/32:is(.dark *):hover{border-color:#3080ff52}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:border-blue-500\/32:is(.dark *):hover{border-color:color-mix(in oklab,var(--color-blue-500)32%,transparent)}}.dark\:hover\:border-fill\/60:is(.dark *):hover{border-color:var(--fill)}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:border-fill\/60:is(.dark *):hover{border-color:color-mix(in oklab,var(--fill)60%,transparent)}}.dark\:hover\:bg-accent:is(.dark *):hover,.dark\:hover\:bg-accent\/50:is(.dark *):hover{background-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:bg-accent\/50:is(.dark *):hover{background-color:color-mix(in oklab,var(--accent)50%,transparent)}}.dark\:hover\:bg-blue-500\/32:is(.dark *):hover{background-color:#3080ff52}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:bg-blue-500\/32:is(.dark *):hover{background-color:color-mix(in oklab,var(--color-blue-500)32%,transparent)}}.dark\:hover\:bg-code-parameter:is(.dark *):hover{background-color:var(--code-parameter)}.dark\:hover\:bg-destructive\/80:is(.dark *):hover{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:bg-destructive\/80:is(.dark *):hover{background-color:color-mix(in oklab,var(--destructive)80%,transparent)}}.dark\:hover\:bg-error:is(.dark *):hover{background-color:var(--error)}.dark\:hover\:bg-fill\/60:is(.dark *):hover{background-color:var(--fill)}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:bg-fill\/60:is(.dark *):hover{background-color:color-mix(in oklab,var(--fill)60%,transparent)}}.dark\:hover\:bg-input\/50:is(.dark *):hover{background-color:var(--input)}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:bg-input\/50:is(.dark *):hover{background-color:color-mix(in oklab,var(--input)50%,transparent)}}.dark\:hover\:bg-transparent:is(.dark *):hover{background-color:#0000}.dark\:hover\:bg-white\/10:is(.dark *):hover{background-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:bg-white\/10:is(.dark *):hover{background-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.dark\:hover\:text-accent-foreground:is(.dark *):hover{color:var(--accent-foreground)}.dark\:hover\:text-blue-300:is(.dark *):hover{color:var(--color-blue-300)}.dark\:hover\:text-blue-500:is(.dark *):hover{color:var(--color-blue-500)}.dark\:hover\:text-destructive-foreground:is(.dark *):hover{color:var(--destructive-foreground)}}.dark\:focus-visible\:ring-destructive\/40:is(.dark *):focus-visible{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.dark\:focus-visible\:ring-destructive\/40:is(.dark *):focus-visible{--tw-ring-color:color-mix(in oklab,var(--destructive)40%,transparent)}}@media (hover:hover){.dark\:disabled\:hover\:bg-error\/20:is(.dark *):disabled:hover{background-color:var(--error)}@supports (color:color-mix(in lab, red, red)){.dark\:disabled\:hover\:bg-error\/20:is(.dark *):disabled:hover{background-color:color-mix(in oklab,var(--error)20%,transparent)}}.disabled\:dark\:hover\:bg-code-parameter\/20:disabled:is(.dark *):hover{background-color:var(--code-parameter)}@supports (color:color-mix(in lab, red, red)){.disabled\:dark\:hover\:bg-code-parameter\/20:disabled:is(.dark *):hover{background-color:color-mix(in oklab,var(--code-parameter)20%,transparent)}}}.dark\:has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-destructive\/40:is(.dark *):has([data-slot][aria-invalid=true]){--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.dark\:has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-destructive\/40:is(.dark *):has([data-slot][aria-invalid=true]){--tw-ring-color:color-mix(in oklab,var(--destructive)40%,transparent)}}.dark\:aria-invalid\:ring-destructive\/40:is(.dark *)[aria-invalid=true]{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.dark\:aria-invalid\:ring-destructive\/40:is(.dark *)[aria-invalid=true]{--tw-ring-color:color-mix(in oklab,var(--destructive)40%,transparent)}}.dark\:data-\[state\=active\]\:border-input:is(.dark *)[data-state=active]{border-color:var(--input)}.dark\:data-\[state\=active\]\:bg-input\/30:is(.dark *)[data-state=active]{background-color:var(--input)}@supports (color:color-mix(in lab, red, red)){.dark\:data-\[state\=active\]\:bg-input\/30:is(.dark *)[data-state=active]{background-color:color-mix(in oklab,var(--input)30%,transparent)}}.dark\:data-\[state\=active\]\:bg-transparent:is(.dark *)[data-state=active]{background-color:#0000}.dark\:data-\[state\=active\]\:text-foreground:is(.dark *)[data-state=active]{color:var(--foreground)}.dark\:data-\[state\=checked\]\:bg-primary:is(.dark *)[data-state=checked]{background-color:var(--primary)}.dark\:data-\[state\=checked\]\:bg-primary-foreground:is(.dark *)[data-state=checked]{background-color:var(--primary-foreground)}.dark\:data-\[state\=unchecked\]\:bg-foreground:is(.dark *)[data-state=unchecked]{background-color:var(--foreground)}.dark\:data-\[state\=unchecked\]\:bg-input\/80:is(.dark *)[data-state=unchecked]{background-color:var(--input)}@supports (color:color-mix(in lab, red, red)){.dark\:data-\[state\=unchecked\]\:bg-input\/80:is(.dark *)[data-state=unchecked]{background-color:color-mix(in oklab,var(--input)80%,transparent)}}.dark\:data-\[variant\=destructive\]\:focus\:bg-destructive\/20:is(.dark *)[data-variant=destructive]:focus{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.dark\:data-\[variant\=destructive\]\:focus\:bg-destructive\/20:is(.dark *)[data-variant=destructive]:focus{background-color:color-mix(in oklab,var(--destructive)20%,transparent)}}.\[\&_\*\]\:transition-none *{transition-property:none}.\[\&_\.cm-content\]\:p-0 .cm-content{padding:calc(var(--spacing)*0)}.\[\&_\.cm-gutters\]\:hidden .cm-gutters{display:none}.\[\&_\.cm-scroller\]\:overflow-auto .cm-scroller{overflow:auto}.\[\&_\.description\]\:hidden .description{display:none}.\[\&_\[data-radix-select-viewport\]\]\:p-0 [data-radix-select-viewport]{padding:calc(var(--spacing)*0)}.\[\&_\[data-radix-select-viewport\]\]\:p-1 [data-radix-select-viewport]{padding:calc(var(--spacing)*1)}.\[\&_button\]\:w-full button{width:100%}.\[\&_span\]\:font-normal span{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:size-3 svg{width:calc(var(--spacing)*3);height:calc(var(--spacing)*3)}.\[\&_svg\]\:size-4 svg{width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&_svg\]\:rotate-180 svg{rotate:180deg}.\[\&_svg\]\:text-\[\#71717a\] svg{color:#71717a}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*=size-]){width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.\[\&_svg\:not\(\[class\*\=\'text-\'\]\)\]\:text-muted-foreground svg:not([class*=text-]){color:var(--muted-foreground)}.\[\&_tr\]\:border-b tr{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.\[\&_tr\:last-child\]\:border-0 tr:last-child{border-style:var(--tw-border-style);border-width:0}.\[\&\:\:-webkit-inner-spin-button\]\:appearance-none::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none}.\[\&\:\:-webkit-outer-spin-button\]\:appearance-none::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none}.\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar{display:none}.\[\&\:\:-webkit-scrollbar\]\:hidden\!::-webkit-scrollbar{display:none!important}.\[\&\:\:-webkit-scrollbar\]\:w-\[5px\]::-webkit-scrollbar{width:5px}.\[\&\:\:-webkit-scrollbar-thumb\]\:rounded-md::-webkit-scrollbar-thumb{border-radius:calc(var(--radius) - 2px)}.\[\&\:\:-webkit-scrollbar-thumb\]\:bg-\[\#C1C1C1\]::-webkit-scrollbar-thumb{background-color:#c1c1c1}.\[\&\:first-child\[data-selected\=true\]_button\]\:rounded-l-md:first-child[data-selected=true] button{border-top-left-radius:calc(var(--radius) - 2px);border-bottom-left-radius:calc(var(--radius) - 2px)}.\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role=checkbox]){padding-right:calc(var(--spacing)*0)}.\[\.border-b\]\:pb-3.border-b{padding-bottom:calc(var(--spacing)*3)}.\[\.border-t\]\:pt-3.border-t{padding-top:calc(var(--spacing)*3)}:is(.rtl\:\*\*\:\[\.rdp-button\\_next\>svg\]\:rotate-180:where(:dir(rtl),[dir=rtl],[dir=rtl] *) *):is(.rdp-button_next>svg),:is(.rtl\:\*\*\:\[\.rdp-button\\_previous\>svg\]\:rotate-180:where(:dir(rtl),[dir=rtl],[dir=rtl] *) *):is(.rdp-button_previous>svg){rotate:180deg}:is(.\*\:\[span\]\:last\:flex>*):is(span):last-child{display:flex}:is(.\*\:\[span\]\:last\:items-center>*):is(span):last-child{align-items:center}:is(.\*\:\[span\]\:last\:gap-2>*):is(span):last-child{gap:calc(var(--spacing)*2)}:is(.data-\[variant\=destructive\]\:\*\:\[svg\]\:\!text-destructive[data-variant=destructive]>*):is(svg){color:var(--destructive)!important}.\[\&\:last-child\[data-selected\=true\]_button\]\:rounded-r-md:last-child[data-selected=true] button{border-top-right-radius:calc(var(--radius) - 2px);border-bottom-right-radius:calc(var(--radius) - 2px)}.\[\&\:not\(\:last-child\)\]\:border-b:not(:last-child){border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.\[\&\:not\(\:last-child\)\]\:border-border:not(:last-child){border-color:var(--border)}.\[\&\:nth-child\(2\)\[data-selected\=true\]_button\]\:rounded-l-md:nth-child(2)[data-selected=true] button{border-top-left-radius:calc(var(--radius) - 2px);border-bottom-left-radius:calc(var(--radius) - 2px)}.\[\&\>\*\:first-child\]\:mt-0>:first-child{margin-top:calc(var(--spacing)*0)}.\[\&\>\[data-slot\=select-icon\]\]\:hidden>[data-slot=select-icon]{display:none}.\[\&\>\[role\=checkbox\]\]\:translate-y-\[2px\]>[role=checkbox]{--tw-translate-y:2px;translate:var(--tw-translate-x)var(--tw-translate-y)}.\[\&\>button\]\:hidden>button,.\[\&\>div\:nth-child\(3\)\]\:hidden>div:nth-child(3){display:none}.has-\[\>\[data-align\=block-end\]\]\:\[\&\>input\]\:pt-3:has(>[data-align=block-end])>input{padding-top:calc(var(--spacing)*3)}.has-\[\>\[data-align\=block-start\]\]\:\[\&\>input\]\:pb-3:has(>[data-align=block-start])>input{padding-bottom:calc(var(--spacing)*3)}.has-\[\>\[data-align\=inline-end\]\]\:\[\&\>input\]\:pr-2:has(>[data-align=inline-end])>input{padding-right:calc(var(--spacing)*2)}.has-\[\>\[data-align\=inline-start\]\]\:\[\&\>input\]\:pl-2:has(>[data-align=inline-start])>input{padding-left:calc(var(--spacing)*2)}.\[\&\>kbd\]\:rounded-\[calc\(var\(--radius\)-5px\)\]>kbd{border-radius:calc(var(--radius) - 5px)}.\[\&\>span\]\:text-xs>span{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.\[\&\>span\]\:opacity-70>span{opacity:.7}.\[\&\>span\:first-child\]\:hidden>span:first-child,.\[\&\>svg\]\:hidden>svg{display:none}.\[\&\>svg\]\:size-3\.5>svg{width:calc(var(--spacing)*3.5);height:calc(var(--spacing)*3.5)}.\[\&\>svg\]\:text-muted-foreground>svg{color:var(--muted-foreground)}.\[\&\>svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3\.5>svg:not([class*=size-]){width:calc(var(--spacing)*3.5);height:calc(var(--spacing)*3.5)}.\[\&\>svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4>svg:not([class*=size-]){width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.\[\&\>tr\]\:last\:border-b-0>tr:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.\[\&\[data-panel-group-direction\=vertical\]\>div\]\:rotate-90[data-panel-group-direction=vertical]>div{rotate:90deg}.\[\&\[data-state\=open\]\>svg\]\:rotate-180[data-state=open]>svg{rotate:180deg}[data-slot=card-content] .\[\[data-slot\=card-content\]_\&\]\:bg-transparent,[data-slot=popover-content] .\[\[data-slot\=popover-content\]_\&\]\:bg-transparent{background-color:#0000}.hljs{color:var(--markdown-code-text);background:0 0}.hljs-comment,.hljs-quote{color:var(--markdown-code-comment)}.hljs-link,.hljs-regexp,.hljs-symbol,.hljs-bullet{color:var(--markdown-code-link)}.hljs-number,.hljs-literal{color:var(--markdown-code-number)}.hljs-keyword,.hljs-selector-tag{color:var(--markdown-code-keyword)}.hljs-meta{color:var(--markdown-code-instruction)}.hljs-title,.hljs-section,.hljs-selector-id{color:var(--markdown-code-function)}.hljs-built_in,.hljs-class .hljs-title{color:var(--markdown-code-contrast)}.hljs-params,.hljs-variable,.hljs-string{color:var(--markdown-code-parameter)}.hljs-attr,.hljs-attribute{color:var(--markdown-code-attribute)}.hljs-tag,.hljs-name,.hljs-selector-class{color:var(--markdown-code-tag)}.markdown-list-ul{padding-left:0;list-style:none}.markdown-list-ul>li{padding-left:24px;position:relative}.markdown-list-ul>li:before{content:"";width:20px;height:20px;position:absolute;top:0;left:0}.markdown-list-ul>li:after{content:"";background-color:currentColor;border-radius:50%;width:5px;height:5px;position:absolute;top:7.5px;left:7.5px}.markdown-list-ol{counter-reset:list-counter;padding-left:0;list-style:none}.markdown-list-ol>li{counter-increment:list-counter;padding-left:24px;position:relative}.markdown-list-ol>li:before{content:"";width:20px;height:20px;position:absolute;top:0;left:0}.markdown-list-ol>li:after{content:counter(list-counter)".";justify-content:center;align-items:center;width:20px;height:20px;font-size:14px;line-height:20px;display:flex;position:absolute;top:0;left:0}}@property --tw-animation-delay{syntax:"*";inherits:false;initial-value:0s}@property --tw-animation-direction{syntax:"*";inherits:false;initial-value:normal}@property --tw-animation-duration{syntax:"*";inherits:false}@property --tw-animation-fill-mode{syntax:"*";inherits:false;initial-value:none}@property --tw-animation-iteration-count{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-translate-y{syntax:"*";inherits:false;initial-value:0}:root{--background:oklch(100% 0 0);--foreground:oklch(14.5% 0 0);--card:oklch(100% 0 0);--card-foreground:oklch(14.5% 0 0);--popover:oklch(100% 0 0);--popover-foreground:oklch(14.5% 0 0);--primary:oklch(20.5% 0 0);--primary-foreground:oklch(98.5% 0 0);--secondary:oklch(97% 0 0);--secondary-foreground:oklch(20.5% 0 0);--muted:oklch(97% 0 0);--muted-foreground:oklch(55.6% 0 0);--accent:oklch(97% 0 0);--accent-foreground:oklch(20.5% 0 0);--destructive:oklch(57.71% .2152 27.33);--destructive-foreground:oklch(97.05% .0129 17.38);--border:oklch(92.2% 0 0);--input:oklch(92.2% 0 0);--special-input:#18181b;--ring:oklch(71.55% 0 0);--chart-1:oklch(64.61% .1943 41.12);--chart-2:oklch(60% .1038 184.7);--chart-3:oklch(39.82% .0664 227.39);--chart-4:oklch(83.69% .1644 84.43);--chart-5:oklch(76.86% .1647 70.08);--radius:.625rem;--sidebar:oklch(98.5% 0 0);--sidebar-foreground:oklch(14.5% 0 0);--sidebar-primary:oklch(20.5% 0 0);--sidebar-primary-foreground:oklch(98.5% 0 0);--sidebar-accent:oklch(97% 0 0);--sidebar-accent-foreground:oklch(20.5% 0 0);--sidebar-border:oklch(92.2% 0 0);--sidebar-ring:oklch(71.55% 0 0);--markdown-inline-code-background:oklch(92% 0 0);--markdown-table-header-background:oklch(97% 0 0);--markdown-table-border-color:oklch(72% 0 0/.1);--markdown-hr-color:oklch(92% 0 0);--markdown-code-text:#64748b;--markdown-code-comment:#94a3b8;--markdown-code-link:#3b82f6;--markdown-code-number:#ec4899;--markdown-code-keyword:#8b5cf6;--markdown-code-instruction:#d946ef;--markdown-code-function:#f97316;--markdown-code-contrast:#0284c7;--markdown-code-parameter:#65a30d;--markdown-code-attribute:#ca8a04;--markdown-code-tag:#ef4444;--fill:oklch(70.5% .015 286.07);--fill-tr-48:oklch(92.2% 0 0/.48);--info:oklch(62.3% .214 259.13);--alert:oklch(79.5% .184 86.05);--success:oklch(76.81% .2044 130.85);--error:oklch(63.7% .237 25.33);--bg-modal:oklch(100% 0 0);--code-text:oklch(55.44% .0407 257.42);--code-doc:oklch(71.07% .0351 256.79);--code-link:oklch(62.31% .188 259.81);--code-number:oklch(65.59% .2118 354.31);--code-action:oklch(60.56% .2189 292.72);--code-instruction:oklch(66.68% .2591 322.15);--code-function:oklch(70.49% .1867 47.6);--code-constant:oklch(58.76% .1389 241.97);--code-parameter:oklch(64.82% .1754 131.68);--code-attribute:oklch(68.06% .1423 75.83);--code-tag:oklch(63.68% .2078 25.33)}.dark{--background:oklch(14.5% 0 0);--foreground:oklch(98.5% 0 0);--card:oklch(20.46% 0 0);--card-foreground:oklch(98.5% 0 0);--popover:oklch(26.86% 0 0);--popover-foreground:oklch(98.5% 0 0);--primary:oklch(92.19% 0 0);--primary-foreground:oklch(20.5% 0 0);--secondary:oklch(26.9% 0 0);--secondary-foreground:oklch(98.5% 0 0);--muted:oklch(26.9% 0 0);--muted-foreground:oklch(71.55% 0 0);--accent:oklch(37.15% 0 0);--accent-foreground:oklch(98.5% 0 0);--destructive:oklch(71.06% .1661 22.22);--destructive-foreground:oklch(97.05% .0129 17.38);--border:oklch(100% 0 0/.1);--input:oklch(100% 0 0/.15);--special-input:#18181b;--ring:oklch(55.6% 0 0);--chart-1:oklch(48.82% .2172 264.38);--chart-2:oklch(69.59% .1491 162.48);--chart-3:oklch(76.86% .1647 70.08);--chart-4:oklch(62.68% .2325 303.9);--chart-5:oklch(64.5% .2154 16.44);--sidebar:oklch(20.5% 0 0);--sidebar-foreground:oklch(98.5% 0 0);--sidebar-primary:oklch(48.82% .2172 264.38);--sidebar-primary-foreground:oklch(98.5% 0 0);--sidebar-accent:oklch(26.9% 0 0);--sidebar-accent-foreground:oklch(98.5% 0 0);--sidebar-border:oklch(100% 0 0/.1);--sidebar-ring:oklch(43.9% 0 0);--markdown-inline-code-background:oklch(100% 0 0/.12);--markdown-table-header-background:oklch(100% 0 0/.08);--markdown-table-border-color:oklch(56% 0 0/.2);--markdown-hr-color:oklch(100% 0 0/.1);--markdown-code-text:#f1f5f9;--markdown-code-comment:#cbd5e1;--markdown-code-link:#93c5fd;--markdown-code-number:#f9a8d4;--markdown-code-keyword:#c4b5fd;--markdown-code-instruction:#f0abfc;--markdown-code-function:#fdba74;--markdown-code-contrast:#7dd3fc;--markdown-code-parameter:#86efac;--markdown-code-attribute:#fef08a;--markdown-code-tag:#fca5a5;--fill:oklch(44.2% .017 285.79);--fill-tr-48:oklch(37% .013 285.81/.48);--info:oklch(70.3% .165 254.62);--alert:oklch(79.5% .184 86.05);--success:oklch(76.81% .2044 130.85);--error:oklch(70.4% .191 22.22);--bg-modal:oklch(14.5% 0 0);--code-text:oklch(96.83% .0069 247.9);--code-doc:oklch(71.07% .0351 256.79);--code-link:oklch(80.91% .0956 251.81);--code-number:oklch(82.28% .1095 346.02);--code-action:oklch(81.12% .1013 293.57);--code-instruction:oklch(83.3% .1322 321.43);--code-function:oklch(83.66% .1165 66.29);--code-constant:oklch(82.76% .1013 230.32);--code-parameter:oklch(87.12% .1363 154.45);--code-attribute:oklch(94.51% .1243 101.54);--code-tag:oklch(80.77% .1035 19.57)}.theme-zinc{--background:oklch(100% 0 0);--foreground:oklch(14.1% .005 285.82);--card:oklch(100% 0 0);--card-foreground:oklch(14.1% .005 285.82);--popover:oklch(100% 0 0);--popover-foreground:oklch(14.1% .005 285.82);--primary:oklch(14.1% .005 285.82);--primary-foreground:oklch(98.5% 0 0);--secondary:oklch(96.7% .001 286.38);--secondary-foreground:oklch(14.1% .005 285.82);--muted:oklch(96.7% .001 286.38);--muted-foreground:oklch(55.2% .016 285.94);--accent:oklch(96.7% .001 286.38);--accent-foreground:oklch(14.1% .005 285.82);--destructive:oklch(57.71% .2152 27.33);--destructive-foreground:oklch(97.05% .0129 17.38);--border:oklch(92% .004 286.32);--input:oklch(92% .004 286.32);--special-input:#18181b;--ring:oklch(55.2% .016 285.94);--chart-1:oklch(64.61% .1943 41.12);--chart-2:oklch(60% .1038 184.7);--chart-3:oklch(39.82% .0664 227.39);--chart-4:oklch(83.69% .1644 84.43);--chart-5:oklch(76.86% .1647 70.08);--sidebar:oklch(98.5% .001 286.38);--sidebar-foreground:oklch(14.1% .005 285.82);--sidebar-primary:oklch(14.1% .005 285.82);--sidebar-primary-foreground:oklch(98.5% 0 0);--sidebar-accent:oklch(96.7% .001 286.38);--sidebar-accent-foreground:oklch(14.1% .005 285.82);--sidebar-border:oklch(92% .004 286.32);--sidebar-ring:oklch(55.2% .016 285.94);--markdown-inline-code-background:oklch(92% .004 286.32);--markdown-table-header-background:oklch(96.7% .001 286.38);--markdown-table-border-color:oklch(72% .01 286/.1);--markdown-hr-color:oklch(92% .004 286.32);--fill:oklch(70.5% .015 286.07);--info:oklch(62.3% .214 259.13);--alert:oklch(79.5% .184 86.05);--success:oklch(76.81% .2044 130.85);--error:oklch(63.7% .237 25.33);--bg-modal:oklch(100% 0 0);--code-text:oklch(55.44% .0407 257.42);--code-doc:oklch(71.07% .0351 256.79);--code-link:oklch(62.31% .188 259.81);--code-number:oklch(65.59% .2118 354.31);--code-action:oklch(60.56% .2189 292.72);--code-instruction:oklch(66.68% .2591 322.15);--code-function:oklch(70.49% .1867 47.6);--code-constant:oklch(58.76% .1389 241.97);--code-parameter:oklch(62.71% .1699 149.21);--code-attribute:oklch(68.06% .1423 75.83);--code-tag:oklch(63.68% .2078 25.33);font-weight:500}.dark.theme-zinc{--background:oklch(14.1% .005 285.82);--foreground:oklch(98.5% 0 0);--card:oklch(37% .013 285.81/.2);--card-foreground:oklch(98.5% 0 0);--popover:oklch(27.39% .0055 286.03);--popover-foreground:oklch(98.5% 0 0);--primary:oklch(96.7% .001 286.38);--primary-foreground:oklch(21.2% .006 285.88);--secondary:oklch(37% .013 285.81/.75);--secondary-foreground:oklch(92% .004 286.32);--muted:oklch(26.8% .007 286.03);--muted-foreground:oklch(70.5% .015 286.07);--accent:oklch(37% .013 285.81/.8);--accent-foreground:oklch(98.5% 0 0);--destructive:oklch(70.4% .191 22.22);--destructive-foreground:oklch(97.1% .013 17.38);--border:oklch(37% .013 285.81/.3);--input:oklch(37% .013 285.81/.6);--special-input:#18181b;--ring:oklch(44.2% .017 285.79);--chart-1:oklch(48.8% .243 264.05);--chart-2:oklch(69.6% .17 162.48);--chart-3:oklch(76.9% .188 70.08);--chart-4:oklch(62.7% .265 303.9);--chart-5:oklch(64.5% .246 16.44);--sidebar:oklch(21.2% .006 285.88);--sidebar-foreground:oklch(98.5% 0 0);--sidebar-primary:oklch(96.7% .001 286.38);--sidebar-primary-foreground:oklch(98.5% 0 0);--sidebar-accent:oklch(26.8% .007 286.03);--sidebar-accent-foreground:oklch(98.5% 0 0);--sidebar-border:oklch(37% .013 285.81/.3);--sidebar-ring:oklch(44.2% .017 285.79);--markdown-inline-code-background:oklch(100% 0 0/.12);--markdown-table-header-background:oklch(100% 0 0/.08);--markdown-table-border-color:oklch(56% .01 286/.2);--markdown-hr-color:oklch(100% 0 0/.1);--fill:oklch(37.03% .0119 285.81);--info:oklch(70.3% .165 254.62);--alert:oklch(79.5% .184 86.05);--success:oklch(76.81% .2044 130.85);--error:oklch(70.4% .191 22.22);--bg-modal:oklch(21.2% .006 285.88);--code-text:oklch(96.83% .0069 247.9);--code-doc:oklch(71.07% .0351 256.79);--code-link:oklch(80.91% .0956 251.81);--code-number:oklch(82.28% .1095 346.02);--code-action:oklch(81.12% .1013 293.57);--code-instruction:oklch(83.3% .1322 321.43);--code-function:oklch(83.66% .1165 66.29);--code-constant:oklch(82.76% .1013 230.32);--code-parameter:oklch(87.12% .1363 154.45);--code-attribute:oklch(94.51% .1243 101.54);--code-tag:oklch(80.77% .1035 19.57)}.font-poppins{font-family:Poppins,sans-serif}.ant-message{z-index:2000!important}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-smooth:always;box-sizing:border-box}.scrollbar-none{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-none::-webkit-scrollbar{display:none}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-scroll-snap-strictness{syntax:"*";inherits:false;initial-value:proximity}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@keyframes spin{to{transform:rotate(360deg)}}@keyframes ping{75%,to{opacity:0;transform:scale(2)}}@keyframes pulse{50%{opacity:.5}}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:none}}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0));filter:blur(var(--tw-enter-blur,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0)scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0));filter:blur(var(--tw-exit-blur,0))}}@keyframes accordion-down{0%{height:0}to{height:var(--radix-accordion-content-height,var(--bits-accordion-content-height,var(--reka-accordion-content-height,var(--kb-accordion-content-height,auto))))}}@keyframes accordion-up{0%{height:var(--radix-accordion-content-height,var(--bits-accordion-content-height,var(--reka-accordion-content-height,var(--kb-accordion-content-height,auto))))}to{height:0}}@keyframes loading-icon-rotate{50%{opacity:.3}to{opacity:1}}
/* Geist font - used by RichTextInput and hero input (must load for correct display) */
@font-face {
  font-family: 'Geist';
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(https://cdn.jsdelivr.net/fontsource/fonts/geist:vf@latest/latin-wght-normal.woff2) format('woff2-variations');
}

body {
  background-color: #f8f8f8;
  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

/* 下拉框展开时 lucide-chevron-down 图标旋转180度 */
[aria-expanded] svg.lucide-chevron-down {
  transition: transform 0.2s ease-in-out;
}

[aria-expanded=true] svg.lucide-chevron-down {
  transform: rotate(180deg);
}

div[data-radix-popper-content-wrapper] {
  z-index: 1000;
}

/* Radix Popover 内容圆角 */
[data-radix-popper-content-wrapper] > [data-slot=popover-content] {
  border-radius: 12px;
}

/* Radix Dropdown Menu 内容圆角 */
[data-radix-popper-content-wrapper] > [data-slot=dropdown-menu-content] {
  border-radius: 12px;
}

/* Radix Dropdown Menu Item 内容圆角 */
[data-slot="dropdown-menu-item"] {
  border-radius: 8px;
}

/* 隐藏滚动条工具类 - 用于 AI chat 等面板 */
.scrollbar-hide {
  scrollbar-width: none; /* Firefox */
}
.scrollbar-hide::-webkit-scrollbar {
  display: none; /* Chrome, Safari, Edge */
}

/* 邀请成功 Toast：235x54, rounded-xl, gap 8, padding 16, 文案 Medium 14px */
.invite-success-toast {
  width: 250px !important;
  min-height: 54px !important;
  height: 54px !important;
  border-radius: 12px !important;
  gap: 8px !important;
  padding: 16px !important;
  border: 1px solid var(--border) !important;
  display: flex !important;
  align-items: center !important;
  box-sizing: border-box !important;
}

.invite-success-toast,
.invite-success-toast * {
  font-family: var(--font-sans, Geist, ui-sans-serif, sans-serif) !important;
}

.invite-success-toast [data-content],
.invite-success-toast [data-title] {
  font-weight: 500 !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
  letter-spacing: 0 !important;
}/* Aurora 背景动画 - 使用 Welcome Screen 的绿色调 */

._aurora_67ozu_3 {
  position: absolute;
  inset: -10px;
  pointer-events: none;
  opacity: 0.5;
  filter: blur(10px) invert(1);
  will-change: background-position;
  
  /* 绿色渐变 - 与 Welcome Screen 一致 */
  --green-dark: #7CA08E;
  --green-medium: #B1C7A5;
  --green-light: #CDE0CA;
  --green-pale: #E2FAEC;
  --green-soft: #A5C4B0;
  --white: #fff;
  --transparent: transparent;
  
  --aurora-gradient: repeating-linear-gradient(
    100deg,
    var(--green-dark) 10%,
    var(--green-medium) 15%,
    var(--green-light) 20%,
    var(--green-pale) 25%,
    var(--green-soft) 30%
  );
  
  --white-gradient: repeating-linear-gradient(
    100deg,
    var(--white) 0%,
    var(--white) 7%,
    var(--transparent) 10%,
    var(--transparent) 12%,
    var(--white) 16%
  );
  
  background-image: var(--white-gradient), var(--aurora-gradient);
  background-size: 300% 200%;
  background-position: 50% 50%;
  
  /* 流动动画 */
  animation: _auroraFlow_67ozu_1 60s linear infinite;
}

._aurora_67ozu_3::after {
  content: "";
  position: absolute;
  inset: 0;
  background-image: var(--white-gradient), var(--aurora-gradient);
  background-size: 200% 100%;
  background-attachment: fixed;
  mix-blend-mode: difference;
  animation: _auroraFlowAfter_67ozu_1 60s linear infinite;
}

._auroraRadial_67ozu_57 {
  -webkit-mask-image: radial-gradient(ellipse at 100% 0%, black 10%, transparent 70%);
          mask-image: radial-gradient(ellipse at 100% 0%, black 10%, transparent 70%);
}

@keyframes _auroraFlow_67ozu_1 {
  from {
    background-position: 50% 50%, 50% 50%;
  }
  to {
    background-position: 350% 50%, 350% 50%;
  }
}

@keyframes _auroraFlowAfter_67ozu_1 {
  from {
    background-position: 50% 50%, 50% 50%;
  }
  to {
    background-position: 350% 50%, 350% 50%;
  }
}

/* 减少动画（无障碍） */
@media (prefers-reduced-motion: reduce) {
  ._aurora_67ozu_3,
  ._aurora_67ozu_3::after {
    animation: none;
  }
}

/* Welcome Screen 样式 - 基于 Figma 设计 */

._container_1ow6c_3 {
  position: fixed;
  inset: 0;
  z-index: 20;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: white;
  overflow: hidden;
}

/* 内容区域 - 居中显示，与中层光圈同步出现 */
._content_1ow6c_16 {
  position: relative;
  z-index: 10;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 17px;
  text-align: center;
  padding: 0 24px;
  opacity: 0;
  transform: translateY(30px);
  animation: _contentEnter_1ow6c_1 600ms cubic-bezier(0.4, 0, 0.2, 1) forwards;
  animation-delay: 200ms; /* 与中层光圈同步 */
}

._content_1ow6c_16._exiting_1ow6c_31 {
  animation: _contentExit_1ow6c_1 500ms ease-out forwards;
}

@keyframes _contentEnter_1ow6c_1 {
  0% {
    opacity: 0;
    transform: translateY(30px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes _contentExit_1ow6c_1 {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(-20px);
  }
}

/* 第一行：Hey Username! Welcome to [Logo] */
._firstLine_1ow6c_58 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  flex-wrap: wrap;
}

/* Optima 字体文本 */
._textOptima_1ow6c_67 {
  font-family: 'Optima', 'Georgia', serif;
  font-size: 32px;
  font-weight: 400;
  line-height: 1.5;
  color: #171717;
  letter-spacing: -0.48px;
}

/* Instrument Serif Italic 字体文本 */
._textInstrument_1ow6c_77 {
  font-family: 'Instrument Serif', 'Georgia', serif;
  font-style: italic;
  font-size: 32px;
  font-weight: 400;
  line-height: 1.5;
  color: #171717;
}

/* Logo */
._logo_1ow6c_87 {
  height: 32px;
  width: auto;
}

/* 第二行：Let's start with a few questions. */
._secondLine_1ow6c_93 {
  font-family: 'Optima', 'Georgia', serif;
  font-size: 32px;
  font-weight: 400;
  line-height: 1.5;
  color: #171717;
  letter-spacing: -0.48px;
}

/* 光圈容器 */
._ellipsesContainer_1ow6c_103 {
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  width: 100vw;
  min-width: 1386px;
  height: 100vh;
  z-index: 0;
  overflow: visible;
  opacity: 0.8;
}

._ellipse_1ow6c_103 {
  position: absolute;
  left: 50%;
  pointer-events: none;
  /* 初始状态：隐藏在下方 */
  opacity: 0;
  transform: translateX(-50%) translateY(100px);
}

/* ========================================
   入场动画 - 从下往上依次出现
   内层 -> 中层 -> 外层，总时长 2s
   ======================================== */

@keyframes _ellipseEnter_1ow6c_1 {
  0% {
    opacity: 0;
    transform: translateX(-50%) translateY(80px);
  }
  100% {
    opacity: 1;
    transform: translateX(-50%) translateY(0);
  }
}

/* 内层光圈 - 最先出现 (0ms) */
._ellipseInner_1ow6c_142 {
  width: 40vw;
  min-width: 500px;
  height: auto;
  bottom: -18%;
  animation:
    _ellipseEnter_1ow6c_1 600ms cubic-bezier(0.4, 0, 0.2, 1) forwards,
    _flowInner_1ow6c_1 12s cubic-bezier(0.4, 0, 0.6, 1) infinite,
    _glowInner_1ow6c_1 9s cubic-bezier(0.4, 0, 0.6, 1) infinite;
  animation-delay: 0ms, 1000ms, 1000ms;
}

/* 中层光圈 - 第二个出现 (200ms)，与文字同步 */
._ellipseMiddle_1ow6c_155 {
  width: 75vw;
  min-width: 1000px;
  height: auto;
  bottom: -10%;
  animation:
    _ellipseEnter_1ow6c_1 600ms cubic-bezier(0.4, 0, 0.2, 1) forwards,
    _flowMiddle_1ow6c_1 16s cubic-bezier(0.4, 0, 0.6, 1) infinite,
    _glowMiddle_1ow6c_1 12s cubic-bezier(0.4, 0, 0.6, 1) infinite;
  animation-delay: 200ms, 1000ms, 1000ms;
}

/* 外层光圈 - 最后出现 (400ms) */
._ellipseOuter_1ow6c_168 {
  width: 150vw;
  min-width: 1800px;
  height: auto;
  bottom: -5%;
  animation:
    _ellipseEnter_1ow6c_1 600ms cubic-bezier(0.4, 0, 0.2, 1) forwards,
    _flowOuter_1ow6c_1 20s cubic-bezier(0.4, 0, 0.6, 1) infinite,
    _glowOuter_1ow6c_1 15s cubic-bezier(0.4, 0, 0.6, 1) infinite;
  animation-delay: 400ms, 1000ms, 1000ms;
}

/* ========================================
   流动动画 - 自然呼吸感，缓慢漂移
   ======================================== */

@keyframes _flowOuter_1ow6c_1 {
  0%, 100% {
    transform: translateX(-50%) translateY(0%) scale(1) rotate(0deg);
  }
  25% {
    transform: translateX(-49%) translateY(-1.5%) scale(1.02) rotate(0.3deg);
  }
  50% {
    transform: translateX(-51%) translateY(-2.5%) scale(1.04) rotate(-0.2deg);
  }
  75% {
    transform: translateX(-49.5%) translateY(-1%) scale(1.02) rotate(0.2deg);
  }
}

@keyframes _flowMiddle_1ow6c_1 {
  0%, 100% {
    transform: translateX(-50%) translateY(0%) scale(1) rotate(0deg);
  }
  20% {
    transform: translateX(-51%) translateY(-2%) scale(1.03) rotate(-0.5deg);
  }
  40% {
    transform: translateX(-49%) translateY(-3.5%) scale(1.05) rotate(0.3deg);
  }
  60% {
    transform: translateX(-50.5%) translateY(-2.5%) scale(1.04) rotate(-0.3deg);
  }
  80% {
    transform: translateX(-49.5%) translateY(-1.5%) scale(1.02) rotate(0.4deg);
  }
}

@keyframes _flowInner_1ow6c_1 {
  0%, 100% {
    transform: translateX(-50%) translateY(0%) scale(1) rotate(0deg);
  }
  15% {
    transform: translateX(-49%) translateY(-3%) scale(1.04) rotate(0.8deg);
  }
  35% {
    transform: translateX(-51%) translateY(-5%) scale(1.06) rotate(-0.5deg);
  }
  55% {
    transform: translateX(-49.5%) translateY(-4%) scale(1.05) rotate(0.6deg);
  }
  75% {
    transform: translateX(-50.5%) translateY(-2%) scale(1.03) rotate(-0.6deg);
  }
}

/* ========================================
   发光动画 - 柔和呼吸，自然晕染
   ======================================== */

@keyframes _glowOuter_1ow6c_1 {
  0%, 100% {
    filter: brightness(1) blur(0px) hue-rotate(0deg) saturate(1);
  }
  50% {
    filter: brightness(1.02) blur(2px) hue-rotate(1deg) saturate(1.03);
  }
}

@keyframes _glowMiddle_1ow6c_1 {
  0%, 100% {
    filter: brightness(1) blur(0px) hue-rotate(0deg) saturate(1);
  }
  33% {
    filter: brightness(1.03) blur(3px) hue-rotate(-2deg) saturate(1.05);
  }
  66% {
    filter: brightness(1.05) blur(5px) hue-rotate(1deg) saturate(1.08);
  }
}

@keyframes _glowInner_1ow6c_1 {
  0%, 100% {
    filter: brightness(1) blur(0px) hue-rotate(0deg) saturate(1);
  }
  25% {
    filter: brightness(1.04) blur(4px) hue-rotate(-3deg) saturate(1.08);
  }
  50% {
    filter: brightness(1.08) blur(6px) hue-rotate(2deg) saturate(1.1);
  }
  75% {
    filter: brightness(1.03) blur(3px) hue-rotate(-1deg) saturate(1.05);
  }
}

/* 减少动画（无障碍） */
@media (prefers-reduced-motion: reduce) {
  ._ellipseOuter_1ow6c_168,
  ._ellipseMiddle_1ow6c_155,
  ._ellipseInner_1ow6c_142 {
    animation: none;
    opacity: 1;
    transform: translateX(-50%) translateY(0);
  }
  
  ._content_1ow6c_16 {
    animation: none;
    opacity: 1;
    transform: translateY(0);
  }
}

/* 响应式 - 平板端 (max-width: 900px) */
@media (max-width: 900px) {
  ._textOptima_1ow6c_67,
  ._textInstrument_1ow6c_77,
  ._secondLine_1ow6c_93 {
    font-size: 28px;
  }
  
  ._logo_1ow6c_87 {
    height: 28px;
  }
  
  ._firstLine_1ow6c_58 {
    gap: 7px;
  }
  
  ._content_1ow6c_16 {
    gap: 14px;
  }
  
  ._ellipsesContainer_1ow6c_103 {
    min-width: 1000px;
  }
  
  ._ellipseOuter_1ow6c_168 {
    min-width: 1200px;
  }
  
  ._ellipseMiddle_1ow6c_155 {
    min-width: 700px;
  }
  
  ._ellipseInner_1ow6c_142 {
    min-width: 350px;
  }
}

/* 响应式 - 小屏幕 (max-width: 640px) */
@media (max-width: 640px) {
  ._textOptima_1ow6c_67,
  ._textInstrument_1ow6c_77,
  ._secondLine_1ow6c_93 {
    font-size: 22px;
  }
  
  ._logo_1ow6c_87 {
    height: 22px;
  }
  
  ._firstLine_1ow6c_58 {
    gap: 5px;
  }
  
  ._content_1ow6c_16 {
    gap: 12px;
    padding: 0 16px;
  }
  
  ._ellipsesContainer_1ow6c_103 {
    min-width: 800px;
  }
  
  ._ellipseOuter_1ow6c_168 {
    min-width: 1000px;
  }
  
  ._ellipseMiddle_1ow6c_155 {
    min-width: 550px;
  }
  
  ._ellipseInner_1ow6c_142 {
    min-width: 280px;
  }
}

/* 响应式 - 移动端 (max-width: 400px) */
@media (max-width: 400px) {
  ._textOptima_1ow6c_67,
  ._textInstrument_1ow6c_77,
  ._secondLine_1ow6c_93 {
    font-size: 18px;
  }
  
  ._logo_1ow6c_87 {
    height: 18px;
  }
  
  ._firstLine_1ow6c_58 {
    gap: 4px;
  }
  
  ._content_1ow6c_16 {
    gap: 10px;
    padding: 0 12px;
  }
  
  ._ellipsesContainer_1ow6c_103 {
    min-width: 600px;
  }
  
  ._ellipseOuter_1ow6c_168 {
    min-width: 800px;
  }
  
  ._ellipseMiddle_1ow6c_155 {
    min-width: 450px;
  }
  
  ._ellipseInner_1ow6c_142 {
    min-width: 220px;
  }
}
._container_raon3_1 {
  position: fixed;
  inset: 0;
  z-index: 10;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

._topBar_raon3_10 {
  position: relative;
  display: flex;
  align-items: center;
  height: 68px;
  padding: 0 28px;
}

._topButton_raon3_18 {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  display: inline-flex;
  align-items: center;
  gap: 8px;
  height: 44px;
  padding: 0 16px;
  border: 0;
  background: transparent;
  color: #171717;
  cursor: pointer;
  font-family: 'Geist', sans-serif;
  font-size: 14px;
    font-weight: 500;
    line-height: 1;
    transition:
      color 0.2s cubic-bezier(0.22, 1, 0.36, 1),
      background-color 0.2s cubic-bezier(0.22, 1, 0.36, 1),
      transform 0.2s cubic-bezier(0.22, 1, 0.36, 1);
}

._topButton_raon3_18:hover {
  color: #404040;
}

._stepIndicator_raon3_45 {
  position: absolute;
  left: 50%;
  top: calc(50% + 4px);
  transform: translate(-50%, -50%);
  margin: 0;
}

._backButton_raon3_53 {
  left: 28px;
}

._skipButton_raon3_57 {
  right: 28px;
}

._content_raon3_61 {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 28px 24px 40px;
  overflow-y: auto;
}

._contentInner_raon3_70 {
  width: 100%;
  max-width: 1068px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

._title_raon3_79 {
  margin: 0 0 38px;
  color: #171717;
  text-align: center;
  font-family: 'Geist', sans-serif;
  font-size: 22px;
  font-weight: 600;
  line-height: 1.15;
  letter-spacing: -0.03em;
}

._selectionGrid_raon3_90 {
  width: 100%;
  max-width: 705px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  -moz-column-gap: 60px;
       column-gap: 60px;
  row-gap: 20px;
  justify-items: center;
}

._composeGrid_raon3_100 {
  width: 100%;
  max-width: 912px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 28px;
}

._selectionCard_raon3_109 {
  width: 138px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  border: 0;
  padding: 2px 12px;
  background: transparent;
  cursor: pointer;
  transition: transform 0.22s cubic-bezier(0.22, 1, 0.36, 1);
}

._selectionCard_raon3_109:hover {
  transform: translateY(-2px);
}

._selectionCard_raon3_109:hover ._selectionMedia_raon3_126 {
  transform: translateY(-1px);
  box-shadow: 0 10px 24px rgba(23, 23, 23, 0.12);
}

._selectionCard_raon3_109:hover ._selectionLabel_raon3_131 {
  color: #09090b;
}

._selectionCard_raon3_109:active {
  transform: translateY(0) scale(0.985);
}

._selectionCard_raon3_109:active ._selectionMedia_raon3_126 {
  transform: scale(0.985);
  box-shadow: 0 4px 14px rgba(23, 23, 23, 0.1);
}

._selectionCard_raon3_109:disabled {
  cursor: not-allowed;
  opacity: 0.55;
}

._selectionCard_raon3_109:disabled:hover,
._selectionCard_raon3_109:disabled:active {
  transform: none;
}

._selectionCard_raon3_109:disabled:hover ._selectionMedia_raon3_126,
._selectionCard_raon3_109:disabled:active ._selectionMedia_raon3_126 {
  transform: none;
  box-shadow: none;
}

._selectionMedia_raon3_126 {
  position: relative;
  width: 138px;
  height: 138px;
  overflow: hidden;
  border-radius: 16px;
  background: #f3f1ee;
  transition:
    transform 0.22s cubic-bezier(0.22, 1, 0.36, 1),
    box-shadow 0.22s cubic-bezier(0.22, 1, 0.36, 1),
    border-color 0.22s cubic-bezier(0.22, 1, 0.36, 1);
}

._selectionMediaSelected_raon3_173 {
  border: 1px solid #171717;
}

._selectionLabel_raon3_131 {
  width: 120px;
  color: #171717;
  text-align: center;
  font-family: 'Geist', sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}

._selectionLabelWide_raon3_187 {
  width: 134px;
}

._checkBadge_raon3_191 {
  position: absolute;
  top: 9px;
  right: 12px;
  width: 16px;
  height: 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  background: #171717;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

._composeCard_raon3_205 {
  position: relative;
  width: 280px;
  height: 230px;
  overflow: hidden;
  border: 1px solid #ece8e1;
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.8);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
  cursor: pointer;
  transition:
    border-color 0.22s cubic-bezier(0.22, 1, 0.36, 1),
    background-color 0.22s cubic-bezier(0.22, 1, 0.36, 1);
}

._composeCardSelected_raon3_220 {
  border-color: #171717;
}

._composeCard_raon3_205:hover {
  border-color: #d4d4d4;
  background: rgba(255, 255, 255, 0.96);
}

._composeCardSelected_raon3_220:hover {
  border-color: #171717;
}

._composeCardTitle_raon3_233 {
  position: absolute;
  top: 20px;
  left: 20px;
  right: 44px;
  text-align: left;
  color: #171717;
  font-family: 'Geist', sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
}

._composePreview_raon3_246 {
  position: absolute;
  left: 17px;
  right: 17px;
  bottom: 0;
  height: 134px;
}

._composeMediaBack_raon3_254,
._composeMediaFront_raon3_255,
._composeMediaTop_raon3_256 {
  position: absolute;
  overflow: hidden;
  border-radius: 8px;
  background: #f3f1ee;
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

._composeMediaBack_raon3_254 {
  left: 4px;
  bottom: 11px;
  width: 86px;
  height: 116px;
  transform: rotate(-14.89deg);
}

._composeMediaFront_raon3_255 {
  left: 79px;
  bottom: 17px;
  width: 86px;
  height: 116px;
  box-shadow: -1px 3px 6px rgba(0, 0, 0, 0.05);
}

._composeMediaTop_raon3_256 {
  right: 3px;
  bottom: 12px;
  width: 86px;
  height: 116px;
  transform: rotate(12.87deg);
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.12);
}

._composeCard_raon3_205:hover ._composeMediaBack_raon3_254 {
  transform: translateX(-10px) translateY(-5px) rotate(-18deg);
}

._composeCard_raon3_205:hover ._composeMediaFront_raon3_255 {
  transform: translateY(-8px);
}

._composeCard_raon3_205:hover ._composeMediaTop_raon3_256 {
  transform: translateX(10px) translateY(-5px) rotate(18deg);
}

._composeCheckBadge_raon3_301 {
  position: absolute;
  top: 11px;
  right: 12px;
  width: 24px;
  height: 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  background: #171717;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

._promptLabel_raon3_315 {
  margin: 34px 0 20px;
  color: #171717;
  text-align: center;
  font-family: 'Geist', sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 22px;
}

._inputWrap_raon3_325 {
  width: 100%;
  max-width: 780px;
}

._media_raon3_330 {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}

@media (max-width: 1024px) {
  ._content_raon3_61 {
    padding-top: 0;
  }

  ._selectionGrid_raon3_90,
  ._composeGrid_raon3_100 {
    max-width: 705px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
  }

  ._composeGrid_raon3_100 {
    justify-items: center;
  }
}

@media (max-width: 768px) {
  ._topBar_raon3_10 {
    padding: 0 16px;
  }

  ._backButton_raon3_53 {
    left: 16px;
  }

  ._skipButton_raon3_57 {
    right: 16px;
  }

  ._title_raon3_79 {
    margin: 12px 0 28px;
    font-size: 16px;
    line-height: 24px;
  }

  ._selectionGrid_raon3_90,
  ._composeGrid_raon3_100 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
  }

  ._composeCard_raon3_205 {
    width: 100%;
    max-width: 280px;
  }

  ._promptLabel_raon3_315 {
    margin-top: 28px;
  }
}
/* Footer - Figma node 1903:15146 */
._footer_4wnc0_2 {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 32px 36px;
    background: #fff;
    width: 100%;
}

._icon_4wnc0_12 {
    width: 14.391px;
    height: 19.996px;
    flex-shrink: 0;
    -o-object-fit: contain;
       object-fit: contain;
}

._text_4wnc0_19 {
    font-family: 'Geist', sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
    color: #18181b;
    opacity: 0.5;
    text-align: center;
    white-space: nowrap;
    flex-shrink: 0;
}

/* 移动端适配 */
@media (max-width: 768px) {
    ._footer_4wnc0_2 {
        padding: 24px 16px;
    }

    ._text_4wnc0_19 {
        font-size: 12px;
    }
}
._galleryItem_5g9zc_1 {
    position: relative;
    border-radius: 8px;
    overflow: hidden;
    width: 100%;
    padding: 0;
    border: none;
    background: none;
    cursor: pointer;
    display: block;
    -moz-column-break-inside: avoid;
         break-inside: avoid;
}

/* Dark overlay on image - explore-light style */
._galleryItem_5g9zc_1::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.15);
    pointer-events: none;
    z-index: 1;
    border-radius: 8px;
    opacity: 0;
    transition: opacity 0.25s ease-in-out;
}

._galleryItem_5g9zc_1:hover::after {
    opacity: 1;
}

._imageWrapper_5g9zc_34 {
    position: relative;
    width: 100%;
    overflow: hidden;
}

/* aspect-ratio 始终设置，图片填满容器 */
._imageWrapper_5g9zc_34 ._image_5g9zc_34,
._imageWrapper_5g9zc_34 > span,
._imageWrapper_5g9zc_34 > span > img {
    width: 100%;
    height: 100%;
    display: block;
    -o-object-fit: cover;
       object-fit: cover;
}

._placeholder_5g9zc_50 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

._skeleton_5g9zc_58 {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}

._image_5g9zc_34 {
    width: 100%;
    max-width: 100%;
    height: auto;
    display: block;
    -o-object-fit: cover;
       object-fit: cover;
    transition: transform 0.3s ease-out, filter 0.3s ease-out;
}

/* 固定宽高比时图片填满容器 */
._imageFixed_5g9zc_78 {
    height: 100% !important;
    -o-object-fit: cover;
       object-fit: cover;
}

._galleryItem_5g9zc_1:hover ._image_5g9zc_34 {
    transform: scale(1.05);
    filter: brightness(1.08);
}

._video_5g9zc_88 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    z-index: 1;
}

._videoTag_5g9zc_98 {
    position: absolute;
    bottom: 12px;
    left: 12px;
    width: 30px;
    height: 24px;
    background: rgba(0, 0, 0, 0.4);
    border-radius: 999px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
}

/* 底部用户信息 - explore-light style */
._overlay_5g9zc_113 {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 54px;
    display: flex;
    align-items: center;
    padding: 0 9px;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.5) 0%, transparent 100%);
    z-index: 2;
    border-radius: 0 0 8px 8px;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.25s ease-in-out;
}

._galleryItem_5g9zc_1:hover ._overlay_5g9zc_113 {
    opacity: 1;
}

._userInfo_5g9zc_134 {
    display: flex;
    align-items: center;
    gap: 5px;
    opacity: 0;
    transition: opacity 0.25s ease-in-out;
    pointer-events: none;
}

._galleryItem_5g9zc_1:hover ._userInfo_5g9zc_134 {
    opacity: 1;
    pointer-events: auto;
}

._userLink_5g9zc_148 {
    display: flex;
    align-items: center;
    flex-shrink: 0;
}

._avatar_5g9zc_154 {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    -o-object-fit: cover;
       object-fit: cover;
    flex-shrink: 0;
}

._title_5g9zc_162 {
    font-family: 'Geist', sans-serif;
    font-size: 15px;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 1.3;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 150px;
    margin: 0;
}

._actions_5g9zc_175 {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-shrink: 0;
    flex-wrap: nowrap;
}

/* 右上角点赞容器 - explore-light style */
._likesContainer_5g9zc_184 {
    position: absolute;
    top: 8px;
    right: 8px;
    z-index: 2;
    opacity: 0;
    transform: scale(0.92) translateY(-6px);
    transform-origin: right top;
    transition:
        opacity 0.14s linear,
        transform 0.52s cubic-bezier(0.16, 1, 0.3, 1);
    pointer-events: none;
}

._galleryItem_5g9zc_1:hover ._likesContainer_5g9zc_184 {
    opacity: 1;
    transform: scale(1) translateY(0);
    pointer-events: auto;
}

/* Apple 风格液态玻璃 - Liquid Glass UI */
._likes_5g9zc_184 {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    padding: 5px 12px;
    /* 更透明的背景 */
    background: rgba(255, 255, 255, 0.12);
    backdrop-filter: blur(30px);
    -webkit-backdrop-filter: blur(30px);
    /* 极细的边框 - 几乎不可见 */
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 999px;
    /* 极其柔和的阴影 */
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
    color: #FFFFFF;
    font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Geist', sans-serif;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: -0.01em;
    line-height: 1.2;
    cursor: pointer;
    transition: all 0.2s ease;
}

._likes_5g9zc_184:hover {
    background: rgba(255, 255, 255, 0.18);
    border-color: rgba(255, 255, 255, 0.25);
}

._likes_5g9zc_184:active {
    transform: scale(0.97);
    background: rgba(255, 255, 255, 0.15);
}

._heartFilled_5g9zc_241 {
    color: #FF5A45;
    fill: #FF5A45;
    filter: drop-shadow(0 1px 2px rgba(255, 90, 69, 0.3));
}

._heartOutline_5g9zc_247 {
    color: #FFFFFF;
    fill: none;
    stroke: #FFFFFF;
}

/* 点赞按钮 - 底部 overlay 中的备用样式 */
._likeButton_5g9zc_254 {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    height: 32px;
    padding: 8px;
    border-radius: 9999px;
    background: transparent;
    border: none;
    color: #fafafa;
    transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
    cursor: pointer;
    flex-shrink: 0;
}

._likeButton_5g9zc_254:hover {
    color: #fff;
    background: rgba(255, 255, 255, 0.1);
}

._likeButton_5g9zc_254._liked_5g9zc_275 {
    color: #ef4444;
}

._likeCount_5g9zc_279 {
    font-size: 12px;
    line-height: 1;
    color: #fafafa;
}

._likeButton_5g9zc_254:disabled {
    opacity: 0.7;
}

/* 视频时长标签 */
._durationBadge_5g9zc_290 {
    position: absolute;
    top: 12px;
    left: 12px;
    padding: 0 10px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    background: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(50px);
    color: #fff;
    font-family: 'Ubuntu', sans-serif;
    font-size: 12px;
    font-weight: 500;
    line-height: 20px;
}
._gallery_dfeh3_1 {
    width: 100%;
    background: #fff;
    padding: 30px 20px;
    max-width: 100vw;
}

._title_dfeh3_8 {
    font-family: 'Instrument Serif', serif;
    font-size: 26px;
    font-style: normal;
    font-weight: 400;
    line-height: 115%;
    color: #3C3C3C;
    height: 36px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 0;
}

/* Tab switcher - 匹配 explore-light ForYou filter 样式 */
._tabContainer_dfeh3_23 {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 20px 0 24px 0;
}

._tabButton_dfeh3_30 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 36px;
    padding: 0 16px;
    border-radius: 8px;
    border: none;
    background: #F3F3F3;
    color: #3f3f46; /* zinc-700 未选中 */
    font-family: 'Geist', sans-serif;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
    white-space: nowrap;
}

._tabButton_dfeh3_30:hover {
    background: #EFEFEF;
}

/* 选中态：文字使用 zinc-900 */
._tabButton_dfeh3_30._active_dfeh3_53 {
    background: #D4D4D8;
    color: #18181b;
}

._toolbar_dfeh3_58 {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 16px;
    margin-bottom: 24px;
}

._categories_dfeh3_67 {
    display: flex;
    justify-content: center;
    gap: 8px;
    flex-wrap: wrap;
}

._categoryButton_dfeh3_74 {
    padding: 8px 20px;
    border-radius: 20px;
    border: 1px solid #e4e4e7;
    background: #fff;
    color: #52525b;
    font-family: Inter, system-ui, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    transition: all 0.2s ease;
}

._categoryButton_dfeh3_74:hover {
    background: #fafafa;
    border-color: #d4d4d8;
}

._categoryButton_dfeh3_74._active_dfeh3_53 {
    background: #18181b;
    color: #fff;
    border-color: #18181b;
}

._sortButtons_dfeh3_99 {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

._sortButton_dfeh3_99 {
    padding: 8px 18px;
    border-radius: 16px;
    border: 1px solid #e4e4e7;
    background: #fff;
    color: #52525b;
    font-family: Inter, system-ui, sans-serif;
    font-size: 13px;
    font-weight: 500;
    transition: all 0.2s ease;
}

._sortButton_dfeh3_99:hover {
    background: #fafafa;
}

._sortButton_dfeh3_99._active_dfeh3_53 {
    background: #0a0a0a;
    color: #fff;
    border-color: #0a0a0a;
}

._contentWrapper_dfeh3_127 {
    position: relative;
    width: 100%;
    transition: min-height 0.3s ease;
}

/* 底部渐变 fade - 更透明、更自然的过渡 */
._contentWrapper_dfeh3_127::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 180px;
    background: linear-gradient(
        to top,
        rgba(255, 255, 255, 0.5) 0%,
        rgba(255, 255, 255, 0.3) 20%,
        rgba(255, 255, 255, 0.15) 40%,
        rgba(255, 255, 255, 0.05) 70%,
        rgba(255, 255, 255, 0) 100%
    );
    pointer-events: none;
    z-index: 10;
}

/* Masonry grid layout - 优化 9:16 竖版内容展示 */
._masonryGridNew_dfeh3_154 {
    -moz-column-count: 6;
         column-count: 6;
    -moz-column-gap: 4px;
         column-gap: 4px;
    width: 100%;
}

/* JS 瀑布流布局 - 使用 flex 列替代 CSS column-count，避免加载更多时全部 reflow */
._masonryFlexGrid_dfeh3_161 {
    display: flex;
    gap: 4px;
    width: 100%;
}

._masonryFlexColumn_dfeh3_167 {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}

/* PC 端适配 - 更多列数适配竖版内容 */
@media (min-width: 1600px) {
    ._masonryGridNew_dfeh3_154 {
        -moz-column-count: 6;
             column-count: 6;
    }
}

@media (max-width: 1600px) {
    ._masonryGridNew_dfeh3_154 {
        -moz-column-count: 5;
             column-count: 5;
    }
}

@media (max-width: 1200px) {
    ._masonryGridNew_dfeh3_154 {
        -moz-column-count: 4;
             column-count: 4;
    }
}

@media (max-width: 900px) {
    ._masonryGridNew_dfeh3_154 {
        -moz-column-count: 3;
             column-count: 3;
    }
}

@media (max-width: 600px) {
    ._masonryGridNew_dfeh3_154 {
        -moz-column-count: 2;
             column-count: 2;
    }
}

@media (max-width: 400px) {
    ._masonryGridNew_dfeh3_154 {
        -moz-column-count: 1;
             column-count: 1;
    }
}

._errorBanner_dfeh3_212 {
    margin-bottom: 16px;
    border-radius: 12px;
    border: 1px solid #fee4e2;
    background: #fef3f2;
    color: #b42318;
    font-size: 13px;
    padding: 10px 14px;
    text-align: center;
}

._loadingState_dfeh3_223 {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 80px 0;
    color: #737373;
    font-size: 14px;
}

/* 空状态 - 仿照 template gallery dialog 样式 */
._emptyState_dfeh3_233 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 16px;
    min-height: 400px;
    padding: 40px;
}

._emptyStateImage_dfeh3_243 {
    width: 118px;
    height: 129px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #a1a1aa;
}

._emptyStateText_dfeh3_252 {
    font-family: 'Outfit', sans-serif;
    font-weight: 500;
    font-size: 20px;
    line-height: 18px;
    color: #18181b;
    text-align: center;
}

._masonryGrid_dfeh3_154 {
    display: flex;
    margin-left: -8px;
    width: auto;
}

._masonryColumn_dfeh3_267 {
    padding-left: 0;
    background-clip: padding-box;
}

._masonryColumn_dfeh3_267 > * {
    margin-bottom: 8px;
}

._loadingMore_dfeh3_276 {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 16px 0 0;
    font-size: 12px;
    color: #52525b;
}

._loadMoreWrapper_dfeh3_286 {
    display: flex;
    justify-content: center;
    margin-top: 24px;
}

/* 响应式布局 - 其他元素 */
@media (max-width: 1200px) {
    ._gallery_dfeh3_1 {
        padding: 30px 20px;
    }

    ._toolbar_dfeh3_58 {
        flex-direction: column;
        align-items: center;
    }
}

@media (max-width: 768px) {
    ._gallery_dfeh3_1 {
        padding: 20px 16px;
    }
    
    ._title_dfeh3_8 {
        font-size: 20px;
        height: 36px;
        margin-bottom: 0;
    }

    ._tabContainer_dfeh3_23 {
        margin: 16px 0;
        gap: 6px;
    }

    ._tabButton_dfeh3_30 {
        height: 32px;
        font-size: 13px;
        padding: 0 12px;
    }
    
    ._categories_dfeh3_67 {
        gap: 6px;
    }

    ._categoryButton_dfeh3_74 {
        padding: 6px 16px;
        font-size: 13px;
    }

    ._sortButtons_dfeh3_99 {
        width: 100%;
        justify-content: center;
    }
    
    ._sortButton_dfeh3_99 {
        padding: 6px 14px;
        font-size: 12px;
    }
    
    ._masonryGrid_dfeh3_154 {
        margin-left: 0;
    }
    
    ._masonryColumn_dfeh3_267 {
        padding-left: 0;
    }
    
    ._masonryColumn_dfeh3_267 > * {
        margin-bottom: 8px;
    }
}
/* TrendingTemplates Component Styles */
._trendingTemplates_n26q3_2 {
    width: 100%;
    background: #ffffff;
    padding: 10px 20px 30px 20px;
}

._header_n26q3_8 {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 20px;
}

._headerLeft_n26q3_17 {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

._title_n26q3_23 {
    font-family: 'Instrument Serif', serif;
    font-size: 26px;
    font-style: normal;
    font-weight: 400;
    line-height: 115%;
    color: #3C3C3C;
    margin: 0;
}

._subtitleDesktop_n26q3_33 {
    color: var(--zinc-500, #71717a);
    font-family: 'Geist', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4;
    margin: 0;
}

._subtitleMobile_n26q3_42 {
    display: none;
    color: var(--zinc-500, #71717a);
    font-family: 'Geist', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4;
    margin: 0;
}

._seeAll_n26q3_52 {
    display: flex;
    align-items: center;
    gap: 4px;
    color: #3C3C3C;
    font-family: 'Geist', sans-serif;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-decoration: none;
    white-space: nowrap;
}

._seeAll_n26q3_52:hover {
    color: var(--zinc-800, #27272A);
}

/* Carousel */
._carouselWrapper_n26q3_71 {
    position: relative;
}

._carousel_n26q3_71 {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
    grid-auto-rows: max-content;
    gap: 24px;
    width: 100%;
    align-content: start;
}

/* Mobile Responsive */
@media (max-width: 1100px) {
    ._carousel_n26q3_71 {
        gap: 16px;
    }
}

@media (max-width: 768px) {
    ._trendingTemplates_n26q3_2 {
        padding: 24px 16px;
        margin-top: 24px;
    }

    ._header_n26q3_8 {
        flex-direction: column;
        align-items: flex-start;
    }

    ._headerLeft_n26q3_17 {
        width: 100%;
    }

    ._seeAll_n26q3_52 {
        align-self: flex-start;
    }

    ._subtitleDesktop_n26q3_33 {
        display: none;
    }

    ._subtitleMobile_n26q3_42 {
        display: block;
    }

    ._title_n26q3_23 {
        font-size: 18px;
    }

    ._seeAll_n26q3_52 {
        font-size: 13px;
    }

    ._carousel_n26q3_71 {
        /* Override inline style on small screens to allow wrapping */
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 12px;
    }
}

@media (max-width: 480px) {
    ._carousel_n26q3_71 {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}
._dialogContent_vsead_1 {
    max-width: 420px;
    padding: 0;
    border-radius: 16px;
    overflow: hidden;
    border: none;
}

/* 封面预览区域 */
._coverSection_vsead_10 {
    position: relative;
}

._label_vsead_14 {
    display: none;
}

._coverPreview_vsead_18 {
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    cursor: default;
    background: #f4f4f5;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
}

._coverPreview_vsead_18._empty_vsead_28 {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

._coverPreview_vsead_18._empty_vsead_28:hover {
    background: #e4e4e7;
}

/* 可以拖动时显示 grab 光标 */
._coverPreview_vsead_18._canDrag_vsead_40 {
    cursor: grab;
}

._coverPreview_vsead_18._dragging_vsead_44 {
    cursor: grabbing;
}

._coverImage_vsead_48 {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    pointer-events: none;
}

._placeholder_vsead_55 {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    color: #a1a1aa;
}

._placeholder_vsead_55 span {
    font-size: 14px;
}

/* 悬停时的 overlay */
._overlay_vsead_68 {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
    background: rgba(0, 0, 0, 0.5);
    color: white;
    opacity: 0;
    transition: opacity 0.2s ease;
    cursor: pointer;
}

._coverPreview_vsead_18:hover ._overlay_vsead_68 {
    opacity: 1;
}

._coverPreview_vsead_18._empty_vsead_28 ._overlay_vsead_68 {
    display: none;
}

._overlay_vsead_68 span {
    font-size: 13px;
    font-weight: 500;
}

/* 可拖动时的更换按钮（角落小按钮） */
._changeButton_vsead_97 {
    position: absolute;
    top: 8px;
    right: 8px;
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 6px 10px;
    background: rgba(0, 0, 0, 0.6);
    backdrop-filter: blur(4px);
    border: none;
    border-radius: 6px;
    color: white;
    font-size: 12px;
    font-weight: 500;
    cursor: pointer;
    opacity: 0;
    transition: opacity 0.2s ease, background-color 0.2s ease;
    z-index: 10;
}

._coverPreview_vsead_18:hover ._changeButton_vsead_97 {
    opacity: 1;
}

._changeButton_vsead_97:hover {
    background: rgba(0, 0, 0, 0.8);
}

/* 拖动提示 */
._dragHint_vsead_127 {
    position: absolute;
    bottom: 8px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 4px 10px;
    background: rgba(0, 0, 0, 0.6);
    backdrop-filter: blur(4px);
    border-radius: 12px;
    color: white;
    font-size: 11px;
    font-weight: 500;
    opacity: 0;
    transition: opacity 0.2s ease;
    pointer-events: none;
}

._coverPreview_vsead_18:hover ._dragHint_vsead_127 {
    opacity: 0.8;
}

._coverPreview_vsead_18._dragging_vsead_44 ._dragHint_vsead_127 {
    opacity: 1;
}

._coverPreview_vsead_18._dragging_vsead_44 ._overlay_vsead_68,
._coverPreview_vsead_18._dragging_vsead_44 ._changeButton_vsead_97 {
    opacity: 0;
}

._fileInput_vsead_160 {
    display: none;
}

/* 表单内容区域 */
._form_vsead_165 {
    display: flex;
    flex-direction: column;
}

/* 标题区域 */
._titleSection_vsead_171 {
    padding: 20px;
}

._titleSection_vsead_171 ._label_vsead_14 {
    display: block;
    font-size: 13px;
    font-weight: 500;
    color: #52525b;
    margin-bottom: 8px;
}

/* Footer 按钮区域 */
._dialogContent_vsead_1 [data-slot="dialog-footer"] {
    padding: 0 20px 20px;
    gap: 8px;
}
._projectItem_1q94b_1 {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 8px;
    background: transparent;
    flex: 1;
    min-width: 0;
}

/* 缩略图容器 - 固定高度 177px */
._thumbnail_1q94b_12 {
    position: relative;
    width: 100%;
    height: 177px;
    border-radius: 16px;
    overflow: hidden;
    background: #f8f8f8;
    display: block;
    text-decoration: none;
}

._coverImage_1q94b_23 {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
    transition: transform 0.3s ease-out, filter 0.3s ease-out, opacity 0.5s ease-in-out;
}

._thumbnail_1q94b_12:hover ._coverImage_1q94b_23 {
    transform: scale(1.05);
    filter: brightness(1.08);
}

/* 封面生成中 loading 状态：居中显示线上 loading 图 */
._coverLoading_1q94b_39 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f8f8f8;
}

/* 封面右上角 Agent working... 气泡 */
._agentWorkingBadge_1q94b_52 {
    position: absolute;
    top: 8px;
    right: 8px;
    z-index: 2;
    padding: 2px 10px;
    border-radius: 9999px;
    background: #E0E6F2;
    color: #0A0A0A;
    font-size: 12px;
    font-weight: 500;
    line-height: 24px;
}

._agentWorkingDots_1q94b_66 {
    display: inline-block;
    min-width: 1.2em;
    text-align: left;
}

/* 三个点依次出现、反向收起：. → .. → ... → (3→2→1) 收起 → 循环 */
._agentWorkingDot_1q94b_66 {
    opacity: 0;
    animation: _agentWorkingDot_1q94b_66 1.6s ease-in-out infinite;
}

._agentWorkingDot_1q94b_66:nth-child(1) {
    animation-name: _agentWorkingDot1_1q94b_1;
}

._agentWorkingDot_1q94b_66:nth-child(2) {
    animation-name: _agentWorkingDot2_1q94b_1;
}

._agentWorkingDot_1q94b_66:nth-child(3) {
    animation-name: _agentWorkingDot3_1q94b_1;
}

/* 第 1 个点：最先出现，最后收起 */
@keyframes _agentWorkingDot1_1q94b_1 {
    0%, 60% {
        opacity: 1;
    }
    65% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

/* 第 2 个点：第二出现，第二收起 */
@keyframes _agentWorkingDot2_1q94b_1 {
    0%, 15% {
        opacity: 0;
    }
    20%, 52% {
        opacity: 1;
    }
    57%, 100% {
        opacity: 0;
    }
}

/* 第 3 个点：最后出现，最先收起 */
@keyframes _agentWorkingDot3_1q94b_1 {
    0%, 30% {
        opacity: 0;
    }
    35%, 48% {
        opacity: 1;
    }
    52%, 100% {
        opacity: 0;
    }
}

/* iOS 风格 8 花瓣：整体 32×32，每片 3.33×8 药丸形，按顺序点亮到 #C8C8CD */
._coverLoadingWrap_1q94b_130 {
    position: relative;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
}

._coverLoadingSvg_1q94b_139 {
    width: 32px;
    height: 32px;
    display: block;
}

/* 逐片扫光：fill 透明度循环，stagger 形成“在转”的感觉 */
._coverLoadingPetal_1q94b_146 {
    fill: #C8C8CD;
    animation: _petalPulse_1q94b_1 1s linear infinite;
    animation-delay: calc(1s * var(--i) / var(--n, 8));
}

@keyframes _petalPulse_1q94b_1 {
    0%   { fill: rgba(200, 200, 205, 0.95); }
    100% { fill: rgba(200, 200, 205, 0.2); }
}

._placeholderLogo_1q94b_157 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.3s ease-out, opacity 0.5s ease-in-out;
}

._placeholderLogo_1q94b_157 svg {
    transition: transform 0.3s ease-out;
}

._thumbnail_1q94b_12:hover ._placeholderLogo_1q94b_157 {
    transform: scale(1.05);
}

/* 项目信息容器 */
._infoRow_1q94b_178 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

._info_1q94b_178 {
    display: flex;
    flex-direction: column;
    gap: 4px;
    flex: 1;
    min-width: 0;
    padding: 0 4px;
}

._title_1q94b_194 {
    color: var(--zinc-800, #27272A);
    font-family: 'Geist', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

._date_1q94b_207 {
    color: var(--zinc-600, #52525B);
    font-family: 'Geist', sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    margin: 0;
}

/* 菜单按钮 */
._menuButton_1q94b_218 {
    width: 32px;
    height: 32px;
    padding: 8px;
    background: transparent;
    border: none;
    color: #171717;
    border-radius: 8px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

._menuButton_1q94b_218:hover {
    background: #F4F4F5;
}

/* 骨架屏样式 */
._skeletonTitle_1q94b_238 {
    width: 70%;
    height: 24px;
}

._skeletonDate_1q94b_243 {
    width: 40%;
    height: 12px;
}

._skeletonMenuButton_1q94b_248 {
    width: 24px;
    height: 24px;
    flex-shrink: 0;
}

._dropdownContent_1q94b_254 {
    min-width: 120px;
}


._newProjectButton_1nywg_1 {
    display: flex;
    flex-direction: column;
    gap: 8px;
    flex: 1;
    min-width: 0;
}

._thumbnail_1nywg_9 {
    width: 100%;
    height: 177px;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    background-color: #f4f4f5;
    cursor: pointer;
    border: none;
    overflow: hidden;
    transition: background-color 0.2s ease;
}

._thumbnail_1nywg_9:hover {
    background-color: #e4e4e7;
}

._iconWrapper_1nywg_28 {
    width: 32px;
    height: 32px;
    min-width: 32px;
    min-height: 32px;
    max-width: 32px;
    max-height: 32px;
    border-radius: 9999px;
    background: var(--zinc-800, #27272A);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #f5f5f5;
    transition: transform 0.3s ease-out, filter 0.3s ease-out;
}

._thumbnail_1nywg_9:hover ._iconWrapper_1nywg_28 {
    transform: scale(1.05);
    filter: brightness(1.08);
}

._info_1nywg_49 {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 0 4px;
}

._title_1nywg_56 {
    color: var(--zinc-800, #27272A);
    font-family: 'Geist', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin: 0;
}._recentProjects_13c3t_1 {
    width: 100%;
    background: transparent;
    padding: 18px 20px 30px 20px;
    margin-top: 24px;
}

._header_13c3t_8 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

._title_13c3t_15 {
    font-family: 'Instrument Serif', serif;
    font-size: 26px;
    font-style: normal;
    font-weight: 400;
    line-height: 115%;
    color: #3C3C3C;
    margin: 0;
    height: 36px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

._viewAll_13c3t_29 {
    display: flex;
    align-items: center;
    gap: 4px;
    height: 20px;
    color: #3C3C3C;
    font-family: 'Geist', sans-serif;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-decoration: none;
}

._viewAll_13c3t_29:hover {
    color: var(--zinc-800, #27272A);
}

._grid_13c3t_47 {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap: 20px;
    width: 100%;
}

/* 移动端适配 */
@media (max-width: 768px) {
    ._recentProjects_13c3t_1 {
        padding: 20px 16px;
    }

    ._header_13c3t_8 {
        margin-bottom: 20px;
    }

    ._title_13c3t_15 {
        font-size: 18px;
        height: 36px;
    }

    ._grid_13c3t_47 {
        display: flex;
        flex-direction: column;
        gap: 20px;
    }

    ._viewAll_13c3t_29 {
        font-size: 14px;
    }
}
._dialogContent_1669p_1 {
  width: 550px;
  max-width: 90vw;
  min-width: 320px;
  padding: 0;
  background: #ffffff;
  border: none;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15);
}

._modalContainer_1669p_13 {
  position: relative;
  background: #ffffff;
  color: #000000;
  border-radius: 16px;
  overflow: hidden;
}

._closeButton_1669p_21 {
  position: absolute;
  top: 16px;
  right: 16px;
  z-index: 10;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.5);
  border: none;
  border-radius: 8px;
  color: #ffffff;
  cursor: pointer;
  transition: all 0.2s ease;
}

._closeButton_1669p_21:hover {
  background: rgba(0, 0, 0, 0.7);
  transform: scale(1.05);
}

/* Loading state */
._loadingContainer_1669p_45 {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 200px;
  padding: 40px;
}

._closeButtonLight_1669p_53 {
  position: absolute;
  top: 16px;
  right: 16px;
  z-index: 10;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #F4F4F5;
  border: none;
  border-radius: 8px;
  color: #71717A;
  cursor: pointer;
  transition: all 0.2s ease;
}

._closeButtonLight_1669p_53:hover {
  background: #E4E4E7;
  color: #18181B;
}

._loadingText_1669p_76 {
  font-family: 'Geist', sans-serif;
  font-size: 14px;
  color: #71717A;
}

/* Empty state */
._emptyContainer_1669p_83 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 48px 32px;
  min-height: 200px;
}

._emptyTitle_1669p_93 {
  font-family: 'Geist', sans-serif;
  font-size: 20px;
  font-weight: 600;
  color: #18181B;
  margin: 0 0 12px 0;
}

._emptyText_1669p_101 {
  font-family: 'Geist', sans-serif;
  font-size: 14px;
  color: #71717A;
  margin: 0 0 24px 0;
  line-height: 1.5;
}

._contentWrapper_1669p_109 {
  display: flex;
  flex-direction: column;
}

/* 上部分图片区域 */
._imageContainer_1669p_115 {
  width: 100%;
  height: 33.33vh;
  min-height: 200px;
  max-height: 500px;
  background: #0a0a0a;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  position: relative;
  flex-shrink: 0;
}

._materialImage_1669p_129 {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
}

._materialVideo_1669p_136 {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
}

._materialPlaceholder_1669p_143 {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #0a0a0a;
  color: #666;
}

._placeholderText_1669p_153 {
  font-size: 14px;
  color: #666;
}

/* 下部分内容区域 */
._textContainer_1669p_159 {
  flex: 1;
  padding: 24px 24px 20px 24px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  background: #ffffff;
  min-height: 0;
  overflow: visible;
  height: auto;
}

._title_1669p_171 {
  font-size: 24px;
  font-weight: 700;
  line-height: 1.3;
  margin: 0 0 12px 0;
  color: #000000;
  letter-spacing: -0.3px;
  /* 根据文字长度自然换行 */
  word-wrap: break-word;
  word-break: break-word;
}

._description_1669p_183 {
  margin-bottom: 20px;
  color: #52525B;
  font-family: 'Roboto', sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: 0.01em;
  /* 高度自适应文字，最大高度95px，超出显示滚动条 */
  height: auto;
  max-height: 95px;
  overflow-y: auto;
  overflow-x: hidden;
}

._description_1669p_183 .markdown-content {
  color: #52525B;
  font-family: 'Roboto', sans-serif;
}

._description_1669p_183 .markdown-content p {
  margin-bottom: 4px;
  color: #52525B;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  line-height: 1.6;
}

._description_1669p_183 .markdown-content h1,
._description_1669p_183 .markdown-content h2,
._description_1669p_183 .markdown-content h3 {
  color: #52525B;
  font-family: 'Roboto', sans-serif;
  font-weight: 600;
  margin-top: 12px;
  margin-bottom: 6px;
  letter-spacing: -0.01em;
}

._description_1669p_183 .markdown-content h1 {
  color: #52525B;
  font-family: 'Roboto', sans-serif;
  font-size: 1.4em;
}

._description_1669p_183 .markdown-content h2 {
  color: #52525B;
  font-family: 'Roboto', sans-serif;
  font-size: 1.2em;
}

._description_1669p_183 .markdown-content h3 {
  color: #52525B;
  font-family: 'Roboto', sans-serif;
  font-size: 1.1em;
}

._description_1669p_183 .markdown-content ul,
._description_1669p_183 .markdown-content ol {
  margin-left: 16px;
  margin-bottom: 8px;
  padding-left: 4px;
  color: #52525B;
  font-family: 'Roboto', sans-serif;
}

._description_1669p_183 .markdown-content li {
  margin-bottom: 6px;
  color: #52525B;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  line-height: 1.6;
  position: relative;
  padding-left: 2px;
}

._description_1669p_183 .markdown-content ul li::marker {
  color: #666666;
  font-size: 1.1em;
}

._description_1669p_183 .markdown-content ol li::marker {
  color: #666666;
  font-weight: 500;
}

._description_1669p_183 .markdown-content a {
  color: #7c3aed;
  text-decoration: underline;
  text-decoration-color: rgba(124, 58, 237, 0.5);
  font-weight: 400;
  transition: all 0.2s ease;
}

._description_1669p_183 .markdown-content a:hover {
  color: #8b5cf6;
  text-decoration-color: #8b5cf6;
}

._description_1669p_183 .markdown-content code {
  background: rgba(124, 58, 237, 0.1);
  color: #7c3aed;
  padding: 3px 8px;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 400;
  border: 1px solid rgba(124, 58, 237, 0.2);
}

._description_1669p_183 .markdown-content strong {
  color: #52525B;
  font-family: 'Roboto', sans-serif;
  font-weight: 600;
}

._buttonContainer_1669p_298 {
  display: flex;
  justify-content: flex-end;
  margin-top: 8px;
}

._actionButton_1669p_304 {
  background: #B8F477;
  color: #09090B;
  font-family: 'Outfit', sans-serif;
  font-weight: 600;
  font-size: 15px;
  padding: 14px 32px;
  border: none;
  border-radius: 50px;
  cursor: pointer;
  transition: all 0.3s ease;
  box-shadow: 0 4px 12px rgba(184, 244, 119, 0.3);
  min-width: 140px;
}

._actionButton_1669p_304:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(184, 244, 119, 0.4);
  background: #A8E467;
}

._actionButton_1669p_304:active {
  transform: translateY(0);
  box-shadow: 0 4px 12px rgba(124, 58, 237, 0.3);
}

/* 响应式设计 */
@media (max-width: 768px) {
  ._dialogContent_1669p_1 {
    width: 90vw;
    max-width: 90vw;
  }

  ._imageContainer_1669p_115 {
    height: 30vh;
    min-height: 180px;
    max-height: 300px;
  }

  ._textContainer_1669p_159 {
    padding: 20px 16px;
    height: auto;
    max-height: none;
  }

  ._title_1669p_171 {
    font-size: 20px;
    margin-bottom: 10px;
  }

  ._description_1669p_183 {
    font-size: 14px;
    margin-bottom: 16px;
  }

  ._actionButton_1669p_304 {
    padding: 12px 24px;
    font-size: 14px;
  }
}

._section_16s19_1 {
    width: min(100%, 1300px);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
}

._connector_16s19_9 {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
}

._connectorLine_16s19_16 {
    width: 1px;
    height: 16px;
    background: linear-gradient(180deg, rgba(39, 41, 46, 0) 0%, rgba(39, 41, 46, 0.14) 100%);
}

._connectorDot_16s19_22 {
    width: 8px;
    height: 8px;
    border-radius: 999px;
    background: rgba(39, 41, 46, 0.12);
    box-shadow: 0 0 0 4px rgba(39, 41, 46, 0.04);
}

._header_16s19_30 {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    max-width: 540px;
    text-align: center;
}

._eyebrow_16s19_39 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 6px 10px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.62);
    border: 1px solid rgba(20, 20, 26, 0.06);
    font-family: 'Geist', sans-serif;
    font-size: 11px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: #66666d;
}

._title_16s19_56 {
    margin: 0;
    font-family: 'Geist', sans-serif;
    font-size: 23px;
    font-weight: 600;
    line-height: 1.05;
    letter-spacing: -0.04em;
    color: #171717;
}

._sparkle_16s19_66 {
    font-style: normal;
}

._description_16s19_70 {
    margin: 0;
    max-width: 480px;
    font-family: 'Geist', sans-serif;
    font-size: 13px;
    line-height: 1.6;
    color: #6d6d73;
    text-wrap: balance;
}

._stage_16s19_80 {
    position: relative;
    width: min(100%, 1240px);
    height: 286px;
    overflow: visible;
    isolation: isolate;
    contain: layout;
}

._mobileGrid_16s19_89 {
    display: none;
}

._heroEnter_16s19_93 {
    opacity: 0;
    transform: translate3d(0, 20px, 0);
    animation: _heroEnter_16s19_93 680ms cubic-bezier(0.22, 1, 0.36, 1) forwards;
    animation-delay: var(--enter-delay, 0ms);
    will-change: opacity, transform;
}

._card_16s19_101 {
    --card-translate-x: 0px;
    --card-translate-y: 0px;
    --card-rotate: 0deg;
    --card-scale: 1;
    --card-hover-lift: 0px;
    --card-enter-y: 22px;
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 5px;
    border-radius: 20px;
    border: 1px solid rgba(20, 20, 26, 0.06);
    background: rgba(255, 255, 255, 0.92);
    box-shadow: 0 10px 26px rgba(29, 31, 36, 0.05), 0 20px 44px rgba(29, 31, 36, 0.04);
    cursor: pointer;
    transition: transform 220ms ease, box-shadow 220ms ease, border-color 220ms ease, background 220ms ease;
    will-change: transform;
    backface-visibility: hidden;
    transform: translateZ(0);
}

._cardEnter_16s19_124 {
    opacity: 0;
    animation: _cardEnter_16s19_124 760ms cubic-bezier(0.22, 1, 0.36, 1) forwards;
    animation-delay: var(--enter-delay, 0ms);
    will-change: opacity, transform;
}

._cardFloating_16s19_131 {
    position: absolute;
    transform:
        translate3d(var(--card-translate-x), calc(var(--card-translate-y) + var(--card-hover-lift)), 0)
        rotate(var(--card-rotate))
        scale(var(--card-scale));
    transform-origin: center center;
}

._cardLarge_16s19_140 {
    border-radius: 21px;
}

._cardMedium_16s19_144 {
    border-radius: 20px;
}

._cardSmall_16s19_148 {
    border-radius: 19px;
}

._card_16s19_101:hover {
    --card-hover-lift: -4px;
    border-color: rgba(26, 26, 30, 0.12);
    background: rgba(255, 255, 255, 0.97);
    box-shadow: 0 16px 32px rgba(27, 29, 33, 0.08), 0 24px 48px rgba(27, 29, 33, 0.06);
}

._cardSelected_16s19_159 {
    border-color: rgba(28, 62, 53, 0.18);
    background: linear-gradient(180deg, rgba(248, 251, 247, 0.98) 0%, rgba(255, 255, 255, 0.95) 100%);
    box-shadow: 0 16px 34px rgba(31, 54, 48, 0.08), 0 26px 52px rgba(31, 54, 48, 0.05);
}

._cardMedia_16s19_165 {
    position: relative;
    width: 100%;
    aspect-ratio: 0.84;
    overflow: hidden;
    border-radius: 14px;
    background: #efefee;
    transform: translateZ(0);
}

._cardImage_16s19_175 {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    display: block;
    pointer-events: none;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    will-change: opacity;
    backface-visibility: hidden;
    transform: translateZ(0);
}

._cardTutorialButton_16s19_187 {
    position: absolute;
    top: 5px;
    right: 5px;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-width: 72px;
    height: 26px;
    padding: 0 10px;
    border: 1px solid rgba(255, 255, 255, 0.22);
    border-radius: 999px;
    background: rgba(18, 18, 22, 0.4);
    color: #fff;
    font-family: 'Geist', sans-serif;
    font-size: 10px;
    font-weight: 600;
    line-height: 1;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-4px);
    transition: opacity 180ms ease, transform 180ms ease, background 180ms ease;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    pointer-events: none;
}

._card_16s19_101:hover ._cardTutorialButton_16s19_187 {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    pointer-events: auto;
}

._cardTutorialButton_16s19_187:hover {
    background: rgba(18, 18, 22, 0.56);
}

._cardTutorialIcon_16s19_227 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    line-height: 1;
}

._cardContent_16s19_235 {
    display: flex;
    min-width: 0;
    justify-content: center;
}

._cardName_16s19_241 {
    font-family: 'Geist', sans-serif;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.15;
    color: #171717;
    word-break: break-word;
    text-align: center;
}

._card_16s19_101:hover ._cardName_16s19_241,
._cardSelected_16s19_159 ._cardName_16s19_241 {
    color: #0f4d3f;
}

._skeleton_16s19_256 {
    background: linear-gradient(90deg, #f5f4f1 25%, #ece9e2 50%, #f5f4f1 75%);
    background-size: 200px 100%;
    animation: _shimmer_16s19_1 1.5s infinite;
}

._skeletonCard_16s19_262 {
    cursor: default;
}

._skeletonContent_16s19_266 {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

._skeletonLine_16s19_272 {
    width: 68%;
    height: 12px;
    border-radius: 999px;
}

._skeletonLineShort_16s19_278 {
    width: 44%;
    height: 10px;
    border-radius: 999px;
}

._examplesGrid_16s19_284 {
    width: min(100%, 720px);
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    justify-content: center;
    gap: 10px;
}

._examplesGridCentered_16s19_292 {
    width: min(100%, 480px);
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

._exampleCard_16s19_297 {
    position: relative;
    min-height: 164px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 16px 12px 8px;
    border-radius: 22px;
    border: 1px solid rgba(26, 26, 30, 0.06);
    background: rgba(255, 255, 255, 0.74);
    box-shadow: 0 8px 22px rgba(31, 33, 37, 0.04);
    cursor: pointer;
    overflow: hidden;
    transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease;
}

._exampleCard_16s19_297:hover {
    transform: translateY(-3px);
    border-color: rgba(26, 26, 30, 0.12);
    box-shadow: 0 14px 30px rgba(27, 29, 33, 0.08);
}

._exampleText_16s19_319 {
    position: relative;
    z-index: 1;
    margin: 0;
    max-width: 150px;
    font-family: 'Geist', sans-serif;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.25;
    color: #1e1f23;
    text-align: center;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

._exampleImages_16s19_336 {
    position: absolute;
    right: 8px;
    bottom: -6px;
    width: 206px;
    height: 126px;
}

._exampleImageWrapper_16s19_344 {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 88px;
    height: 112px;
    overflow: hidden;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 6px 18px rgba(29, 31, 35, 0.12);
    transition: transform 200ms ease;
}

._exampleImageWrapper_16s19_344:nth-child(1) {
    transform-origin: bottom right;
    transform: translate(-92px, -8px) rotate(-19deg);
}

._exampleImageWrapper_16s19_344:nth-child(2) {
    transform-origin: bottom right;
    transform: translate(-52px, -2px) rotate(-8deg);
}

._exampleImageWrapper_16s19_344:nth-child(3) {
    transform-origin: bottom right;
    transform: translate(0, 0) rotate(8deg);
}

._exampleCard_16s19_297:hover ._exampleImageWrapper_16s19_344:nth-child(1) {
    transform: translate(-98px, -12px) rotate(-21deg);
}

._exampleCard_16s19_297:hover ._exampleImageWrapper_16s19_344:nth-child(2) {
    transform: translate(-56px, -8px) rotate(-10deg);
}

._exampleCard_16s19_297:hover ._exampleImageWrapper_16s19_344:nth-child(3) {
    transform: translate(4px, -6px) rotate(10deg);
}

._exampleImage_16s19_336 {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    display: block;
}

@keyframes _shimmer_16s19_1 {
    0% {
        background-position: -200px 0;
    }
    100% {
        background-position: 200px 0;
    }
}

@keyframes _heroEnter_16s19_93 {
    from {
        opacity: 0;
        transform: translate3d(0, 20px, 0);
    }
    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

@keyframes _cardEnter_16s19_124 {
    from {
        opacity: 0;
        transform:
            translate3d(var(--card-translate-x), calc(var(--card-translate-y) + var(--card-enter-y)), 0)
            rotate(var(--card-rotate))
            scale(0.985);
    }
    to {
        opacity: 1;
        transform:
            translate3d(var(--card-translate-x), calc(var(--card-translate-y) + var(--card-hover-lift)), 0)
            rotate(var(--card-rotate))
            scale(var(--card-scale));
    }
}

@media (prefers-reduced-motion: reduce) {
    ._heroEnter_16s19_93 {
        opacity: 1;
        transform: none;
        animation: none;
    }

    ._cardEnter_16s19_124 {
        opacity: 1;
        animation: none;
    }
}

@media (max-width: 1536px), (max-height: 1000px) {
    ._section_16s19_1 {
        gap: 10px;
    }

    ._connectorLine_16s19_16 {
        height: 14px;
    }

    ._header_16s19_30 {
        gap: 5px;
        max-width: 500px;
    }

    ._title_16s19_56 {
        font-size: 21px;
    }

    ._description_16s19_70 {
        font-size: 12px;
    }

    ._stage_16s19_80 {
        width: min(100%, 1120px);
        height: 258px;
    }
}

@media (max-width: 1024px) {
    ._stage_16s19_80 {
        width: min(100%, 1040px);
        height: 280px;
    }

    ._title_16s19_56 {
        font-size: 22px;
    }
}

@media (max-width: 768px) {
    ._section_16s19_1 {
        gap: 12px;
    }

    ._stage_16s19_80 {
        display: none;
    }

    ._mobileGrid_16s19_89 {
        display: grid;
        width: 100%;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 14px;
    }

    ._card_16s19_101 {
        transform: none !important;
    }

    ._examplesGrid_16s19_284 {
        grid-template-columns: 1fr;
        width: 100%;
    }

    ._exampleCard_16s19_297 {
        min-height: 188px;
        padding: 18px 14px 12px;
    }

    ._exampleText_16s19_319 {
        max-width: 190px;
        font-size: 13px;
    }

    ._exampleImages_16s19_336 {
        left: 50%;
        right: auto;
        bottom: -2px;
        width: 228px;
        height: 134px;
        transform: translateX(-50%);
    }

    ._exampleImageWrapper_16s19_344 {
        width: 96px;
        height: 120px;
    }

    ._exampleImageWrapper_16s19_344:nth-child(1) {
        transform-origin: bottom center;
        transform: translate(-72px, -6px) rotate(-18deg);
    }

    ._exampleImageWrapper_16s19_344:nth-child(2) {
        transform-origin: bottom center;
        transform: translate(-16px, -2px) rotate(-6deg);
    }

    ._exampleImageWrapper_16s19_344:nth-child(3) {
        transform-origin: bottom center;
        transform: translate(42px, -4px) rotate(9deg);
    }

    ._exampleCard_16s19_297:hover ._exampleImageWrapper_16s19_344:nth-child(1) {
        transform: translate(-78px, -10px) rotate(-20deg);
    }

    ._exampleCard_16s19_297:hover ._exampleImageWrapper_16s19_344:nth-child(2) {
        transform: translate(-18px, -6px) rotate(-8deg);
    }

    ._exampleCard_16s19_297:hover ._exampleImageWrapper_16s19_344:nth-child(3) {
        transform: translate(46px, -8px) rotate(11deg);
    }
}

@media (max-width: 480px) {
    ._title_16s19_56 {
        font-size: 20px;
    }

    ._description_16s19_70 {
        font-size: 12px;
    }

    ._mobileGrid_16s19_89 {
        gap: 12px;
    }

    ._exampleCard_16s19_297 {
        min-height: 176px;
        padding-inline: 12px;
    }

    ._exampleImages_16s19_336 {
        width: 212px;
        height: 126px;
        bottom: 0;
    }

    ._exampleImageWrapper_16s19_344 {
        width: 88px;
        height: 112px;
    }

    ._exampleImageWrapper_16s19_344:nth-child(1) {
        transform: translate(-66px, -4px) rotate(-17deg);
    }

    ._exampleImageWrapper_16s19_344:nth-child(2) {
        transform: translate(-14px, -1px) rotate(-5deg);
    }

    ._exampleImageWrapper_16s19_344:nth-child(3) {
        transform: translate(38px, -3px) rotate(8deg);
    }

    ._exampleCard_16s19_297:hover ._exampleImageWrapper_16s19_344:nth-child(1) {
        transform: translate(-70px, -8px) rotate(-19deg);
    }

    ._exampleCard_16s19_297:hover ._exampleImageWrapper_16s19_344:nth-child(2) {
        transform: translate(-16px, -5px) rotate(-7deg);
    }

    ._exampleCard_16s19_297:hover ._exampleImageWrapper_16s19_344:nth-child(3) {
        transform: translate(42px, -7px) rotate(10deg);
    }
}
._hero_dlz1o_1 {
    --hero-ink: #171717;
    --hero-muted: #5f5f63;
    --hero-soft: #7b7b82;
    --hero-line: rgba(30, 30, 34, 0.08);
    --hero-shadow: 0 24px 80px rgba(27, 29, 33, 0.08);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    width: 100%;
    padding: 48px 24px 30px;
    position: relative;
    overflow: visible;
}

._hero_dlz1o_1::before {
    content: '';
    position: absolute;
    inset: 0;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 18%, rgba(255, 255, 255, 0.02) 32%, rgba(255, 255, 255, 0.05) 46%, rgba(255, 255, 255, 0.12) 60%, rgba(255, 255, 255, 0.28) 74%, rgba(255, 255, 255, 0.46) 86%, rgba(255, 255, 255, 0.58) 100%),
        radial-gradient(circle at 50% 8%, rgba(243, 238, 232, 0.06) 0%, rgba(243, 238, 232, 0.02) 24%, rgba(255, 255, 255, 0) 58%);
    pointer-events: none;
}

._titleBlock_dlz1o_27 {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 14px;
    width: min(890px, 100%);
    max-width: 890px;
    text-align: center;
    transition: opacity 220ms ease, filter 220ms ease, transform 220ms ease;
}

._newBanner_dlz1o_40 {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 40px;
    padding: 4px 16px 4px 8px;
    border-radius: 999px;
    background: rgba(245, 250, 237, 1);
    box-sizing: border-box;
    max-width: 100%;
    position: relative;
    overflow: hidden;
    animation: _exploreHeroNewBannerSoftFlicker_dlz1o_1 3s ease-in-out infinite;
}

._newBanner_dlz1o_40::after {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 0;
    border-radius: inherit;
    pointer-events: none;
    background: linear-gradient(
        105deg,
        transparent 18%,
        rgba(255, 255, 255, 0.22) 42%,
        rgba(255, 255, 255, 0.42) 50%,
        rgba(255, 255, 255, 0.22) 58%,
        transparent 82%
    );
    transform: translateX(-120%);
    animation: _exploreHeroNewBannerShimmer_dlz1o_1 5s ease-in-out infinite;
}

._newBanner_dlz1o_40 > * {
    position: relative;
    z-index: 1;
}

._newTag_dlz1o_81 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    box-sizing: border-box;
    height: 24px;
    padding: 0 8px;
    border-radius: 999px;
    font-family: 'Geist', sans-serif;
    font-size: 13px;
    font-weight: 700;
    line-height: 1;
    color: #ffffff;
    background: linear-gradient(103.749deg, rgb(201, 222, 64) 3.7%, rgb(121, 162, 49) 97.92%);
}

._newBannerText_dlz1o_98 {
    font-family: 'Geist', sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    color: #27272a;
    text-align: center;
    white-space: nowrap;
}

._eyebrow_dlz1o_108 {
    margin: 0;
    font-family: 'Geist', sans-serif;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.3;
    letter-spacing: 0;
    color: var(--hero-muted);
}

._hi_dlz1o_118 {
    color: var(--hero-muted);
}

._username_dlz1o_122 {
    font-family: 'Geist', sans-serif;
    font-size: 15px;
    font-weight: 600;
    color: var(--hero-ink);
}

._title_dlz1o_27 {
    margin: 0;
    width: min(100%, 20ch);
    max-width: 20ch;
    font-family: 'Geist', sans-serif;
    font-size: clamp(2.35rem, 1.9rem + 1.6vw, 3.7rem);
    font-weight: 600;
    line-height: 1;
    letter-spacing: -0.06em;
    color: var(--hero-ink);
    text-wrap: balance;
}

._titleLead_dlz1o_142 {
    font: inherit;
    font-weight: 400;
    color: var(--hero-ink);
}

._titleAccent_dlz1o_148 {
    font: inherit;
    font-weight: 600;
    color: var(--hero-ink);
}

._heroEnter_dlz1o_154 {
    opacity: 0;
    transform: translate3d(0, 22px, 0);
    animation: _heroEnter_dlz1o_154 720ms cubic-bezier(0.22, 1, 0.36, 1) forwards;
    animation-delay: var(--enter-delay, 0ms);
    will-change: opacity, transform;
}

._stage_dlz1o_162 {
    position: relative;
    z-index: 1;
    width: min(800px, 100%);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    padding-bottom: 0;
}

._inputContainer_dlz1o_173 {
    position: relative;
    display: flex;
    width: min(100%, 820px);
    flex-direction: column;
    align-items: center;
    padding: 16px;
    border: 1px solid var(--hero-line);
    border-radius: 30px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.86) 0%, rgba(251, 250, 248, 0.78) 100%);
    box-shadow: var(--hero-shadow);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    transition: border-color 220ms ease, box-shadow 220ms ease, background-color 220ms ease, filter 220ms ease;
}

._inputContainer_dlz1o_173::before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: inherit;
    padding: 1px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.92), rgba(255, 255, 255, 0.25));
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
            mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
            mask-composite: xor;
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    pointer-events: none;
}

._inputContainer_dlz1o_173::after {
    content: none;
}

._hero_dlz1o_1[data-composer-focused='true'] ._titleBlock_dlz1o_27 {
    opacity: 0.42;
    filter: blur(1.5px);
}

._hero_dlz1o_1[data-composer-focused='true'] ._stage_dlz1o_162 > :not(._inputContainer_dlz1o_173) {
    opacity: 0.46;
    filter: blur(2px);
    transition: opacity 220ms ease, filter 220ms ease, transform 220ms ease;
}

._inputContainer_dlz1o_173[data-composer-focused='true'] {
    border-color: rgba(112, 156, 52, 0.3);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(241, 252, 225, 0.96) 100%);
    box-shadow: 0 0 0 1px rgba(132, 178, 68, 0.16), 0 26px 90px rgba(108, 150, 48, 0.18), 0 0 120px rgba(165, 214, 92, 0.16);
}

._inputContainer_dlz1o_173[data-composer-focused='true']::before {
    background: linear-gradient(180deg, rgba(250, 255, 244, 0.98), rgba(198, 233, 136, 0.46));
}

._inputContainer_dlz1o_173[data-composer-focused='true']::after {
    content: none;
}

._inputContainer_dlz1o_173[data-composer-focused='true'] [class*='inputPanel_'] {
    filter: none;
}

._inputContainer_dlz1o_173[data-composer-focused='true'] [class*='typewriter'] {
    color: #617457;
}

._inputContainer_dlz1o_173[data-composer-focused='true'] [class*='caret'] {
    background-color: #7fb143;
    opacity: 0.88;
}

._inputContainer_dlz1o_173[data-composer-focused='true'] [class*='select_'] {
    background: rgba(235, 246, 222, 0.94);
}

._inputContainer_dlz1o_173[data-composer-focused='true'] [class*='select_']:hover {
    background: rgba(223, 239, 203, 0.98);
}

._inputContainer_dlz1o_173[data-composer-focused='true'] [class*='globeButton_']:hover,
._inputContainer_dlz1o_173[data-composer-focused='true'] [class*='globeButtonActive_'] {
    background-color: rgba(225, 242, 201, 0.95);
}

._inputContainer_dlz1o_173[data-composer-focused='true'] [class*='globeButtonActive_'] {
    border-color: rgba(128, 164, 84, 0.22);
}

._inputContainer_dlz1o_173[data-composer-focused='true'] [class*='buttonIcon_'],
._inputContainer_dlz1o_173[data-composer-focused='true'] [class*='arrowIcon_'] {
    color: #223019;
}

._inputContainer_dlz1o_173[data-composer-focused='true'] [class*='submitButton_'] {
    background: linear-gradient(180deg, #a7d65f 0%, #85bf3b 100%);
    color: #132008;
    box-shadow: 0 10px 24px rgba(125, 177, 60, 0.3);
}

._inputContainer_dlz1o_173[data-composer-focused='true'] [class*='submitButton_']:hover {
    background: linear-gradient(180deg, #b0de67 0%, #8dca40 100%);
}

@keyframes _exploreHeroNewBannerSoftFlicker_dlz1o_1 {
    0%,
    100% {
        opacity: 1;
    }
    50% {
        opacity: 0.94;
    }
}

@keyframes _exploreHeroNewBannerShimmer_dlz1o_1 {
    0%,
    52% {
        transform: translateX(-120%);
        opacity: 0;
    }
    54% {
        opacity: 1;
    }
    60% {
        transform: translateX(120%);
        opacity: 0.85;
    }
    62%,
    100% {
        transform: translateX(120%);
        opacity: 0;
    }
}

@keyframes _heroEnter_dlz1o_154 {
    from {
        opacity: 0;
        transform: translate3d(0, 22px, 0);
    }
    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

@media (prefers-reduced-motion: reduce) {
    ._newBanner_dlz1o_40 {
        animation: none;
    }

    ._newBanner_dlz1o_40::after {
        animation: none;
        opacity: 0;
    }

    ._heroEnter_dlz1o_154 {
        opacity: 1;
        transform: none;
        animation: none;
    }
}

@media (min-width: 769px) {
    ._inputContainer_dlz1o_173 [class*='wrapper_'] {
        width: 100%;
    }

    ._inputContainer_dlz1o_173 [class*='inputPanel_'] {
        width: 100%;
        border-radius: 24px;
        border: none;
        background: transparent;
        padding: 0;
        gap: 14px;
        box-shadow: none;
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
    }
}

@media (max-width: 1536px), (max-height: 1000px) {
    ._hero_dlz1o_1 {
        gap: 18px;
        padding: 40px 22px 24px;
    }

    ._titleBlock_dlz1o_27 {
        gap: 8px;
        width: min(700px, 100%);
        max-width: 700px;
    }

    ._newBanner_dlz1o_40 {
        min-height: 36px;
        padding: 4px 14px 4px 8px;
    }

    ._eyebrow_dlz1o_108,
    ._username_dlz1o_122 {
        font-size: 14px;
    }

    ._title_dlz1o_27 {
        max-width: 19ch;
        font-size: clamp(2.15rem, 1.85rem + 1.15vw, 3.15rem);
        line-height: 1.02;
    }

    ._stage_dlz1o_162 {
        gap: 14px;
    }

    ._inputContainer_dlz1o_173 {
        width: min(100%, 780px);
        padding: 14px;
        border-radius: 28px;
    }
}

@media (max-width: 1024px) {
    ._hero_dlz1o_1 {
        padding: 48px 20px 32px;
        gap: 22px;
    }

    ._stage_dlz1o_162 {
        gap: 16px;
        padding-bottom: 0;
    }

    ._inputContainer_dlz1o_173 {
        width: min(100%, 820px);
        padding: 16px;
        border-radius: 30px;
    }
}

@media (max-width: 768px) {
    ._hero_dlz1o_1 {
        padding: 36px 16px 24px;
        gap: 18px;
    }

    ._titleBlock_dlz1o_27 {
        gap: 10px;
        max-width: 100%;
    }

    ._newBanner_dlz1o_40 {
        min-height: 34px;
        padding: 4px 12px 4px 8px;
    }

    ._newBannerText_dlz1o_98 {
        font-size: 13px;
        line-height: 20px;
        white-space: normal;
    }

    ._eyebrow_dlz1o_108 {
        font-size: 14px;
    }

    ._username_dlz1o_122 {
        font-size: 14px;
    }

    ._stage_dlz1o_162 {
        gap: 14px;
        padding-bottom: 0;
    }

    ._inputContainer_dlz1o_173 {
        width: 100%;
        padding: 14px;
        border-radius: 24px;
    }

    ._hero_dlz1o_1[data-composer-focused='true'] ._titleBlock_dlz1o_27 {
        opacity: 0.58;
        filter: none;
    }

    ._hero_dlz1o_1[data-composer-focused='true'] ._stage_dlz1o_162 > :not(._inputContainer_dlz1o_173) {
        opacity: 0.62;
        filter: none;
    }

    ._inputContainer_dlz1o_173[data-composer-focused='true'] {
        box-shadow: 0 0 0 1px rgba(44, 77, 3, 0.08), 0 18px 48px rgba(44, 77, 3, 0.12), 0 0 72px rgba(44, 77, 3, 0.1);
    }
}

@media (max-width: 480px) {
    ._hero_dlz1o_1 {
        padding: 28px 12px 18px;
        gap: 18px;
    }

    ._newBanner_dlz1o_40 {
        width: min(100%, 320px);
    }

    ._title_dlz1o_27 {
        max-width: 12ch;
        font-size: 2.15rem;
        line-height: 1;
    }

    ._inputContainer_dlz1o_173 {
        padding: 12px;
        border-radius: 20px;
    }
}._content_118lc_1 {
    flex: 1;
    display: flex;
    flex-direction: column;
    background: #FFFFFF;
    min-height: 100vh;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
}

/* Shared subtle radial gradient background for Header and Hero */
._content_118lc_1::before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 100vh;
    background: radial-gradient(
        ellipse 80% 50% at 50% 0%,
        rgba(240, 240, 250, 0.4) 0%,
        rgba(255, 255, 255, 0) 70%
    );
    pointer-events: none;
    /* Ensure it's above the white background but below content */
    z-index: 0;
}

._content_118lc_1::after {
    content: '';
    position: fixed;
    top: -2vh;
    left: 0;
    right: 0;
    height: 100vh;
    background: radial-gradient(
        ellipse 84% 54% at 50% 1%,
        rgba(245, 245, 255, 0.3) 0%,
        rgba(255, 255, 255, 0) 72%
    );
    pointer-events: none;
    z-index: 0;
    opacity: 0.72;
    transform: translate3d(0, 0, 0) scale(1);
    animation: _gradientDrift_118lc_1 12s ease-in-out infinite;
}

[data-sidebar-transitioning] ._content_118lc_1::before,
[data-sidebar-transitioning] ._content_118lc_1::after {
    animation-play-state: paused;
}

@keyframes _gradientDrift_118lc_1 {
    0%, 100% {
        opacity: 0.72;
        transform: translate3d(0, 0, 0) scale(1);
    }
    50% {
        opacity: 0.9;
        transform: translate3d(0, 12px, 0) scale(1.03);
    }
}

._headerHeroContainer_118lc_65 {
    position: relative;
    background: transparent;
    z-index: 1;
    overflow: hidden;
}

._headerHeroContainer_118lc_65::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: min(26vw, 260px);
    pointer-events: none;
    z-index: 0;
    background:
        linear-gradient(
            180deg,
            rgba(255, 255, 255, 0) 0%,
            rgba(255, 255, 255, 0.18) 18%,
            rgba(255, 255, 255, 0.42) 42%,
            rgba(255, 255, 255, 0.72) 72%,
            rgba(255, 255, 255, 0.94) 100%
        ),
        radial-gradient(circle at 50% 14%, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0.03) 42%, rgba(255, 255, 255, 0) 78%);
}

._heroSection_118lc_93 {
    position: relative;
    z-index: 1;
    padding-bottom: clamp(12px, 2.4vw, 28px);
}

._agentAtmosphereLayer_118lc_99 {
    position: absolute;
    inset: -76px 0 0;
    pointer-events: none;
    z-index: 0;
    overflow: hidden;
}

._agentAtmosphere_118lc_99,
._agentAtmosphereVideo_118lc_108 {
    position: absolute;
    inset: -80px -40px 0;
    width: calc(100% + 80px);
    height: calc(100% + 120px);
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center 18%;
       object-position: center 18%;
    filter: blur(54px) saturate(0.9);
    opacity: 0.34;
    transform: scale(1.08);
    will-change: filter;
}

[data-sidebar-transitioning] ._agentAtmosphere_118lc_99,
[data-sidebar-transitioning] ._agentAtmosphereVideo_118lc_108 {
    filter: none;
    opacity: 0;
}

._agentAtmosphere_118lc_99 {
    background-size: cover;
    background-position: center 18%;
    background-repeat: no-repeat;
}

._agentAtmosphereVeil_118lc_133 {
    position: absolute;
    inset: 0;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.06) 0%, rgba(255, 255, 255, 0.16) 22%, rgba(255, 255, 255, 0.3) 46%, rgba(255, 255, 255, 0.44) 64%, rgba(255, 255, 255, 0.6) 80%, rgba(255, 255, 255, 0.76) 92%, rgba(255, 255, 255, 0.86) 100%),
        radial-gradient(circle at 50% 18%, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.04) 38%, rgba(255, 255, 255, 0.16) 100%);
}

._content_118lc_1[data-header-chrome='transparent'] ._agentAtmosphereVeil_118lc_133 {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.01) 0%, rgba(255, 255, 255, 0.05) 20%, rgba(255, 255, 255, 0.14) 42%, rgba(255, 255, 255, 0.26) 60%, rgba(255, 255, 255, 0.42) 78%, rgba(255, 255, 255, 0.62) 92%, rgba(255, 255, 255, 0.76) 100%),
        radial-gradient(circle at 50% 12%, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.02) 34%, rgba(255, 255, 255, 0.12) 100%);
}

._mainContent_118lc_147 {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 0;
    position: relative;
    z-index: 1;
    background: transparent;
}

/* 中等屏幕 */
@media (max-width: 1024px) {
    ._heroSection_118lc_93 {
        padding-bottom: 12px;
    }
    
    ._mainContent_118lc_147 {
        gap: 8px;
    }
}

/* 较小屏幕 */
@media (max-width: 900px) {
    ._headerHeroContainer_118lc_65 {
        padding: 0;
    }
    
    ._heroSection_118lc_93 {
        padding-bottom: 10px;
    }

    ._headerHeroContainer_118lc_65::after {
        height: min(34vw, 220px);
    }
}

/* 移动端适配 */
@media (max-width: 768px) {
    ._content_118lc_1 {
        min-height: 100dvh;
    }
    
    ._headerHeroContainer_118lc_65 {
        padding: 0;
    }

    ._headerHeroContainer_118lc_65::after {
        bottom: 0;
        height: min(44vw, 180px);
    }

    ._agentAtmosphereLayer_118lc_99 {
        inset: -32px 0 0;
    }

    ._agentAtmosphere_118lc_99,
    ._agentAtmosphereVideo_118lc_108 {
        inset: -40px -24px 0;
        width: calc(100% + 48px);
        height: calc(100% + 64px);
        filter: blur(34px) saturate(0.92);
        opacity: 0.28;
        transform: scale(1.04);
    }

    ._heroSection_118lc_93 {
        padding-bottom: 8px;
    }

    ._mainContent_118lc_147 {
        padding: 0;
        gap: 8px;
    }
}

/* 小型移动端 */
@media (max-width: 480px) {
    ._mainContent_118lc_147 {
        gap: 6px;
    }
}
._triggerWrap_xc6ez_1 {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

._offerBadge_xc6ez_8 {
    position: absolute;
    top: -11px;
    left: 50%;
    transform: translateX(-50%);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 79px;
    height: 14px;
    padding: 0 4px;
    border-radius: 4px;
    background-image: url("https://www.figma.com/api/mcp/asset/11e915c5-5be6-4103-91a4-ac4096e27321");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    color: #ffffff;
    font-family: 'Roboto', sans-serif;
    font-size: 9px;
    font-style: italic;
    font-weight: 600;
    line-height: 14px;
    white-space: nowrap;
    pointer-events: none;
}

._button_xc6ez_33 {
    gap: 8px;
    border-radius: 9999px;
    background: #FFFFFF !important;
    border: 1px solid #E4E4E7 !important;
    box-shadow: none !important;
}

._button_xc6ez_33:hover {
    background: #FAFAFA !important;
    box-shadow: none !important;
}

._icon_xc6ez_46 {
    width: 16px;
    height: 16px;
}

._text_xc6ez_51 {
    font-family: 'Geist', sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    color: #1A1A1A;
}