/**
 * 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;
}
._sidebar_jj1q8_1 {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    width: 52px;
    display: flex;
    flex-direction: column;
    align-items: center;
    flex-shrink: 0;
    padding: 16px 0;
    border-right: 1px solid #F5F5F7;
    z-index: 40;
}

._logo_jj1q8_16 {
    flex-shrink: 0;
}

._navGroup_jj1q8_20 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    padding: 20px 8px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 16px;
}

._bottomGroup_jj1q8_33 {
    margin-top: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
}

._iconButton_jj1q8_41 {
    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;
    text-decoration: none;
}

._iconButton_jj1q8_41 svg {
    color: #0A0A0A;
}

._iconButton_jj1q8_41:hover {
    background: #F4F4F5;
}

._iconButton_jj1q8_41:active,
._iconButton_jj1q8_41._active_jj1q8_65 {
    background: #F4F4F5;
}

/* Credits Popover Styling */
._creditsPopover_jj1q8_70 {
    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_jj1q8_83 {
    display: flex;
    align-items: center;
    gap: 8px;
    height: 36px;
    padding: 6px 12px;
    border-radius: 6px;
}

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

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

._getCreditsButton_jj1q8_111 {
    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_jj1q8_111:hover {
    background: #27272A;
}

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

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

/* Hide Sidebar on mobile */
@media (max-width: 768px) {
    ._sidebar_jj1q8_1 {
        display: none;
    }
}
/* Mobile Header - only visible on mobile */
._mobileHeader_wcxab_2 {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 50;
    height: 56px;
    padding: 12px 16px;
    align-items: center;
    justify-content: space-between;
    background: rgba(255, 255, 255, 0.9);
    backdrop-filter: blur(26.25px);
    -webkit-backdrop-filter: blur(26.25px);
}

@media (max-width: 768px) {
    ._mobileHeader_wcxab_2 {
        display: flex;
    }
}

._logoLink_wcxab_24 {
    display: flex;
    align-items: center;
    text-decoration: none;
}

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

._iconButton_wcxab_36 {
    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;
}

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

._creditsButton_wcxab_55 {
    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_wcxab_55:hover {
    background: rgba(255, 255, 255, 0.5);
}

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

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

/* Credits Popover Styling */
._creditsPopover_wcxab_89 {
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: auto !important;
    min-width: 160px;
    padding: 12px;
    border-radius: 12px;
}

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

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

._getCreditsButton_wcxab_114 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 32px;
    padding: 6px 12px;
    border-radius: 8px;
    border: none;
    background: #0A0A0A;
    color: #FFFFFF;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    cursor: pointer;
    transition: background 0.2s ease;
}

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

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

._creditsTooltipValue_wcxab_149 {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
    color: #0A0A0A;
    white-space: nowrap;
}
._layout_1feh0_1 {
    display: flex;
    min-height: 100vh;
    background-color: #FFFFFF;
}

._content_1feh0_7 {
    flex: 1;
    margin-left: 52px;
    position: relative;
}

._pageWrapper_1feh0_13 {
    width: 100%;
    min-height: 100%;
}

/* Mobile adaptation */
@media (max-width: 768px) {
    ._content_1feh0_7 {
        margin-left: 0;
        /* Add padding-top for fixed mobile header (56px height) */
        padding-top: 56px;
    }
}
._button_1p51y_1 {
    position: relative;
    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;
    text-decoration: none;
}

._button_1p51y_1 svg {
    color: #0A0A0A;
}

._button_1p51y_1:hover {
    background: #F4F4F5;
}

._button_1p51y_1:active {
    background: #F4F4F5;
}

/* Popover Content */
._popoverContent_1p51y_30 {
    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_1p51y_42 {
    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_1p51y_52 {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 3px;
    width: 100%;
    height: 40px;
    background: #F5F5F5;
    border-radius: 10px;
    box-sizing: border-box;
}

._tab_1p51y_52 {
    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_1p51y_52:hover {
    color: #3F3F46;
}

._tabActive_1p51y_87 {
    color: #0A0A0A;
}

._tabIndicator_1p51y_91 {
    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_1p51y_101 {
    position: relative;
    z-index: 1;
}

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

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

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

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

._listItem_1p51y_139 {
    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_1p51y_139:last-child {
    border-bottom: none;
}

._listItemClickable_1p51y_154 {
    cursor: pointer;
}

._listItemClickable_1p51y_154:hover {
    background: #F4F4F5;
}

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

._listItemTitle_1p51y_168 {
    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_1p51y_181 {
    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_1p51y_193 {
    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_1p51y_207 {
    font-family: 'Roboto', sans-serif;
    font-size: 11px;
    font-weight: 400;
    color: #A1A1AA;
}

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

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

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

._listItemClickable_1p51y_154:hover ._listItemArrow_1p51y_232 {
    opacity: 1;
    transform: translateX(2px);
}

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

    ._content_1p51y_125 {
        max-height: 50vh;
    }

    ._listItemThumbnail_1p51y_215 {
        width: 64px;
        height: 48px;
    }
}
/**
 * 锁定 body 滚动的样式
 * 应用于 html 元素以阻止页面滚动
 */
._lockScroll_1qbi0_5 {
  overflow: hidden !important;
}
/* Fullscreen Modal Content */
._fullscreenOverlay_140l5_2 {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 52px;
    z-index: 50;
    display: flex;
    flex-direction: column;
    background: #FFFFFF;
    overflow-y: auto;
    overflow-x: hidden;
}

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

/* Close Button */
._closeButton_140l5_25 {
    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_140l5_25:hover {
    background: #F4F4F5;
    color: #0A0A0A;
    border-color: #D4D4D8;
}

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

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

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

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

._tab_140l5_75 {
    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_140l5_75:hover {
    color: #3F3F46;
}

._tabActive_140l5_108 {
    color: #0A0A0A;
}

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

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

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

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

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

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

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

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

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

/* Timeline Meta - Left Column with Sticky */
._timelineMeta_140l5_191 {
    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_140l5_203 {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 500;
    color: #71717A;
    white-space: nowrap;
}

/* 时间线圆点 */
._timelineDot_140l5_212 {
    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_140l5_225 {
    flex: 1;
    padding: 32px 0 32px 32px;
    border-bottom: 1px solid #F4F4F5;
}

._timelineItem_140l5_184:last-child ._cardWrapper_140l5_225 {
    border-bottom: none;
}

/* Tag */
._tag_140l5_236 {
    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_140l5_249 {
    font-family: 'Outfit', sans-serif;
    font-size: 20px;
    font-weight: 600;
    color: #0A0A0A;
    margin: 0 0 16px;
    line-height: 1.4;
}

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

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

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

/* Description */
._description_140l5_284 {
    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_140l5_50 {
        padding: 60px 16px 32px;
    }

    ._title_140l5_57 {
        font-size: 28px;
    }

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

    ._timeline_140l5_164::before {
        display: none;
    }

    ._timelineDot_140l5_212 {
        display: none;
    }

    ._timelineItem_140l5_184 {
        flex-direction: column;
    }

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

    ._cardWrapper_140l5_225 {
        padding: 0 0 24px;
    }

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

/* Loading More */
._loadingMore_140l5_338 {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 24px;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    color: #71717A;
}
/* Sidebar bottom section styles */
._sidebarBottomSection_1imal_2 {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
}

._iconButton_1imal_9 {
    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_1imal_9 svg {
    color: #0A0A0A;
}

._iconButton_1imal_9:hover {
    background: #F4F4F5;
}

/* Credits Popover Styling */
._creditsPopover_1imal_32 {
    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_1imal_45 {
    display: flex;
    align-items: center;
    gap: 8px;
    height: 36px;
    padding: 6px 12px;
    border-radius: 6px;
}

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

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

._getCreditsButton_1imal_73 {
    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_1imal_73:hover {
    background: #27272A;
}

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

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

/* Mobile header specific styles */
._mobileIconButton_1imal_119 {
    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_1imal_119:hover {
    background: rgba(255, 255, 255, 0.5);
}

._creditsButton_1imal_138 {
    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_1imal_138:hover {
    background: rgba(255, 255, 255, 0.5);
}

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

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

/* User Menu Popover Content */
._userMenuPopoverContent_1imal_172 {
    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_1imal_184 {
    display: flex;
    align-items: center;
    gap: 8px;
    height: 52px;
    padding: 8px;
    border-bottom: 1px solid rgba(228, 228, 231, 0.4);
}

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

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

._avatarFallback_1imal_208 {
    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_1imal_221 {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
    flex: 1;
}

._userName_1imal_229 {
    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_1imal_240 {
    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_1imal_252 {
    display: flex;
    flex-direction: column;
}

/* Menu item */
._menuItem_1imal_252 {
    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_1imal_252:hover {
    background: rgba(0, 0, 0, 0.04);
}

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

/* Sign in avatar button */
._signInButton_1imal_288 {
    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_1imal_288:hover {
    background: var(--secondary-hover, #e4e4e7);
}

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

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

/* User avatar button */
._userAvatarButton_1imal_318 {
    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_1imal_318:hover {
    border-color: #d1d5db;
}

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

._userAvatarFallback_1imal_343 {
    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_1imal_356 {
    width: 34px;
    height: 34px;
    background: #d1d5db;
    border-radius: 9999px;
    animation: _pulse_1imal_1 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

@keyframes _pulse_1imal_1 {
    0%, 100% {
        opacity: 1;
    }
    50% {
        opacity: 0.5;
    }
}
/* 全屏对话框容器 - 不覆盖左侧 52px 侧边栏 */
._fullscreenOverlay_10viz_2 {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 52px;
  z-index: 10;
  display: flex;
  align-items: stretch;
  justify-content: stretch;
  backdrop-filter: blur(80px);
  -webkit-backdrop-filter: blur(80px);
  background: white;
}

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

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

/* 关闭按钮 - 位于侧边栏右上角 */
._closeButton_10viz_39 {
  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_10viz_39:hover {
  background: #e4e4e7;
}

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

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

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

/* 浮动关闭按钮 - 用于加载和错误状态 */
._floatingCloseButton_10viz_95 {
  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_10viz_95:hover {
  background: #e4e4e7;
}

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

/* 预览区域 - 固定占据视口高度，不允许溢出 */
._previewSection_10viz_126 {
  position: relative;
  display: flex;
  align-items: stretch;
  height: 80vh;
  min-height: 80vh;
  padding: 20px;
  gap: 28px;
  box-sizing: border-box;
}

@media (max-width: 768px) {
  ._previewSection_10viz_126 {
    flex-direction: column;
    height: calc(100vh - 56px);
    height: 80vh;
    padding: 16px;
    gap: 16px;
  }
}

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

/* 导航按钮 */
._navButton_10viz_162 {
  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_10viz_162:hover:not(:disabled) {
  background: #f9fafb;
}

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

._navButtonPrevious_10viz_189 {
  left: 0;
}

._navButtonNext_10viz_193 {
  right: 0;
}

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

  ._navButtonPrevious_10viz_189 {
    left: 0;
  }

  ._navButtonNext_10viz_193 {
    right: 0;
  }

  ._mediaPreview_10viz_211 {
    padding: 24px 0;
  }
}

/* 媒体预览容器 - 采用 contain 模式，保持宽高比适应容器 */
._mediaPreview_10viz_211 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  min-width: 0;
  /* 允许 flex 子项收缩 */
  min-height: 0;
  /* 允许 flex 子项收缩 */
  padding: 24px 64px;
  /* 预留空间防止阴影被裁剪 */
  box-sizing: border-box;
}

._mediaPreview_10viz_211 img,
._mediaPreview_10viz_211 video {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
  border-radius: 12px;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.12);
}

/* 右侧详情侧边栏 - 按屏幕比例调整宽度 */
._detailSidebar_10viz_245 {
  position: relative;
  width: 25vw;
  min-width: 320px;
  max-width: 420px;
  display: flex;
  flex-direction: column;
  padding: 20px;
  background: #f8f9fa;
  border: 1px solid rgba(228, 228, 231, 0.4);
  border-radius: 20px;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15);
  backdrop-filter: blur(50px);
  -webkit-backdrop-filter: blur(50px);
  overflow: hidden;
}

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

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

@media (max-width: 768px) {
  ._detailSidebar_10viz_245 {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    max-height: none;
    overflow: visible;
  }
}

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

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

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

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

._userName_10viz_315 {
  font-family: 'Outfit', sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  color: #52525b;
}

/* 操作按钮行 */
._actionRow_10viz_324 {
  display: flex;
  align-items: center;
  gap: 8px;
  height: 36px;
}

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

._actionButton_10viz_331:hover {
  background: #f4f4f5;
}

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

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

._templateTitle_10viz_366 {
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  font-size: 20px;
  line-height: 1.3;
  color: #18181b;
  letter-spacing: 0.2px;
  word-break: break-word;
}

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

._labelTitle_10viz_383 {
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
  color: #71717a;
}

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

._tag_10viz_390 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 26px;
  padding: 8px 16px;
  border-radius: 8px;
  background: #f4f4f5;
  font-size: 12px;
  line-height: 20px;
  color: #0a0a0a;
}

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

._descriptionLabel_10viz_418 {
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
  color: #71717a;
}

._descriptionText_10viz_425 {
  font-family: 'Roboto', 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_10viz_437 {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

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

._copyButton_10viz_449 {
  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_10viz_449:hover {
  background: #f4f4f5;
}

/* 底部按钮区域 */
._bottomActions_10viz_467 {
  display: flex;
  gap: 12px;
  margin-top: auto;
  padding-top: 16px;
}

._bottomActions_10viz_467>* {
  flex: 1;
}

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

._remixButton_10viz_478:hover {
  background: #b8e85e !important;
}

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

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

._projectAssetsTitle_10viz_499 {
  font-family: 'Outfit', sans-serif;
  font-weight: 500;
  font-size: 20px;
  line-height: 18px;
  color: #18181b;
  margin-bottom: 20px;
}

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

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

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

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

/* 资产网格 */
._assetsGrid_10viz_549 {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  gap: 8px;
}

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

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

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

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

._emptyStateText_10viz_585 {
  font-family: 'Outfit', sans-serif;
  font-weight: 500;
  font-size: 20px;
  line-height: 18px;
  color: #18181b;
  text-align: center;
}

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

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

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

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

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

/* 资产预览模态框 */
._assetPreviewOverlay_10viz_632 {
  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_10viz_647 {
  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_10viz_647:hover {
  background: rgba(255, 255, 255, 0.2);
}

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

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

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

  ._assetPreviewContent_10viz_668 {
    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_3nfng_1 {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 100%;
}

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

._aspectRatioWrapper_3nfng_14,
._durationWrapper_3nfng_15 {
    display: inline-flex;
}

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

._select_3nfng_19:hover {
    background: #E5E7EB;
}

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

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

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

._hideOnMobileLabel_3nfng_46 {
    display: inline;
}

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

._selectContent_3nfng_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_3nfng_62 {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
    color: hsl(var(--muted-foreground));
}

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

._submitButton_3nfng_69:hover {
    background: #333;
}

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

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

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

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

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

._globeButtonActive_3nfng_114 {
    background-color: #F0F7E5;
}

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

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

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

._agentSelectContent_3nfng_134 {
    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_3nfng_142 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px;
    height: 28px;
}

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

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

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

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

._agentSelectItem_3nfng_174 {
    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_3nfng_174 > span:first-child {
    display: none;
}

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

._agentSelectItem_3nfng_174:hover {
    background: #f5f5f5;
}

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

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

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

._agentBadgePro_3nfng_221 {
    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_3nfng_235 {
    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_3nfng_251 {
    width: 10px;
    height: 10px;
    margin: -0.5px 0 0.5px 0;
    color: white;
}

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

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

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

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

._agentAutoTooltip_3nfng_280 p {
    margin: 0;
}

._agentAutoTooltip_3nfng_280 strong {
    font-weight: 500;
}

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

._triggerButton_167zy_1:hover {
    background: #E5E7EB;
}

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

._popoverContent_167zy_24 {
    width: 178px;
    padding: 6px;
    border-radius: 12px;
    border: 2px solid #FFFFFF;
    background: rgba(255, 255, 255, 0.9);
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15);
    backdrop-filter: blur(30px);
}

._menuContainer_167zy_34 {
    display: flex;
    position: relative;
}

._menuList_167zy_39 {
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 100%;
}

._menuItemWrapper_167zy_46 {
    position: relative;
}

._menuItem_167zy_46 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: auto;
    padding: 6px 4px 6px 8px;
    border: none;
    border-radius: 6px;
    background: transparent;
    cursor: pointer;
    transition: background-color 0.15s ease;
}

._menuItem_167zy_46:hover {
    background: rgba(230, 230, 230, 0.5);
}

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

._menuItemIcon_167zy_74 {
    width: 16px;
    height: 16px;
    color: #27272A;
}

._menuItemLabel_167zy_80 {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #27272A;
    line-height: 1.43;
}

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

._menuItemValue_167zy_94 {
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    font-weight: 400;
    color: #0A0A0A;
    opacity: 0.6;
    line-height: 1.33;
}

._chevronIcon_167zy_103 {
    width: 12px;
    height: 12px;
    color: #737373;
}

/* Submenu styles - 根据设计稿 node-id=2569-3257, 2569-9283 */
._submenu_167zy_110 {
    position: absolute;
    left: 100%;
    top: 0;
    width: 139px;
    display: flex;
    flex-direction: column;
    background: #FFFFFF;
    border: 2px solid #FFFFFF;
    border-radius: 12px;
    box-shadow: 0px 1px 2px -1px rgba(0, 0, 0, 0.1), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
    margin-left: 8px;
}

._submenuHeader_167zy_124 {
    padding: 10px 12px;
    border-bottom: 1px solid rgba(228, 228, 231, 0.4);
}

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

._submenuList_167zy_137 {
    display: flex;
    flex-direction: column;
    padding: 4px;
}

._submenuItem_167zy_143 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    width: 100%;
    height: auto;
    padding: 6px 8px;
    border: none;
    border-radius: 6px;
    background: transparent;
    cursor: pointer;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #3F3F46;
    line-height: 1.43;
    transition: background-color 0.15s ease;
}

._submenuItem_167zy_143:hover {
    background: #F5F5F5;
}

._submenuItemActive_167zy_167 {
    background: #F5F5F5;
    font-weight: 500;
    color: #27272A;
}

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

._aspectRatioIcon_167zy_179 {
    width: 16px;
    height: 16px;
    color: #27272A;
    flex-shrink: 0;
}

._checkIcon_167zy_186 {
    width: 16px;
    height: 16px;
    color: #71717A;
}

/* 移动端适配 */
@media (max-width: 768px) {
    ._triggerButton_167zy_1 {
        width: 28px;
        height: 28px;
    }

    ._triggerIcon_167zy_18 {
        width: 14px;
        height: 14px;
    }

    ._popoverContent_167zy_24 {
        width: auto;
        min-width: 160px;
    }

    ._menuList_167zy_39 {
        width: 160px;
    }

    ._submenu_167zy_110 {
        width: 120px;
        margin-left: 4px;
    }

    ._menuItem_167zy_46 {
        padding: 6px 4px 6px 6px;
    }

    ._menuItemLabel_167zy_80,
    ._submenuItem_167zy_143 {
        font-size: 13px;
    }
}
._attachmentBar_1yltn_1 {
    display: flex;
    align-items: center;
    gap: 4px;
    position: relative;
    width: 100%;
    min-width: 0;
}

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

._filesList_1yltn_16 {
    display: flex;
    gap: 8px;
    align-items: center;
    overflow-x: auto;
    scroll-behavior: smooth;
    width: 100%;
    /* Hide scrollbar */
    scrollbar-width: none;
    /* Firefox */
    -ms-overflow-style: none;
    /* IE and Edge */
}

._filesList_1yltn_16::-webkit-scrollbar {
    display: none;
    /* Chrome, Safari, Opera */
}

/* Apply mask when can scroll left */
._filesList_1yltn_16[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%);
}

/* Apply mask when can scroll right */
._filesList_1yltn_16[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%);
}

/* Apply mask when can scroll both directions */
._filesList_1yltn_16[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_1yltn_70 {
    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_1yltn_83 {
    left: 4px;
}

._scrollButtonRight_1yltn_87 {
    right: 4px;
}

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

._uploadButton_1yltn_96 {
    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_1yltn_96:hover {
    background: #f3f4f6;
}

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

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

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

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

._fileIcon_1yltn_140 {
    width: 100%;
    height: 100%;
    background: #f3f4f6;
    display: flex;
    align-items: center;
    justify-content: center;
}

._loadingText_1yltn_149 {
    font-size: 12px;
}

._fileExtension_1yltn_153 {
    font-size: 10px;
    color: #6b7280;
    font-weight: 500;
    text-align: center;
    padding: 0 4px;
}

._progressOverlay_1yltn_161 {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.3);
    display: flex;
    align-items: flex-end;
    padding: 4px;
}

._progressBar_1yltn_170 {
    width: 100%;
    height: 4px;
    background: rgba(255, 255, 255, 0.3);
    border-radius: 2px;
    overflow: hidden;
}

._progressFill_1yltn_178 {
    height: 100%;
    background: #3b82f6;
    transition: width 0.3s ease;
}

._removeButton_1yltn_184 {
    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_1yltn_120:hover ._removeButton_1yltn_184 {
    opacity: 1;
}

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

._fileName_1yltn_206 {
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px;
}

/* Category Pill */
._categoryPill_1yltn_215 {
    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_1yltn_215:hover {
    background: #f3f4f6;
    border-color: #9ca3af;
}

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

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

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

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

._categoryPill_1yltn_215:hover ._categoryPillClose_1yltn_267 {
    opacity: 1;
}

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

    ._categoryPillLabel_1yltn_259 {
        display: none;
    }

    ._categoryPillClose_1yltn_267 {
        display: none;
    }

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

    ._plusIcon_1yltn_114 {
        width: 14px;
        height: 14px;
    }
}
._composerPanel_iopen_1 {
  position: relative;
  align-self: stretch;
  border-radius: 24px;
  background: #FFFFFF;
  display: flex;
  flex-direction: column;
  padding: 12px 8px 8px 12px;
  gap: 12px;
  min-height: 96px;
}

._attachmentPreviewArea_iopen_13 {
  margin-bottom: 12px;
}

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

._presetArea_iopen_17:empty {
  display: none;
}

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

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

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

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

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

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

  ._bottomRow_iopen_34 {
    flex-wrap: nowrap;
    gap: 0;
    margin-top: 10px;
    justify-content: space-between;
    min-width: 0;
  }

  ._attachmentArea_iopen_43 {
    flex: 1 1 auto;
    min-width: 0;
  }

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

._templateSelect_2q0jx_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_2q0jx_16 {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    position: relative;
}

._presetWrapper_2q0jx_23 {
    display: inline-flex;
}

._presetWrapper_2q0jx_23 {
    display: inline-flex;
}

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

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

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

._removeButton_2q0jx_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_2q0jx_55:hover {
    background: rgba(0, 0, 0, 0.1);
}

._presetIcon_2q0jx_71 {
    width: 14px;
    height: 14px;
    flex-shrink: 0;
}

._presetName_2q0jx_77 {
    white-space: nowrap;
}

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

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

._selectItemTitle_2q0jx_95 {
    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_2q0jx_104 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

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

._selectItemDescription_2q0jx_117 {
    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_2q0jx_127 {
    font-size: 12px;
    color: #fff;
    margin: 0;
    white-space: nowrap;
}

._selectItem_2q0jx_81 {
    padding: 8px 12px;
}

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

  ._presetsContainer_2q0jx_16 {
    gap: 6px;
  }

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

  ._presetIcon_2q0jx_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_fhyi3_1 {
    display: inline;
    font-family: 'Outfit', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    color: #71717A;
}

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

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

/* 尊重用户的减少动画偏好 */
@media (prefers-reduced-motion: reduce) {
    ._caret_fhyi3_14 {
        display: none;
    }
}

._richTextInput_13wef_1 {
  width: 100%;
  height: 100%;
  max-height: 280px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  flex: 1;
}

._editable_13wef_11 {
  width: 100%;
  height: 80px;
  flex: 1 0 0;
  padding: 0 6px;
  font-family: 'Outfit', sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  color: #71717A;
  outline: none;
  overflow-y: auto;
  overflow-x: hidden;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

/* Placeholder 样式  */
._placeholder_13wef_30 {
  color: #71717A !important;
  font-family: 'Outfit', sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  opacity: 1 !important;
}

/* 打字机 Placeholder 样式 */
._typewriterPlaceholder_13wef_42 {
  color: #71717A;
  font-family: 'Outfit', sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

._cursor_13wef_52 {
  color: #71717A;
  font-weight: 300;
  margin-left: 1px;
}

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

  ._placeholder_13wef_30,
  ._typewriterPlaceholder_13wef_42 {
    font-size: 13px;
    line-height: 20px;
  }
}
._container_1jnnl_1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  /* 使用子元素的 margin 代替 gap，以便动画可以平滑过渡间距 */
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  /* 不使用 overflow: hidden，否则会裁剪 hover popover */
}

._label_1jnnl_13 {
  font-family: 'Outfit', sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: #000000;
  text-align: center;
}

._templatesContainer_1jnnl_21 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin-top: 16px;
}

._templateButtonSelected_1jnnl_30 {
  background: rgba(255, 255, 255, 0.8);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border: 0.6px solid rgba(255, 255, 255, 0.6);
  box-shadow: 
    0 0 0 0.5px rgba(255, 255, 255, 0.7),
    0 2px 8px rgba(0, 0, 0, 0.1);
  color: #18181B;
}

/* 示例卡片网格 */
._examplesGrid_1jnnl_42 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 16px;
  width: 100%;
  box-sizing: border-box;
}

/* 示例卡片 */
._exampleCard_1jnnl_52 {
  display: flex;
  flex-direction: column;
  padding: 20px;
  border-radius: 16px;
  background: rgba(245, 245, 245, 0.9);
  border: none;
  outline: none;
  cursor: pointer;
  transition: all 0.2s ease;
  text-align: left;
  min-height: 200px;
  width: 210px;
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
}

._exampleCard_1jnnl_52:hover {
  background: rgba(240, 240, 240, 1);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

._exampleDescription_1jnnl_75 {
  font-family: 'Outfit', sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.5;
  color: #27272A;
  margin: 0;
  flex: 0 0 auto;
}

/* 缩略图区域 */
._exampleThumbnails_1jnnl_86 {
  flex: 1;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  margin-top: 16px;
  padding-top: 8px;
}

/* 堆叠图片容器 */
._thumbnailStack_1jnnl_96 {
  position: relative;
  width: 140px;
  height: 100px;
}

/* 图片占位符基础样式 */
._thumbnailPlaceholder_1jnnl_103 {
  position: absolute;
  width: 160px;
  height: 120px;
  border-radius: 12px;
  background: linear-gradient(135deg, #e5e5e5 0%, #d4d4d4 100%);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  transition: transform 0.3s ease;
  -o-object-fit: cover;
     object-fit: cover;
}

/* 最后面的图片 */
._thumbnailBack2_1jnnl_115 {
  top: 0;
  right: 0;
  transform: rotate(8deg);
  z-index: 1;
}

/* 中间的图片 */
._thumbnailBack1_1jnnl_123 {
  top: 8px;
  right: 12px;
  transform: rotate(4deg);
  z-index: 2;
}

/* 最前面的图片 */
._thumbnailFront_1jnnl_131 {
  top: 16px;
  right: 24px;
  transform: rotate(0deg);
  z-index: 3;
  background: linear-gradient(135deg, #fafafa 0%, #e5e5e5 100%);
}

/* Hover 效果 - 卡片展开 */
._exampleCard_1jnnl_52:hover ._thumbnailBack2_1jnnl_115 {
  transform: rotate(15deg) translate(20px, -20px);
}

._exampleCard_1jnnl_52:hover ._thumbnailBack1_1jnnl_123 {
  transform: rotate(0deg) translate(0, -10px);
}

._exampleCard_1jnnl_52:hover ._thumbnailFront_1jnnl_131 {
  transform: rotate(-15deg) translate(-20px, 0);
}

._templateButton_1jnnl_30 {
  display: flex;
  height: 44px;
  padding: 0 20px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
  border-radius: 999px;
  border: 0.6px solid rgba(0, 0, 0, 0.15);
  background: transparent;
  position: relative;
  color: #3F3F46;
  font-family: 'Outfit', sans-serif;
  font-size: 14px;
  font-weight: 500;
  white-space: nowrap;
  cursor: pointer;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);

  &:hover {
    background: #f3f3f3;
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border: 0.6px solid rgba(255, 255, 255, 0.5);
    /* box-shadow: 
      0 0 0 0.5px rgba(255, 255, 255, 0.6),
      0 2px 8px rgba(0, 0, 0, 0.08),
      0 4px 16px rgba(0, 0, 0, 0.04); */
    color: #18181B;
  }

  &._active_1jnnl_184 {
    background: rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border: 0.6px solid rgba(255, 255, 255, 0.6);
    box-shadow: 
      0 0 0 0.5px rgba(255, 255, 255, 0.7),
      0 2px 8px rgba(0, 0, 0, 0.1);
    color: #18181B;
  }
}

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

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

._closeButton_1jnnl_216 {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  margin: 0;
  background: transparent;
  border: none;
  color: currentColor;
  opacity: 0.7;
  transition: all 0.2s ease;

  &:hover {
    opacity: 1;
  }
}

._optionsPanel_1jnnl_233 {
  display: flex;
  height: 36px;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
}

._indicator_1jnnl_243 {
  position: absolute;
  height: 28px;
  border-radius: 9999px;
  border: 0.7px solid rgba(255, 255, 255, 0.9);
  background: rgba(255, 255, 255, 0.7);
  z-index: 0;
  top: 50%;
  transform: translateY(-50%);
}

._optionButton_1jnnl_254 {
  display: flex;
  margin: 0 4px;
  padding: 4px 12px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 9999px;
  border: none;
  background: transparent;
  position: relative;
  z-index: 1;
  transition: color 0.2s ease;
  color: var(--neutral-500, #737373);
  font-family: 'Outfit', sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  white-space: nowrap;
  flex-shrink: 0;
  height: auto;
  cursor: pointer;

  &:hover {
    color: var(--neutral-800, #262626);
    background: transparent;
  }

  &._active_1jnnl_184 {
    color: var(--neutral-800, #262626);
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
  }
}

/* Hover 卡片包装器 */
._templateButtonWrapper_1jnnl_291 {
  position: relative;
  display: inline-block;
}

/* Hover 图片堆叠容器 */
._hoverCard_1jnnl_297 {
  position: absolute;
  top: calc(100% + 12px);
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  z-index: 100;
  pointer-events: none;
}

/* zinc-100 填充背景 - 遮盖下方内容 */
._hoverCard_1jnnl_297::before {
  content: '';
  position: absolute;
  top: -32px;
  left: 50%;
  transform: translateX(-50%);
  width: 400px;
  height: 280px;
  background: radial-gradient(
    ellipse 50% 50% at center,
    #f4f4f5 0%,
    rgba(244, 244, 245, 0.98) 25%,
    rgba(244, 244, 245, 0.9) 45%,
    rgba(244, 244, 245, 0.7) 65%,
    rgba(244, 244, 245, 0.3) 85%,
    transparent 100%
  );
  z-index: -1;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.25s ease;
}

._templateButtonWrapper_1jnnl_291:hover ._hoverCard_1jnnl_297::before {
  opacity: 1;
}

/* 堆叠图片容器 - 设计类别（纵向卡片） */
._hoverImageStack_1jnnl_338 {
  position: relative;
  width: 200px;
  height: 110px;
  display: flex;
  align-items: flex-start;
  justify-content: center;
}

/* 堆叠图片容器 - 视频类别（横向卡片） */
._hoverImageStackVideo_1jnnl_348 {
  position: relative;
  width: 240px;
  height: 90px;
  display: flex;
  align-items: flex-start;
  justify-content: center;
}

/* 说明文字 */
._hoverCardText_1jnnl_358 {
  margin-top: 8px;
  font-family: 'Outfit', sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.4;
  color: #52525B;
  text-align: center;
  max-width: 220px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  opacity: 0;
  transform: translateY(-4px);
  transition: 
    opacity 0.2s ease 0.1s,
    transform 0.25s ease 0.1s;
}

._templateButtonWrapper_1jnnl_291:hover ._hoverCardText_1jnnl_358 {
  opacity: 1;
  transform: translateY(0);
}

/* 单张图片卡片 - 设计类别（纵向比例） */
._hoverImageCard_1jnnl_384 {
  position: absolute;
  width: 72px;
  height: 96px;
  border-radius: 12px;
  overflow: hidden;
  background: #FFFFFF;
  box-shadow: 
    0 4px 16px rgba(0, 0, 0, 0.15),
    0 2px 6px rgba(0, 0, 0, 0.1);
  opacity: 0;
  transition: 
    opacity 0.2s ease,
    transform 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

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

/* 单张图片卡片 - 视频类别（横向比例） */
._hoverImageCardVideo_1jnnl_407 {
  position: absolute;
  width: 96px;
  height: 64px;
  border-radius: 10px;
  overflow: hidden;
  background: #18181B;
  box-shadow: 
    0 4px 16px rgba(0, 0, 0, 0.2),
    0 2px 6px rgba(0, 0, 0, 0.12);
  opacity: 0;
  transition: 
    opacity 0.2s ease,
    transform 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

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

/* 视频图标徽章 */
._videoIconBadge_1jnnl_430 {
  position: absolute;
  top: 4px;
  right: 4px;
  width: 18px;
  height: 18px;
  border-radius: 4px;
  background: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(4px);
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(255, 255, 255, 0.9);
}

/* ========== 设计类别卡片位置（纵向） ========== */

/* 第1张 - 最左边 */
._hoverImageCard_1jnnl_384:nth-child(1) {
  transform: translateX(-70px) rotate(-12deg) translateY(-20px) scale(0.9);
  z-index: 1;
  transition-delay: 0.02s;
}

/* 第2张 - 左中 */
._hoverImageCard_1jnnl_384:nth-child(2) {
  transform: translateX(-24px) rotate(-4deg) translateY(-8px) scale(0.95);
  z-index: 2;
  transition-delay: 0.04s;
}

/* 第3张 - 右中 */
._hoverImageCard_1jnnl_384:nth-child(3) {
  transform: translateX(24px) rotate(4deg) translateY(-8px) scale(0.95);
  z-index: 2;
  transition-delay: 0.06s;
}

/* 第4张 - 最右边 */
._hoverImageCard_1jnnl_384:nth-child(4) {
  transform: translateX(70px) rotate(12deg) translateY(-20px) scale(0.9);
  z-index: 1;
  transition-delay: 0.08s;
}

/* Hover 时显示图片 - 设计类别 */
._templateButtonWrapper_1jnnl_291:hover ._hoverImageCard_1jnnl_384 {
  opacity: 1;
}

._templateButtonWrapper_1jnnl_291:hover ._hoverImageCard_1jnnl_384:nth-child(1) {
  transform: translateX(-70px) rotate(-12deg) translateY(0) scale(0.9);
}

._templateButtonWrapper_1jnnl_291:hover ._hoverImageCard_1jnnl_384:nth-child(2) {
  transform: translateX(-24px) rotate(-4deg) translateY(0) scale(0.95);
}

._templateButtonWrapper_1jnnl_291:hover ._hoverImageCard_1jnnl_384:nth-child(3) {
  transform: translateX(24px) rotate(4deg) translateY(0) scale(0.95);
}

._templateButtonWrapper_1jnnl_291:hover ._hoverImageCard_1jnnl_384:nth-child(4) {
  transform: translateX(70px) rotate(12deg) translateY(0) scale(0.9);
}

/* ========== 视频类别卡片位置（横向） ========== */

/* 第1张 - 最左边 */
._hoverImageCardVideo_1jnnl_407:nth-child(1) {
  transform: translateX(-78px) rotate(-10deg) translateY(-16px) scale(0.88);
  z-index: 1;
  transition-delay: 0.02s;
}

/* 第2张 - 左中 */
._hoverImageCardVideo_1jnnl_407:nth-child(2) {
  transform: translateX(-28px) rotate(-3deg) translateY(-8px) scale(0.94);
  z-index: 2;
  transition-delay: 0.04s;
}

/* 第3张 - 右中 */
._hoverImageCardVideo_1jnnl_407:nth-child(3) {
  transform: translateX(28px) rotate(3deg) translateY(-8px) scale(0.94);
  z-index: 2;
  transition-delay: 0.06s;
}

/* 第4张 - 最右边 */
._hoverImageCardVideo_1jnnl_407:nth-child(4) {
  transform: translateX(78px) rotate(10deg) translateY(-16px) scale(0.88);
  z-index: 1;
  transition-delay: 0.08s;
}

/* Hover 时显示图片 - 视频类别 */
._templateButtonWrapper_1jnnl_291:hover ._hoverImageCardVideo_1jnnl_407 {
  opacity: 1;
}

._templateButtonWrapper_1jnnl_291:hover ._hoverImageCardVideo_1jnnl_407:nth-child(1) {
  transform: translateX(-78px) rotate(-10deg) translateY(0) scale(0.88);
}

._templateButtonWrapper_1jnnl_291:hover ._hoverImageCardVideo_1jnnl_407:nth-child(2) {
  transform: translateX(-28px) rotate(-3deg) translateY(0) scale(0.94);
}

._templateButtonWrapper_1jnnl_291:hover ._hoverImageCardVideo_1jnnl_407:nth-child(3) {
  transform: translateX(28px) rotate(3deg) translateY(0) scale(0.94);
}

._templateButtonWrapper_1jnnl_291:hover ._hoverImageCardVideo_1jnnl_407:nth-child(4) {
  transform: translateX(78px) rotate(10deg) translateY(0) scale(0.88);
}

/* ========== 1张图片时的布局 ========== */
._hoverImageStack1_1jnnl_548,
._hoverImageStackVideo_1jnnl_348._hoverImageStack1_1jnnl_548 {
  width: 100px;
}

/* 设计类别 - 1张图片居中 */
._hoverImageCard_1jnnl_384._hoverImageCard1_1jnnl_554:nth-child(1) {
  transform: translateX(0) rotate(0deg) translateY(-12px) scale(1);
  left: 50%;
  margin-left: -36px;
  z-index: 1;
}

._templateButtonWrapper_1jnnl_291:hover ._hoverImageCard_1jnnl_384._hoverImageCard1_1jnnl_554:nth-child(1) {
  transform: translateX(0) rotate(0deg) translateY(0) scale(1);
}

/* 视频类别 - 1张图片居中 */
._hoverImageCardVideo_1jnnl_407._hoverImageCard1_1jnnl_554:nth-child(1) {
  transform: translateX(0) rotate(0deg) translateY(-12px) scale(1);
  left: 50%;
  margin-left: -48px;
  z-index: 1;
}

._templateButtonWrapper_1jnnl_291:hover ._hoverImageCardVideo_1jnnl_407._hoverImageCard1_1jnnl_554:nth-child(1) {
  transform: translateX(0) rotate(0deg) translateY(0) scale(1);
}

/* ========== 2张图片时的布局 ========== */
._hoverImageStack2_1jnnl_578,
._hoverImageStackVideo_1jnnl_348._hoverImageStack2_1jnnl_578 {
  width: 160px;
}

/* 设计类别 - 2张图片对称 */
._hoverImageCard_1jnnl_384._hoverImageCard2_1jnnl_584:nth-child(1) {
  transform: translateX(-30px) rotate(-6deg) translateY(-12px) scale(0.95);
  z-index: 1;
}

._hoverImageCard_1jnnl_384._hoverImageCard2_1jnnl_584:nth-child(2) {
  transform: translateX(30px) rotate(6deg) translateY(-12px) scale(0.95);
  z-index: 1;
}

._templateButtonWrapper_1jnnl_291:hover ._hoverImageCard_1jnnl_384._hoverImageCard2_1jnnl_584:nth-child(1) {
  transform: translateX(-30px) rotate(-6deg) translateY(0) scale(0.95);
}

._templateButtonWrapper_1jnnl_291:hover ._hoverImageCard_1jnnl_384._hoverImageCard2_1jnnl_584:nth-child(2) {
  transform: translateX(30px) rotate(6deg) translateY(0) scale(0.95);
}

/* 视频类别 - 2张图片对称 */
._hoverImageCardVideo_1jnnl_407._hoverImageCard2_1jnnl_584:nth-child(1) {
  transform: translateX(-40px) rotate(-5deg) translateY(-12px) scale(0.95);
  z-index: 1;
}

._hoverImageCardVideo_1jnnl_407._hoverImageCard2_1jnnl_584:nth-child(2) {
  transform: translateX(40px) rotate(5deg) translateY(-12px) scale(0.95);
  z-index: 1;
}

._templateButtonWrapper_1jnnl_291:hover ._hoverImageCardVideo_1jnnl_407._hoverImageCard2_1jnnl_584:nth-child(1) {
  transform: translateX(-40px) rotate(-5deg) translateY(0) scale(0.95);
}

._templateButtonWrapper_1jnnl_291:hover ._hoverImageCardVideo_1jnnl_407._hoverImageCard2_1jnnl_584:nth-child(2) {
  transform: translateX(40px) rotate(5deg) translateY(0) scale(0.95);
}

/* ========== 3张图片时的布局 ========== */
._hoverImageStack3_1jnnl_622,
._hoverImageStackVideo_1jnnl_348._hoverImageStack3_1jnnl_622 {
  width: 180px;
}

/* 设计类别 - 3张图片扇形展开 */
._hoverImageCard_1jnnl_384._hoverImageCard3_1jnnl_628:nth-child(1) {
  transform: translateX(-50px) rotate(-10deg) translateY(-16px) scale(0.9);
  z-index: 1;
}

._hoverImageCard_1jnnl_384._hoverImageCard3_1jnnl_628:nth-child(2) {
  transform: translateX(0) rotate(0deg) translateY(-8px) scale(0.95);
  z-index: 2;
}

._hoverImageCard_1jnnl_384._hoverImageCard3_1jnnl_628:nth-child(3) {
  transform: translateX(50px) rotate(10deg) translateY(-16px) scale(0.9);
  z-index: 1;
}

._templateButtonWrapper_1jnnl_291:hover ._hoverImageCard_1jnnl_384._hoverImageCard3_1jnnl_628:nth-child(1) {
  transform: translateX(-50px) rotate(-10deg) translateY(0) scale(0.9);
}

._templateButtonWrapper_1jnnl_291:hover ._hoverImageCard_1jnnl_384._hoverImageCard3_1jnnl_628:nth-child(2) {
  transform: translateX(0) rotate(0deg) translateY(0) scale(0.95);
}

._templateButtonWrapper_1jnnl_291:hover ._hoverImageCard_1jnnl_384._hoverImageCard3_1jnnl_628:nth-child(3) {
  transform: translateX(50px) rotate(10deg) translateY(0) scale(0.9);
}

/* 视频类别 - 3张图片扇形展开 */
._hoverImageCardVideo_1jnnl_407._hoverImageCard3_1jnnl_628:nth-child(1) {
  transform: translateX(-56px) rotate(-8deg) translateY(-14px) scale(0.9);
  z-index: 1;
}

._hoverImageCardVideo_1jnnl_407._hoverImageCard3_1jnnl_628:nth-child(2) {
  transform: translateX(0) rotate(0deg) translateY(-6px) scale(0.95);
  z-index: 2;
}

._hoverImageCardVideo_1jnnl_407._hoverImageCard3_1jnnl_628:nth-child(3) {
  transform: translateX(56px) rotate(8deg) translateY(-14px) scale(0.9);
  z-index: 1;
}

._templateButtonWrapper_1jnnl_291:hover ._hoverImageCardVideo_1jnnl_407._hoverImageCard3_1jnnl_628:nth-child(1) {
  transform: translateX(-56px) rotate(-8deg) translateY(0) scale(0.9);
}

._templateButtonWrapper_1jnnl_291:hover ._hoverImageCardVideo_1jnnl_407._hoverImageCard3_1jnnl_628:nth-child(2) {
  transform: translateX(0) rotate(0deg) translateY(0) scale(0.95);
}

._templateButtonWrapper_1jnnl_291:hover ._hoverImageCardVideo_1jnnl_407._hoverImageCard3_1jnnl_628:nth-child(3) {
  transform: translateX(56px) rotate(8deg) translateY(0) scale(0.9);
}

/* 移动端适配 */
@media (max-width: 768px) {
  ._container_1jnnl_1 {
    width: 100%;
    max-width: calc(100vw - 32px);
    padding: 0;
    box-sizing: border-box;
    /* 不使用 overflow: hidden，否则会裁剪 hover popover */
  }

  ._templatesContainer_1jnnl_21 {
    width: 100%;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px;
    margin-top: 16px;
  }

  /* 移动端隐藏 hover 卡片（触屏设备无 hover 交互） */
  ._hoverCard_1jnnl_297 {
    display: none;
  }

  ._templateButton_1jnnl_30 {
    height: 40px;
    padding: 0 12px;
    font-size: 13px;
    gap: 6px;
    background: transparent;
    color: #27272a;
    border: 0.6px solid rgba(0, 0, 0, 0.15);
    border-radius: 999px;
  }

  ._templateButton_1jnnl_30:hover {
    background: rgba(255, 255, 255, 0.72);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border: 0.6px solid rgba(255, 255, 255, 0.5);
    box-shadow: 
      0 0 0 0.5px rgba(255, 255, 255, 0.6),
      0 2px 8px rgba(0, 0, 0, 0.08);
  }

  ._templateButton_1jnnl_30._active_1jnnl_184 {
    background: rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border: 0.6px solid rgba(255, 255, 255, 0.6);
    box-shadow: 
      0 0 0 0.5px rgba(255, 255, 255, 0.7),
      0 2px 8px rgba(0, 0, 0, 0.1);
  }

  ._icon_1jnnl_196 {
    width: 16px;
    height: 16px;
    color: inherit;
  }

  ._optionsPanel_1jnnl_233 {
    height: 32px;
  }

  ._indicator_1jnnl_243 {
    height: 24px;
  }

  ._optionButton_1jnnl_254 {
    padding: 4px 8px;
    font-size: 12px;
    margin: 0 2px;
  }

  /* 示例卡片网格 - 移动端横向滚动 */
  ._examplesGrid_1jnnl_42 {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    gap: 12px;
    width: 100%;
    max-width: 100%;
    padding: 0 16px 8px;
    margin: 0;
    box-sizing: border-box;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    -ms-overflow-style: none;
    /* 覆盖父容器的 align-items: center，防止内容居中导致左边被裁剪 */
    align-self: stretch;
    justify-content: flex-start;
  }

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

  /* 示例卡片 - 移动端固定宽度 */
  ._exampleCard_1jnnl_52 {
    flex: 0 0 280px;
    min-height: 160px;
    padding: 16px;
    border-radius: 12px;
  }

  ._exampleDescription_1jnnl_75 {
    font-size: 14px;
    line-height: 1.4;
  }

  ._exampleThumbnails_1jnnl_86 {
    margin-top: 12px;
  }

  /* 堆叠图片 - 移动端缩小 */
  ._thumbnailStack_1jnnl_96 {
    width: 100px;
    height: 70px;
  }

  ._thumbnailPlaceholder_1jnnl_103 {
    width: 110px;
    height: 85px;
    border-radius: 10px;
  }

  ._thumbnailBack2_1jnnl_115 {
    transform: rotate(6deg);
  }

  ._thumbnailBack1_1jnnl_123 {
    top: 6px;
    right: 8px;
    transform: rotate(3deg);
  }

  ._thumbnailFront_1jnnl_131 {
    top: 12px;
    right: 16px;
  }

  /* Hover 效果在移动端禁用 */
  ._exampleCard_1jnnl_52:hover ._thumbnailBack2_1jnnl_115,
  ._exampleCard_1jnnl_52:hover ._thumbnailBack1_1jnnl_123,
  ._exampleCard_1jnnl_52:hover ._thumbnailFront_1jnnl_131 {
    transform: none;
  }

  ._exampleCard_1jnnl_52:hover ._thumbnailBack2_1jnnl_115 {
    transform: rotate(6deg);
  }

  ._exampleCard_1jnnl_52:hover ._thumbnailBack1_1jnnl_123 {
    transform: rotate(3deg);
  }

  ._exampleCard_1jnnl_52:hover ._thumbnailFront_1jnnl_131 {
    transform: rotate(0deg);
  }
}._wrapper_17ma5_1 {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
}

._inputPanel_17ma5_8 {
    width: 800px;
    max-width: 100%;
    margin: 0 auto;
    border-radius: 32px;
    background: rgba(232, 232, 232, 0.47);
    box-shadow: 0px 6px 15px 2px rgba(129, 129, 129, 0.17);
    padding: 10px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

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

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

    ._templateGroupWrapper_17ma5_21 {
        margin-top: 24px;
        width: 100%;
        max-width: 100%;
        overflow: visible;
    }
}
._previewWrapper_7bugr_1 {
    width: 100%;
}
._main-chat-input-mention_ziiaq_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_ziiaq_20 {
        opacity: 0.7;
    }

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

    ._main-chat-input-mention-thumbnail_ziiaq_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_ziiaq_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;
    }
}

._multimedia-hover-preview-content_ziiaq_67 ._preview-popover-img_ziiaq_67 {
    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_48r0j_1 {
    position: relative;
    border-radius: 16px;
    background: #F5F5F5;
    padding: 12px 8px 8px 12px;
    /* overflow: hidden; */

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

        ._multimedia-show-item_48r0j_16 {
            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_48r0j_27 {
                width: 100%;
                height: 100%;
                border-radius: 8px;
                overflow: hidden;
                position: relative;
            }

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

            ._uploading-icon_48r0j_41 {
                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_48r0j_53 {
                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_48r0j_53 {
                display: flex;
            }

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

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

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

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

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

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

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

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

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

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

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

        ._action-upload-button-wrapper_48r0j_158 {
            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;
        }

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

        ._action-aspect-ratio-button_48r0j_178 {
            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;

            &:hover {
                opacity: 0.7;
            }

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

        ._action-stop-button-wrapper_48r0j_203 {
            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_48r0j_215 {
                width: 10px;
                height: 10px;
                background: #fff;
            }
        }

        ._action-submit-button-wrapper_48r0j_222 {
            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_48r0j_236 {
            border-radius: 8px;
            border: 1px solid rgba(49, 85, 6, 0.20);
            background: #F0F7E5;
            color: #2C4D03;
        }



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

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

    }

    ._main-chat-input-drag-overlay_48r0j_257 {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border-radius: 14px 14px 13px 14px;
        border: 2px dashed #5C6FFF;
        background: rgba(129, 183, 255, 0.70);
        backdrop-filter: blur(5.5px);
        display: flex;
        align-items: center;
        justify-content: center;
        color: #0C1FAC;
        text-align: center;
        font-family: Roboto;
        font-size: 16px;
        font-weight: 500;
        line-height: 20px;
        z-index: 50;

        ._main-chat-input-drag-overlay-content_48r0j_278 {
            display: flex;
            flex-direction: row;
            align-items: center;
            gap: 8px;
        }
    }
}

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

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

._main-chat-input-mention-list-container_48r0j_303 {
    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%);

    ._main-chat-input-mention-list-item_48r0j_323 {
        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;

        &._active_48r0j_340 {
            background: #F5F5F5;
        }

        &:hover {
            background: #FAFAFA;
        }

        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_48r0j_364 {
    display: flex;
    flex-direction: column;
    padding-top: 8px;
    padding-bottom: 8px;

    ._action-aspect-ratio-popover-content-title_48r0j_370 {
        font-size: 12px;
        padding-left: 12px;
        padding-right: 12px;
    }

    ._action-aspect-ratio-popover-content-list_48r0j_376 {
        display: flex;
        flex-direction: column;
        gap: 8px;
        margin-top: 8px;
        ;
        width: 100%;


        ._action-aspect-ratio-popover-content-list-item_48r0j_385 {
            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_48r0j_400 {
                display: flex;
                flex-direction: row;
                align-items: center;

                gap: 8px;
            }

            ._action-aspect-ratio-popover-content-list-item-icon_48r0j_408 {
                width: 16px;
                height: 16px;
                display: flex;
                align-items: center;
                justify-content: center;

                ._icon-content_48r0j_415 {
                    border-width: 1px;
                    border-color: var(--color-gray-400);
                    border-radius: 6px;
                    display: inline-block;
                }

                ._icon-content_48r0j_415[data-aspectRatio="16:9"] {
                    width: 16px;
                    height: 9px;
                }

                ._icon-content_48r0j_415[data-aspectRatio="9:16"] {
                    width: 9px;
                    height: 16px;
                }
            }

            ._action-aspect-ratio-popover-content-list-item-left_48r0j_400 {
                font-size: 14px;
            }
        }

    }
}

._main-chat-input_1512o_1 {
    ._main-chat-input-think-area_1512o_2 {
        margin-bottom: 8px;
    }
}._action-card-message_1he22_1 {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

._action-card-message-header_1he22_7 {
    margin-bottom: 4px;
}

._action-card-container_1he22_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;
}

._action-card-header_1he22_24 {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 0 4px;
}

._action-card-title_1he22_31 {
    margin: 0;
    font-family: Geist, sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.43;
    color: #0A0A0A;
    word-break: break-word;
}

._action-card-description_1he22_41 {
    margin: 0;
    font-family: Geist, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.33;
    color: #737373;
    word-break: break-word;
}

._action-card-suggestions_1he22_51 {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

._action-card-suggestion-button_1he22_57 {
    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;
}

._action-card-suggestion-button_1he22_57:hover:not(:disabled) {
    background: #EBEBEB;
}

._action-card-suggestion-button_1he22_57:disabled {
    opacity: 0.6;
    cursor: not-allowed;
}

._suggestion-content_1he22_80 {
    display: flex;
    flex-direction: column;
    gap: 4px;
    width: 100%;
}

._suggestion-title-row_1he22_87 {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
}

._suggestion-title_1he22_87 {
    font-family: Geist, sans-serif;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.33;
    color: #171717;
}

._suggestion-description_1he22_102 {
    margin: 0;
    font-family: Roboto, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 150%;
    color: #71717A;
}

/* Credits badge with gradient background */
._credit-badge_1he22_112 {
    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_1he22_124 {
    font-family: Roboto, 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_1he22_135 {
    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_1he22_145 {
    font-family: Roboto, sans-serif;
    font-size: 10px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0.012em;
    color: #FFFFFF;
    white-space: nowrap;
}

/* Action confirmed styles - same as ToolCallMessage */
._confirmed-message_1he22_156 {
    width: 100%;
}

._confirmed-card_1he22_160 {
    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;
}

._icon-wrapper_1he22_172 {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    color: rgba(0, 0, 0, 0.70);
}

._content-wrapper_1he22_180 {
    flex: 1;
    min-width: 0;
    display: flex;
    align-items: center;
}

._title_1he22_187 {
    color: var(--tailwind-colors-neutral-900, #171717);
    font-family: Roboto;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
._error-message_127l4_1 {
    width: 100%;
}

._error-card_127l4_5 {
    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;
}

._icon-wrapper_127l4_17 {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    color: #EF4444; /* red-500 */
}

._content-wrapper_127l4_25 {
    flex: 1;
    min-width: 0;
    display: flex;
    align-items: center;
}

._title_127l4_32 {
    color: var(--tailwind-colors-red-600, #DC2626);
    font-family: Roboto;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}._fullscript-preview-container_153yu_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_153yu_13 {
        display: flex;
    }

    ._close-btn_153yu_17 {
        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;
        }
    }

    ._fullscript-preview-content_153yu_37 {
        padding: 50px 25px;
        width: 774px;
        flex-shrink: 0;
        border-radius: 12px;
        background: #FFF;
        box-sizing: border-box;

        ._fullscript-preview-content-inner_153yu_45 {
            width: 100%;
            padding-left: 35px;
            padding-right: 35px;
            max-height: 620px;
            overflow: auto;
        }
    }
}._toolbar_148t3_1 {
  position: absolute;
  left: 0;
  right: 0;
  z-index: 100;
  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_148t3_1._bottom_148t3_13 {
  bottom: 0;
}

._toolbar_148t3_1._top_148t3_17 {
  top: 0;
  transform: translateY(-10px);
}

._toolbar_148t3_1._alwaysVisible_148t3_22 {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}

._gradient_148t3_28 {
  position: absolute;
  left: 0;
  right: 0;
  height: 100%;
  pointer-events: none;
}

._toolbar_148t3_1._bottom_148t3_13 ._gradient_148t3_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_148t3_1._top_148t3_17 ._gradient_148t3_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_148t3_54 {
  position: relative;
  z-index: 1;
  height: 100%;
  display: flex;
  align-items: flex-end;
  padding: 16px 20px;
  pointer-events: auto;
}

._toolbar_148t3_1._top_148t3_17 ._content_148t3_54 {
  align-items: flex-start;
}

._actions_148t3_68 {
  display: flex;
  gap: 8px;
  width: 100%;
  justify-content: end;
}

._actionButton_148t3_75 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border: none;
  border-radius: 8px;
  background: rgb(0 0 0 / 42%);
  color: white;
  transition: all 0.2s ease;
  font-size: 18px;
}

._actionButton_148t3_75:hover:not(:disabled) {
  transform: translateY(-2px);
}

._actionButton_148t3_75:active:not(:disabled) {
  transform: translateY(0);
}

._actionButton_148t3_75:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}

/* 响应式设计 */
@media (max-width: 768px) {
  ._content_148t3_54 {
    padding: 12px 16px;
  }

  ._actionButton_148t3_75 {
    width: 36px;
    height: 36px;
    font-size: 16px;
  }

  ._actions_148t3_68 {
    gap: 6px;
  }
}._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_1li23_1 {
    position: relative;
    ._image-message-header_1li23_3 {
        display: flex;
        flex-direction: row;
        gap: 3px;
        color: #38383899;
        font-family: 'Roboto', sans-serif;
        font-size: 13px;
        font-weight: 500;
        line-height: 120%;
        margin-bottom: 12px;
        align-items: center;
    }

    ._image-message-image_1li23_16 {
        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_1li23_26 {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 100%;
            background: lightgray 50% / cover no-repeat;
        }
        
        ._image_1li23_3 {
            cursor: pointer;
            max-width: 100%;
            height: auto;
        }
    }
}.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;
}
._main-chat-panel-insufficient-credit-message_z1uc5_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;

    ._main-chat-panel-insufficient-credit-message-desc_z1uc5_11 {
        max-width: 255px;
        color: #2A2A2A;
        font-family: Roboto;
        font-size: 14px;
        font-weight: 400;
        line-height: 18px;
        word-break: break-word;
    }

}._markdown-message_f235s_1 {
    color: #2A2A2A;
    font-family: Roboto;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    word-break: break-word;
    
    ._markdown-message-header_f235s_10 {
        margin-bottom: 12px;
    }
}/* PlanCardMessage 主容器 */
._plan-card-message_1jsg8_2 {
  width: 100%;
}

/* Plan Card 卡片 */
._plan-card_1jsg8_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;
}


/* 卡片头部 */
._card-header_1jsg8_20 {
  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;
}

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

._header-icon_1jsg8_38 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
}

._header-title_1jsg8_46 {
  font-family: Roboto, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.33;
  color: #27272A;
}

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

._collapse-button_1jsg8_60 {
  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_1jsg8_60:hover {
  background: rgba(0, 0, 0, 0.05);
}

._collapse-button_1jsg8_60:focus {
  outline: none;
}

._header-count_1jsg8_80 {
  font-family: Roboto, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.33;
  color: #52525B;
}

/* 可折叠内容容器 */
._collapsible-content_1jsg8_89 {
  width: 100%;
  overflow: hidden;
  transition: all 0.3s ease-in-out;
  max-height: 1000px; /* 足够大的值来容纳展开的内容 */
  opacity: 1;
}

._collapsible-content-collapsed_1jsg8_97 {
  max-height: 0;
  opacity: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* 内容区域 */
._content-area_1jsg8_105 {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 6px;
  gap: 8px;
  background-color: white;
  transition: opacity 0.2s ease-in-out;
}

/* 问题滑动容器 */
._question-slider_1jsg8_116 {
  width: 100%;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

._question-slider_1jsg8_116::-webkit-scrollbar {
  display: none;
}

._question-track_1jsg8_129 {
  display: flex;
  gap: 0;
}

._question-slide_1jsg8_116 {
  flex: 0 0 100%;
  scroll-snap-align: start;
  scroll-snap-stop: always;
}

/* 问题内容 */
._question-content_1jsg8_141 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  background: #FFFFFF;
  border-radius: 8px;
}

._question-title-wrapper_1jsg8_149 {
  padding: 4px 6px;
}

._question-title_1jsg8_149 {
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.43;
  color: #0A0A0A;
}

/* 选项列表 */
._options-list_1jsg8_162 {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

._option-wrapper_1jsg8_168 {
  min-height: 36px;
  background: transparent;
  border-radius: 6px;
  padding: 6px;
}

/* 选项样式 */
._option-item_1jsg8_176 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

._option-main_1jsg8_182 {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  cursor: pointer;
}

._option-main_1jsg8_182:hover {
  opacity: 0.9;
}

/* Radio 按钮 */
._radio-button_1jsg8_194 {
  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;
}

._radio-button-selected_1jsg8_208 {
  border-color: #171717;
}

._radio-inner_1jsg8_212 {
  width: 8px;
  height: 8px;
  border-radius: 9999px;
  background: #171717;
}

/* Checkbox 按钮 */
._checkbox-button_1jsg8_220 {
  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;
}

._checkbox-button-selected_1jsg8_234 {
  background: #171717;
  border-color: #171717;
}

._checkbox-icon_1jsg8_239 {
  color: #FAFAFA;
}

/* 选项内容 */
._option-content_1jsg8_244 {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding-top: 1px;
  flex: 1;
}

._option-label_1jsg8_252 {
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  color: #0A0A0A;
}

._option-description_1jsg8_260 {
  font-family: Roboto, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.83;
  color: #737373;
}

/* Other 选项特殊布局 */
._option-item-other_1jsg8_269 {
  display: flex;
  flex-direction: column;
}

._option-main-other_1jsg8_274 {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  cursor: pointer;
}

._option-main-other_1jsg8_274:hover {
  opacity: 0.9;
}

._option-content-other_1jsg8_285 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding-top: 1px;
  flex: 1;
}

/* Other 输入框 - 内联样式（跟随在标签下方） */
._other-input-inline_1jsg8_294 {
  width: 100%;
  padding: 4px 12px;
  border: 1px solid #E5E5E5;
  border-radius: 8px;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  line-height: 1.57;
  background: #FFFFFF;
}

._other-input-inline_1jsg8_294:focus {
  outline: none;
  border-color: #A1A1AA;
}

._other-input-inline_1jsg8_294::-moz-placeholder {
  color: #737373;
}

._other-input-inline_1jsg8_294::placeholder {
  color: #737373;
}

/* Other 输入框 - 旧样式（保留以兼容） */
._other-input_1jsg8_294 {
  margin-left: 28px;
  padding: 8px 12px;
  border: 1px solid #E5E5E5;
  border-radius: 6px;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  width: calc(100% - 28px);
  background: #FFFFFF;
}

._other-input_1jsg8_294:focus {
  outline: none;
  border-color: #A1A1AA;
}

._other-input_1jsg8_294::-moz-placeholder {
  color: #A1A1AA;
}

._other-input_1jsg8_294::placeholder {
  color: #A1A1AA;
}

/* 卡片底部 */
._card-footer_1jsg8_336 {
  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;
}

._footer-left_1jsg8_348 {
  display: flex;
  align-items: center;
}

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

/* 进度指示器 */
._progress-indicator_1jsg8_360 {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 0 4px;
}

._progress-dot_1jsg8_367 {
  border-radius: 999px;
}

._progress-dot-active_1jsg8_371 {
  width: 16px;
  height: 5px;
  background: #A1A1AA;
}

._progress-dot-inactive_1jsg8_377 {
  width: 5px;
  height: 5px;
  background: #E4E4E7;
}

._progress-text_1jsg8_383 {
  font-family: Roboto, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.33;
  color: #52525B;
}

/* 按钮样式 */
._skip-button_1jsg8_392 {
  background: #F5F5F5 !important;
  border-radius: 8px !important;
  font-family: Roboto, sans-serif !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  color: #171717 !important;
  height: 28px !important;
  padding: 8px 10px !important;
}

._previous-button_1jsg8_403 {
  background: #F5F5F5 !important;
  border-radius: 8px !important;
  font-family: Roboto, sans-serif !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  color: #171717 !important;
  height: 28px !important;
  padding: 8px 10px !important;
}

._previous-button_1jsg8_403:disabled {
  opacity: 0.5 !important;
  cursor: not-allowed !important;
}

._continue-button_1jsg8_419 {
  background: #C5F36F !important;
  border-radius: 8px !important;
  font-family: Roboto, 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_1jsg8_419:hover {
  background: #b8e85f !important;
}

/* AnswerCard 样式 */
._answers-list_1jsg8_436 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  background: #FFFFFF;
}

._answer-item_1jsg8_443 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 4px 6px;
}

/* 问题文本（带序号） */
._answer-question-text_1jsg8_453 {
  width: 100%;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.43;
  color: #0A0A0A;
}

/* 答案文本 */
._answer-value_1jsg8_463 {
  width: 100%;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  color: #71717A;
}

/* 跳过的答案 */
._answer-value-skipped_1jsg8_473 {
  width: 100%;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  font-style: italic;
  color: #A1A1AA;
}
._planning-message_1jdsa_1 {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 4px;
  gap: 4px;
  background: #FAFAFA;
  border-radius: 6px;
}

._loading-icon_1jdsa_11 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  flex-shrink: 0;
}

._loading-text_1jdsa_20 {
  font-family: Roboto, 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-shot-message_14edq_1 {
    position: relative;
    
    ._shot-message-header_14edq_4 {
        display: flex;
        flex-direction: row;
        gap: 3px;
        color: #38383899;
        font-family: 'Roboto', sans-serif;
        font-size: 13px;
        font-weight: 500;
        line-height: 120%;
        margin-bottom: 12px;
        align-items: center;
    }

    ._shot-message-list_14edq_17 {
        display: grid;
        gap: 8px;

        ._shot-message-item_14edq_21 {
            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_14edq_34 {
                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: Roboto;
                font-size: 11px;
                font-weight: 400;
                line-height: 18px;
            }

            video,
            ._shot-message-item-thumbnail_14edq_54 {
                width: 100%;
                height: 100%;
                -o-object-fit: cover;
                   object-fit: cover;
            }

            ._shot-message-play-button_14edq_60 {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                display: flex;
                align-items: center;
                justify-content: center;
            }

            ._shot-message-shot-loading_14edq_71 {
                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_15b2x_1 {
    width: 100%;
}

._stop-card_15b2x_5 {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 8px 12px;
    border-radius: 12px;
    background: #FFFFE2;
    border: 1px solid transparent;
    gap: 8px;
    overflow: hidden;
}

._icon-wrapper_15b2x_17 {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    color: #7E6F00;
}

._content-wrapper_15b2x_25 {
    flex: 1;
    min-width: 0;
    display: flex;
    align-items: center;
}

._title_15b2x_32 {
    color: #7E6F00;
    font-family: Roboto;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}._success-message_ivwq1_1 {
    width: 100%;
}

._success-card_ivwq1_5 {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 8px 12px;
    border-radius: 12px;
    background: #EEFFF1;
    border: 1px solid transparent;
    gap: 8px;
    overflow: hidden;
}

._icon-wrapper_ivwq1_17 {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    color: #1C714F;
}

._content-wrapper_ivwq1_25 {
    flex: 1;
    min-width: 0;
    display: flex;
    align-items: center;
}

._title_ivwq1_32 {
    color: #1C714F;
    font-family: Roboto;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}._tool-call-message_aple0_1 {
    width: 100%;
}

._tool-call-card_aple0_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;
}

._icon-wrapper_aple0_17 {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    color: rgba(0, 0, 0, 0.70);
}

._spinner_aple0_25 {
    animation: _spin_aple0_25 1s linear infinite;
    color: #3B82F6; /* blue-500 */
}

._content-wrapper_aple0_30 {
    flex: 1;
    min-width: 0; /* 允许 flex item 收缩 */
    display: flex;
    align-items: center;
}

._title_aple0_37 {
    color: var(--tailwind-colors-neutral-900, #171717);
    font-family: Roboto;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

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

._failed-icon_aple0_58 {
    color: #EF4444; /* red-500 */
}

._failed_aple0_58 {
    background: var(--tailwind-colors-red-50, #FEF2F2);
}

._failed-title_aple0_66 {
    color: var(--tailwind-colors-red-600, #DC2626);
}
._buttonWrapper_1sr8x_1 {
  position: relative;
  width: 177px;
  height: 46px;
  padding: 2px;
}

._messageConfirmButton_1sr8x_8 {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 16px;
  border: none;
  border-radius: 8px;
  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', 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_1sr8x_8:focus {
  outline: 2px solid rgba(0, 0, 0, 0.1);
  outline-offset: 2px;
}

._messageConfirmButton_1sr8x_8:active {
  transform: scale(0.98);
}

/* Success/Complete 变体 - 浅绿色（类似图片中的风格） */
._variant-success_1sr8x_39,
._variant-complete_1sr8x_40 {
  background: #191919;
  color: white;
  font-weight: 500;
}

._variant-success_1sr8x_39:hover,
._variant-complete_1sr8x_40:hover {
  background: #191919d2 !important;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

._variant-success_1sr8x_39:active,
._variant-complete_1sr8x_40:active {
  background: #a5d6a7;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

/* Info 变体 - 浅蓝色 */
._variant-info_1sr8x_59 {
  background: #e3f2fd;
  color: #898888;
}

._variant-info_1sr8x_59:hover {
  background: #bbdefb;
}

._variant-info_1sr8x_59:active {
  background: #90caf9;
}

/* Warning 变体 - 浅黄色 */
._variant-warning_1sr8x_73 {
  background: #fff9c4;
  color: #f57f17;
}

._variant-warning_1sr8x_73:hover {
  background: #fff59d !important;
}

._variant-warning_1sr8x_73:active {
  background: #fff176;
}

._icon_1sr8x_86 {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  line-height: 1;
}

._message_1sr8x_8 {
  line-height: 1.5;
  white-space: nowrap;
}

/* 禁用状态 */
._messageConfirmButton_1sr8x_8:disabled {
  opacity: 0.6;
  cursor: not-allowed;
  pointer-events: none;
}

/* 彩虹渐变边框 */
._gradientBorder_1sr8x_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_vsqwu_1 {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    margin-left: 12px;
    width: calc(100% - 12px);

    ._user-message-file-list_vsqwu_8 {
        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_vsqwu_16 {
            flex-wrap: wrap;
            gap: 8px;
            padding-right: 0;
            margin-right: 0;
            
            ._user-message-file-list-item_vsqwu_22 {
                margin-right: 0;
                border: 1px solid #E4E4E7;
            }
        }

        ._user-message-file-list-item_vsqwu_22 {
            width: 48px;
            height: 48px;
            flex-shrink: 0;
            border-radius: 8px;
            border: 4px solid #FFF;
            background: #F4F4F5;
            overflow: hidden;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-right: -20px;
            position: relative;
            cursor: pointer;

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

            ._more-overlay_vsqwu_49 {
                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_vsqwu_63 {
        max-width: 540px;
        padding: 10px 14px;
        border-radius: 12px;
        background: #F4F4F5;
        color: #18181B;
        font-family: Roboto;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
        white-space: pre-wrap;
        word-break: break-word;
    }
}._main-chat-panel-video-message_smxxu_1 {
    position: relative;
    ._video-message-header_smxxu_3 {
        display: flex;
        flex-direction: row;
        gap: 3px;
        color: #38383899;
        font-family: 'Roboto', sans-serif;
        font-size: 13px;
        font-weight: 500;
        line-height: 120%;
        margin-bottom: 12px;
    }

    ._video-message-video_smxxu_15 {
        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_smxxu_25 {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 100%;
            background: lightgray 50% / cover no-repeat;
        }

        ._image_smxxu_33,
        video {
            -o-object-fit: cover;
               object-fit: cover;
            max-width: 100%;
            height: auto;
        }
    }

    ._video-message-play-button_smxxu_41 {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
}._web-search-message_1al1j_1 {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-self: stretch;
  gap: 12px;
}

/* 搜索时间 */
._search-time_1al1j_10 {
  font-family: Roboto, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.171875;
  color: #737373;
}

/* Sources 可折叠卡片 */
._sources-card_1al1j_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;
}

/* Sources 头部 */
._sources-header_1al1j_31 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  width: 100%;
  gap: 4px;
  padding: 4px 12px;
  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;
}

/* 收起状态时的头部样式 */
._sources-header-collapsed_1al1j_46 {
  border-bottom: none;
  border-radius: 11px;
}

._sources-header_1al1j_31:hover {
  background: #EFEFEF;
}

._sources-header-left_1al1j_55 {
  display: flex;
  align-items: center;
  gap: 4px;
}

._sources-title_1al1j_61 {
  font-family: Roboto, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.3333333333333333;
  color: #27272A;
}

._globe-icon_1al1j_69 {
  width: 14px;
  height: 14px;
  color: #18181B;
}

._chevron-icon_1al1j_75 {
  width: 12px;
  height: 12px;
  color: #737373;
  transition: transform 0.2s ease;
}

._chevron-icon-expanded_1al1j_82 {
  transform: rotate(180deg);
}

/* Sources 内容区域 - 可滚动 */
._sources-content_1al1j_87 {
  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;
}

/* 底部操作栏 - 在卡片外部 */
._sources-footer_1al1j_101 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  width: 100%;
  padding: 0px 4px;
  gap: 8px;
}

/* 左侧操作按钮容器 - layout_84ZE09 */
._action-buttons_1al1j_112 {
  display: flex;
  align-items: center;
  gap: 8px;
}

/* 操作按钮 - 无背景色 */
._action-btn_1al1j_119 {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
  background: transparent;
  border: none;
  cursor: pointer;
  transition: opacity 0.2s ease;
}

._action-btn_1al1j_119:hover {
  opacity: 0.7;
}

/* 按钮图标 - stroke_OFCDIL */
._action-btn_1al1j_119 svg {
  width: 16px;
  height: 16px;
  color: #3F3F46;
  stroke-width: 1.33px;
  transition: color 0.2s ease, fill 0.2s ease;
}

/* 按钮激活状态 - 点赞/点踩选中 */
._action-btn-active_1al1j_144 svg {
  color: #10B981;
  fill: #10B981;
}

/* 搜索结果项 */
._search-result-item_1al1j_150 {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 6px;
  gap: 4px;
  background: #FAFAFA;
  border-radius: 6px;
  cursor: pointer;
  transition: background 0.2s ease;
}

._search-result-item_1al1j_150:hover {
  background: #F4F4F5;
}

._search-result-header_1al1j_166 {
  display: flex;
  align-items: center;
  width: 100%;
  gap: 4px;
  height: 16px;
}

._source-icon_1al1j_174 {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 1px solid #FFFFFF;
  -o-object-fit: cover;
     object-fit: cover;
  flex-shrink: 0;
  background: #E4E4E7;
}

._source-name_1al1j_184 {
  font-family: Roboto, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.33;
  color: #27272A;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

._result-title_1al1j_195 {
  font-family: Roboto, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.54;
  color: #0A0A0A;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

._result-description_1al1j_206 {
  font-family: Roboto, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.5;
  color: #52525B;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* 底部 Source 汇总 */
._source-summary_1al1j_218 {
  display: flex;
  align-items: center;
  gap: 8px;
}

._source-label_1al1j_224 {
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.7142857142857142;
  color: #0A0A0A;
}

/* 来源图标堆叠 */
._source-icon-stack_1al1j_233 {
  display: flex;
  align-items: center;
  gap: -4px;
}

._stacked-icon_1al1j_239 {
  width: 16px;
  height: 16px;
  border-radius: 99px;
  border: 1px solid #FFFFFF;
  -o-object-fit: cover;
     object-fit: cover;
  background: #E4E4E7;
  margin-left: -4px;
}

._stacked-icon_1al1j_239:first-child {
  margin-left: 0;
}
._web-search-loading-card_118gt_1 {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 4px;
  gap: 4px;
  background: #FAFAFA;
  border-radius: 6px;
}

._loading-icon_118gt_11 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  flex-shrink: 0;
}

._loading-text_118gt_20 {
  font-family: Roboto, 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_11m10_1 {
    height: 100%;
    /* 禁用浏览器的滚动锚定功能，防止与 react-virtuoso 的 firstItemIndex 机制冲突 */
    overflow-anchor: none;

    ._main-chat-panel-message-list-item_11m10_6 {
        padding-left: 16px;
        padding-right: 16px;
        padding-bottom: 16px;

        &._last_11m10_11 {
            padding-bottom: 8px;
        }
    }
}
._main-chat-panel-user-guide_ngr5m_1 {
    ._main-chat-panel-user-guide-header_ngr5m_2 {
        display: flex;
        align-items: center;
        gap: 8px;

        ._main-chat-panel-user-guide-header-icon_ngr5m_7 {
            flex-shrink: 0;
        }
        
        ._main-chat-panel-user-guide-header-content_ngr5m_11 {
            flex-direction: column;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;

            ._main-chat-panel-user-guide-header-content-title_ngr5m_17 {
                color: #000;
                font-size: 14px;
                font-weight: 300;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;              
            }

            ._main-chat-panel-user-guide-header-content-description_ngr5m_26 {
                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;
            }
        }
    }

    ._main-chat-panel-user-guide-body_ngr5m_39 {
        gap: 13px;
        margin-top: 34px;
        margin-bottom: -14px;

        ._main-chat-panel-user-guide-prompt-button_ngr5m_44 {
            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;
  }
}
/**
 * 图像模型详情卡片样式
 * 浅色主题设计，用于在下拉菜单 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;
}


/**
 * 视频模型详情卡片样式
 * 与图片模型卡片保持一致的设计
 */

.video-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: 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;
}

/* 模型描述 */
.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: #ef4444;
}

/* 进度条 */
.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;
}


._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;
}

._card_3yfd0_1 {
  width: 291px;
  text-align: left;
}

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

._headerContent_3yfd0_10 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  width: 100%;
}

._avatar_3yfd0_18 {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  overflow: hidden;
  flex-shrink: 0;
}

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

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

._title_3yfd0_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_3yfd0_53 {
  flex-shrink: 0;
  margin-left: auto;
  width: 24px !important;
  height: 24px !important;
}

._content_3yfd0_60 {
  padding: 16px 20px;
  gap: 16px;
}

._field_3yfd0_65 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  width: 100%;
}

._imageField_3yfd0_72 {
  display: flex;
  flex-direction: row;
  gap: 4px;
  width: 100%;
}

._label_3yfd0_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_3yfd0_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_3yfd0_104 {
  display: flex;
  gap: 4px;
  align-items: center;
}

._referenceImageImg_3yfd0_110 {
  width: 60px;
  height: 60px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 4px;
}

._actionsWrapper_3yfd0_117 {
  display: flex;
  align-items: end;
  flex: 1;
}

._actions_3yfd0_117 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  width: 100%;
}

._regenerateButton_3yfd0_131 {
  flex: 1;
}

._copyButton_3yfd0_135 {
  flex-shrink: 0;
}

._disabled_3yfd0_139 {
  cursor: not-allowed;
}

._textWrapper_3yfd0_143 {
  max-height: 200px;
  overflow-y: scroll;
  overflow-x: hidden;
}

._emptyState_3yfd0_149 {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px 0;
}

._emptyText_3yfd0_156 {
  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_1ftwd_1 {
    display: flex;
    flex-direction: column;
    gap: 8px;
    text-decoration: none;
    color: inherit;
    cursor: pointer;
    width: 100%;
    min-width: 0;
}

._card_1ftwd_1:focus {
    outline: none;
}

/* 图片容器 - 1:1 正方形比例 */
._imageWrapper_1ftwd_17 {
    position: relative;
    width: 100%;
    aspect-ratio: 1 / 1;
    border-radius: 12px;
    overflow: hidden;
    background: #f8f8f8;
}

._skeleton_1ftwd_26 {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border-radius: 0;
}

._image_1ftwd_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_1ftwd_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;
}

._card_1ftwd_1:hover ._image_1ftwd_17,
._card_1ftwd_1:hover ._video_1ftwd_44 {
    transform: scale(1.05);
    filter: brightness(1.08);
}

._placeholderWrapper_1ftwd_60 {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f8f8f8;
    transition: transform 0.3s ease-out;
}

._placeholderWrapper_1ftwd_60 svg {
    transition: transform 0.3s ease-out;
}

._card_1ftwd_1:hover ._placeholderWrapper_1ftwd_60 {
    transform: scale(1.05);
}

/* 内容区域 */
._content_1ftwd_79 {
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 100%;
}

/* 标题 - 单行省略 */
._title_1ftwd_87 {
    color: var(--zinc-800, #09090b);
    font-family: 'Outfit', 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_1ftwd_101 {
    color: var(--zinc-500, #71717A);
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    /* 固定高度确保两行 */
    height: calc(20px * 2);
}

/* Skeleton 样式 */
._skeletonTitle_1ftwd_119 {
    height: 20px;
    width: 70%;
    border-radius: 4px;
}

._skeletonDescription_1ftwd_125 {
    height: 40px;
    width: 100%;
    border-radius: 4px;
}

@media (max-width: 768px) {
    ._imageWrapper_1ftwd_17 {
        border-radius: 10px;
    }

    ._title_1ftwd_87 {
        font-size: 14px;
    }

    ._description_1ftwd_101 {
        font-size: 14px;
        line-height: 20px;
        height: calc(20px * 2);
    }
}
._slotItem_pbl5p_1 {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
  height: 100%;
}

/* 单个块组件时的样式 - 固定高度 238px */
._slotItemSingle_pbl5p_10 {
  gap: 16px;
  height: auto;
}

/* 两个块组件并排时的样式 - 固定高度 180px */
._slotItemTwoBlocks_pbl5p_16 {
  gap: 16px;
  height: auto;
}

/* 可滚动布局时的样式 - 固定高度 180px */
._slotItemScrollable_pbl5p_22 {
  gap: 16px;
  height: auto;
}

._slotHeader_pbl5p_27 {
  display: flex;
  align-items: flex-start;
  gap: 2px;
  flex-shrink: 0;
  min-height: 21px;
}

._slotName_pbl5p_35 {
  font-family: 'Outfit', sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 1.3;
  letter-spacing: 0.16px;
  color: #18181b;
}

._required_pbl5p_44 {
  color: #ef4444;
  font-size: 16px;
  line-height: 1.3;
}

._slotContent_pbl5p_50 {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
}

/* 覆盖上传组件的高度，使其填满容器 */
._slotContent_pbl5p_50 > div {
  flex: 1;
  height: 100%;
  min-height: 180px;
}

/* 单个块组件时，上传区域固定高度 238px */
._slotItemSingle_pbl5p_10 ._slotContent_pbl5p_50 {
  flex: none;
  height: 238px;
}

._slotItemSingle_pbl5p_10 ._slotContent_pbl5p_50 > div {
  flex: none;
  height: 238px;
  min-height: 238px;
}

/* 两个块组件并排时，上传区域固定高度 180px */
._slotItemTwoBlocks_pbl5p_16 ._slotContent_pbl5p_50 {
  flex: none;
  height: 180px;
}

._slotItemTwoBlocks_pbl5p_16 ._slotContent_pbl5p_50 > div {
  flex: none;
  height: 180px;
  min-height: 180px;
}

/* 可滚动布局时，上传区域固定高度 180px */
._slotItemScrollable_pbl5p_22 ._slotContent_pbl5p_50 {
  flex: none;
  height: 180px;
}

._slotItemScrollable_pbl5p_22 ._slotContent_pbl5p_50 > div {
  flex: none;
  height: 180px;
  min-height: 180px;
}

/* 覆盖文本输入框的高度 */
._slotContent_pbl5p_50 > textarea {
  flex: 1;
  height: 100%;
  min-height: 180px;
  resize: none;
}

/* 单个块组件时，文本输入框固定高度 */
._slotItemSingle_pbl5p_10 ._slotContent_pbl5p_50 > textarea {
  flex: none;
  height: 238px;
  min-height: 238px;
}

/* 两个块组件并排时，文本输入框固定高度 */
._slotItemTwoBlocks_pbl5p_16 ._slotContent_pbl5p_50 > textarea {
  flex: none;
  height: 180px;
  min-height: 180px;
}

/* 可滚动布局时，文本输入框固定高度 */
._slotItemScrollable_pbl5p_22 ._slotContent_pbl5p_50 > textarea {
  flex: none;
  height: 180px;
  min-height: 180px;
}
._blockGrid_uvk9x_1 {
  display: grid;
  gap: 32px 20px; /* 行间距 32px，列间距 20px */
  width: 100%;
  min-height: 0;
}

/* 弹性布局 - 填充可用空间（固定两行布局时使用） */
._blockGridFlex_uvk9x_9 {
  height: 100%;
}

/* 固定高度布局 - 单个块组件或两个并排块组件 */
._blockGridFixed_uvk9x_14 {
  height: auto;
}

._gridItem_uvk9x_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_1w8up_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', sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 16px;
  color: #09090b;
  transition: opacity 0.2s;
  flex-shrink: 0;
}

._generateButton_1w8up_1:hover:not(:disabled) {
  opacity: 0.9;
}

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

._loadingIcon_1w8up_30 {
  animation: _spin_1w8up_1 1s linear infinite;
}

@keyframes _spin_1w8up_1 {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
._container_oqtid_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_oqtid_1 {
        border-radius: 12px;
        max-width: 100%;
    }
}

/* Left Panel - Form */
._formPanel_oqtid_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_oqtid_22 {
        width: 100%;
        height: 100%;
        max-height: none;
        min-width: 0;
        flex-shrink: 1;
        padding: 24px 16px;
    }
}

._header_oqtid_47 {
    display: flex;
    flex-direction: column;
    gap: 8px;
    flex-shrink: 0;
}

._title_oqtid_54 {
    font-family: 'Outfit', sans-serif;
    font-weight: 500;
    font-size: 24px;
    line-height: 1.3;
    letter-spacing: 0.24px;
    color: #09090b;
    margin: 0;
    height: 36px;
    display: flex;
    align-items: center;
}

._description_oqtid_67 {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: #71717a;
    margin: 0;
}

/* 可滚动区域 - 包含 Header 和 Content */
._scrollableArea_oqtid_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_oqtid_90 {
    flex: 1;
    overflow-y: auto;
}

/* 固定布局 - 允许在高度不足时滚动 */
._scrollableAreaFixed_oqtid_96 {
    flex: 1;
    overflow-y: auto;
}

/* 内容区域 - 基础样式 */
._content_oqtid_102 {
    display: flex;
    flex-direction: column;
    min-height: 0;
    margin-top: 32px;
}

/* 滚动布局时内容不需要额外样式 */
._contentScrollable_oqtid_110 {
    /* 内容区域在滚动布局时不需要 flex: 1 */
}

/* 固定布局 - 内容区域使用 flex: 1 来填满并让两行等高 */
._contentFixed_oqtid_115 {
    flex: 1;
    min-height: 0;
}

/* 块区域容器 */
._blockSection_oqtid_121 {
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
}

/* 可扩展的块区域（固定布局时使用） */
._blockSectionFlex_oqtid_128 {
    flex: 1;
    min-height: 0;
}

._rowSection_oqtid_133 {
    flex-shrink: 0;
}

._footer_oqtid_137 {
    flex-shrink: 0;
}

/* Right Panel - Preview */
._previewPanel_oqtid_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_oqtid_142 {
        display: none;
    }
}

._previewLabel_oqtid_162 {
    position: absolute;
    top: 16px;
    left: 16px;
    background: rgba(255, 255, 255, 0.9);
    padding: 6px 16px;
    border-radius: 8px;
    font-family: 'Roboto', 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_oqtid_179 {
    width: calc(100% - 32px);
    height: calc(100% - 128px);
    margin: 64px 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

._previewImage_oqtid_179 {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
}

._previewVideo_oqtid_195 {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
}

._previewImagePlaceholder_oqtid_201 {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #a1a1aa;
}

._previewImagePlaceholder_oqtid_201 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%;
}
.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;
            }
        }
    }
}.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;
}.add-more-credit-dialog-content {
    z-index: 10000;

    .add-more-credit-dialog-purchase-list {
        margin-top: 16px;
        margin-bottom: 16px;
        display: flex;
        flex-direction: column;
        gap: 8px;

        .add-more-credit-dialog-purchase-list-item {
            display: flex;
            height: 40px;
            flex-direction: row;
            align-items: center;
            gap: 16px;
            border-radius: 8px;
            padding: 16px;
            cursor: pointer;

            &.selected,
            &:hover {
                background-color: #f0f0f0;
            }

            .add-more-credit-dialog-purchase-list-item-label {
                flex: 1;
                flex-direction: row;
                justify-content: space-between;
                align-items: center;
            }
        }
    }

    .add-more-credit-dialog-purchase-button-wrapper {
        display: flex;
        justify-content: center;
        align-items: center;

        .purchase-button {
            border-radius: 8px;
            padding-top: 8px;
            padding-bottom: 8px;
        }
        
    }
}.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% */
            }
        }
    }
}.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-space-y-reverse:0;--tw-space-x-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-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-yellow-50:oklch(98.7% .026 102.212);--color-yellow-100:oklch(97.3% .071 103.193);--color-yellow-200:oklch(94.5% .129 101.54);--color-yellow-300:oklch(90.5% .182 98.111);--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-50:oklch(98.2% .018 155.826);--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-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-green-800:oklch(44.8% .119 151.328);--color-emerald-500:oklch(69.6% .17 162.48);--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-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-slate-100:oklch(96.8% .007 247.896);--color-slate-200:oklch(92.9% .013 255.508);--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-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-2xl:42rem;--container-3xl:48rem;--container-4xl:56rem;--container-5xl:64rem;--container-6xl:72rem;--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-widest:.1em;--leading-tight:1.25;--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-\[3px\]{inset:3px}.inset-x-0{inset-inline:calc(var(--spacing)*0)}.-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-\[20px\]{top:-20px}.-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-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-\[21px\]{top:21px}.top-\[31px\]{top:31px}.top-\[32px\]{top:32px}.top-\[40px\]{top:40px}.top-\[50\%\]{top:50%}.top-\[calc\(100\%\+4px\)\]{top:calc(100% + 4px)}.top-full{top:100%}.-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-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-5{right:calc(var(--spacing)*5)}.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-\[-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-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-\[20px\]{left:-20px}.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-\[14px\]{left:14px}.left-\[17px\]{left:17px}.left-\[50\%\]{left:50%}.left-full{left:100%}.\!z-10{z-index:10!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-40{z-index:40}.z-50{z-index:50}.z-1000{z-index:1000}.z-\[45\]{z-index:45}.z-\[100\]{z-index:100}.z-\[1000\]{z-index:1000}.z-\[1001\]{z-index:1001}.z-\[9999\]{z-index:9999}.z-\[10000\]{z-index:10000}.z-\[999999\]{z-index:999999}.z-\[100000000000000\]{z-index:2147483647}.order-first{order:-9999}.order-last{order:9999}.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-4{margin-inline:calc(var(--spacing)*-4)}.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-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-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-\[44px\]{margin-right:44px}.\!mb-2{margin-bottom:calc(var(--spacing)*2)!important}.-mb-\[2px\]{margin-bottom:-2px}.-mb-\[66px\]{margin-bottom:-66px}.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-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-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\.5{margin-left:calc(var(--spacing)*.5)}.ml-1{margin-left:calc(var(--spacing)*1)}.ml-2{margin-left:calc(var(--spacing)*2)}.ml-4{margin-left:calc(var(--spacing)*4)}.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}.\!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-\[4\/3\]{aspect-ratio:4/3}.aspect-\[176\/96\]{aspect-ratio:176/96}.aspect-\[178\/100\]{aspect-ratio:178/100}.aspect-square{aspect-ratio:1}.aspect-video{aspect-ratio:var(--aspect-video)}.size-\(--cell-size\){width:var(--cell-size);height:var(--cell-size)}.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-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-\[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-auto{height:auto!important}.\!h-full{height:100%!important}.h-\(--cell-size\){height:var(--cell-size)}.h-0{height:calc(var(--spacing)*0)}.h-0\.5{height:calc(var(--spacing)*.5)}.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-\[3px\]{height:3px}.h-\[6px\]{height:6px}.h-\[7px\]{height:7px}.h-\[8px\]{height:8px}.h-\[9px\]{height:9px}.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-\[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-\[40vh\]{height:40vh}.h-\[42px\]{height:42px}.h-\[47px\]{height:47px}.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-\[72px\]{height:72px}.h-\[74px\]{height:74px}.h-\[78px\]{height:78px}.h-\[80px\]{height:80px}.h-\[92px\]{height:92px}.h-\[96px\]{height:96px}.h-\[100px\]{height:100px}.h-\[100vh\]{height:100vh}.h-\[120px\]{height:120px}.h-\[128px\]{height:128px}.h-\[142px\]{height:142px}.h-\[156px\]{height:156px}.h-\[167px\]{height:167px}.h-\[200px\]{height:200px}.h-\[276px\]{height:276px}.h-\[286px\]{height:286px}.h-\[310px\]{height:310px}.h-\[580px\]{height:580px}.h-\[590px\]{height:590px}.h-\[600px\]{height:600px}.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-\[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-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-\[38vh\]{max-height:38vh}.max-h-\[50vh\]{max-height:50vh}.max-h-\[87vh\]{max-height:87vh}.max-h-\[200px\]{max-height:200px}.max-h-\[272px\]{max-height:272px}.max-h-\[300px\]{max-height:300px}.max-h-\[600px\]{max-height:600px}.max-h-full{max-height:100%}.min-h-0{min-height:calc(var(--spacing)*0)}.min-h-9{min-height:calc(var(--spacing)*9)}.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-\[18px\]{min-height:18px}.min-h-\[52px\]{min-height:52px}.min-h-\[60px\]{min-height:60px}.min-h-\[80px\]{min-height:80px}.min-h-\[98px\]{min-height:98px}.min-h-\[120px\]{min-height:120px}.min-h-\[150px\]{min-height:150px}.min-h-\[180px\]{min-height:180px}.min-h-\[350px\]{min-height:350px}.min-h-\[580px\]{min-height:580px}.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\/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-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-\[12px\]{width:12px}.w-\[14px\]{width:14px}.w-\[16px\]{width:16px}.w-\[18px\]{width:18px}.w-\[28px\]{width:28px}.w-\[34px\]{width:34px}.w-\[38px\]{width:38px}.w-\[47px\]{width:47px}.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-\[78px\]{width:78px}.w-\[80\%\]{width:80%}.w-\[80px\]{width:80px}.w-\[90px\]{width:90px}.w-\[96px\]{width:96px}.w-\[98px\]{width:98px}.w-\[100px\]{width:100px}.w-\[100vw\]{width:100vw}.w-\[120\%\]{width:120%}.w-\[120px\]{width:120px}.w-\[123px\]{width:123px}.w-\[124px\]{width:124px}.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-\[165px\]{width:165px}.w-\[170px\]{width:170px}.w-\[176px\]{width:176px}.w-\[180px\]{width:180px}.w-\[184px\]{width:184px}.w-\[186px\]{width:186px}.w-\[190px\]{width:190px}.w-\[194px\]{width:194px}.w-\[200px\]{width:200px}.w-\[209px\]{width:209px}.w-\[228px\]{width:228px}.w-\[230px\]{width:230px}.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-\[278px\]{width:278px}.w-\[279px\]{width:279px}.w-\[280px\]{width:280px}.w-\[300px\]{width:300px}.w-\[328px\]{width:328px}.w-\[340px\]{width:340px}.w-\[348px\]{width:348px}.w-\[360px\]{width:360px}.w-\[386px\]{width:386px}.w-\[420px\]{width:420px}.w-\[440px\]{width:440px}.w-\[450px\]{width:450px}.w-\[980px\]{width:980px}.w-\[1248px\]{width:1248px}.w-\[calc\(100\%\+2rem\)\]{width:calc(100% + 2rem)}.w-\[calc\(100\%-8px\)\]{width:calc(100% - 8px)}.w-\[fit-content\]{width:-moz-fit-content;width:fit-content}.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-80{max-width:calc(var(--spacing)*80)}.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-\[240px\]{max-width:240px}.max-w-\[250px\]{max-width:250px}.max-w-\[280px\]{max-width:280px}.max-w-\[320px\]{max-width:320px}.max-w-\[340px\]{max-width:340px}.max-w-\[360px\]{max-width:360px}.max-w-\[400px\]{max-width:400px}.max-w-\[420px\]{max-width:420px}.max-w-\[480px\]{max-width:480px}.max-w-\[640px\]{max-width:640px}.max-w-\[680px\]{max-width:680px}.max-w-\[960px\]{max-width:960px}.max-w-\[980px\]{max-width:980px}.max-w-\[1320px\]{max-width:1320px}.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-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-sm{max-width:var(--container-sm)}.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-28{min-width:calc(var(--spacing)*28)}.min-w-\[8rem\]{min-width:8rem}.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-\[160px\]{min-width:160px}.min-w-\[180px\]{min-width:180px}.min-w-\[200px\]{min-width:200px}.min-w-\[240px\]{min-width:240px}.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%}.flex-1{flex:1}.flex-none{flex:none}.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%}.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)}.-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}.skew-x-\[-12deg\]{--tw-skew-x:skewX(-12deg);transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.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-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}.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-4{grid-template-columns:repeat(4,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}.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-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-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-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)))}: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)))}.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}.overflow-y-hidden{overflow-y:hidden}.overflow-y-visible{overflow-y:visible}.\!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-\[3\.5px\]{border-radius:3.5px}.rounded-\[4\.667px\]{border-radius:4.667px}.rounded-\[4px\]{border-radius:4px}.rounded-\[5px\]{border-radius:5px}.rounded-\[6px\]{border-radius:6px}.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-\[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-\[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-\[7px\]{border-top-right-radius:7px}.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-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-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\.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-\[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-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-\[\#3f3f464d\]{border-color:#3f3f464d}.border-\[\#716afd\]\/12{border-color:oklab(61.0882% .0375743 -.208476/.12)}.border-\[\#79747e\]{border-color:#79747e}.border-\[\#171717\]{border-color:#171717}.border-\[\#CDCDCD\]{border-color:#cdcdcd}.border-\[\#E4E4E7\]\/40{border-color:oklab(91.9729% .00113273 -.00386906/.4)}.border-\[\#E5E5E5\]{border-color:#e5e5e5}.border-\[\#d4d4d4\]{border-color:#d4d4d4}.border-\[\#e4e4e7\]{border-color:#e4e4e7}.border-\[\#e5e5e5\]{border-color:#e5e5e5}.border-\[\#fff\]{border-color:#fff}.border-\[rgba\(63\,63\,70\,0\.30\)\]{border-color:#3f3f464d}.border-\[rgba\(228\,228\,231\,0\.4\)\]{border-color:#e4e4e766}.border-\[rgba\(228\,228\,231\,0\.5\)\]{border-color:#e4e4e780}.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-black\/50{border-color:#00000080}@supports (color:color-mix(in lab, red, red)){.border-black\/50{border-color:color-mix(in oklab,var(--color-black)50%,transparent)}}.border-blue-400{border-color:var(--color-blue-400)}.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\/40{border-color:#3080ff66}@supports (color:color-mix(in lab, red, red)){.border-blue-500\/40{border-color:color-mix(in oklab,var(--color-blue-500)40%,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-destructive{border-color:var(--destructive)}.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-green-200{border-color:var(--color-green-200)}.border-input{border-color:var(--input)}.border-lime-500{border-color:var(--color-lime-500)}.border-neutral-200{border-color:var(--color-neutral-200)}.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-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-yellow-200{border-color:var(--color-yellow-200)}.border-yellow-600{border-color:var(--color-yellow-600)}.border-zinc-200{border-color:var(--color-zinc-200)}.border-zinc-500{border-color:var(--color-zinc-500)}.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-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-bg-modal{background-color:var(--bg-modal)!important}.\!bg-transparent{background-color:#0000!important}.bg-\[\#2b7fff\]{background-color:#2b7fff}.bg-\[\#3ECF8E\]\/12{background-color:oklab(76.2395% -.144463 .0544292/.12)}.bg-\[\#3f3f46bf\]{background-color:#3f3f46bf}.bg-\[\#3f3f464d\]{background-color:#3f3f464d}.bg-\[\#3f3f4633\]{background-color:#3f3f4633}.bg-\[\#5bb899\]{background-color:#5bb899}.bg-\[\#93c5fd\]{background-color:#93c5fd}.bg-\[\#94A3B8\]\/20{background-color:oklab(71.0672% -.00802556 -.0341849/.2)}.bg-\[\#716AFD\]\/20{background-color:oklab(61.0882% .0375743 -.208476/.2)}.bg-\[\#716afd\]\/10{background-color:oklab(61.0882% .0375743 -.208476/.1)}.bg-\[\#171717\]{background-color:#171717}.bg-\[\#202020\]{background-color:#202020}.bg-\[\#232620\]{background-color:#232620}.bg-\[\#E6E6E6\]\/50{background-color:oklab(92.494% -5.96046e-8 5.96046e-8/.5)}.bg-\[\#EAEAEA\]{background-color:#eaeaea}.bg-\[\#F0F0F0\]{background-color:#f0f0f0}.bg-\[\#F0F7E5\]{background-color:#f0f7e5}.bg-\[\#F3F3F3\]{background-color:#f3f3f3}.bg-\[\#F4F4F5\]{background-color:#f4f4f5}.bg-\[\#F5F5F5\]{background-color:#f5f5f5}.bg-\[\#a3a3a3\]{background-color:#a3a3a3}.bg-\[\#d5faf4\]{background-color:#d5faf4}.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-\[\#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-\[\#f8f8f8\]{background-color:#f8f8f8}.bg-\[\#f9f9f9\]{background-color:#f9f9f9}.bg-\[\#fafafa\]{background-color:#fafafa}.bg-\[\#fbfbf8\]{background-color:#fbfbf8}.bg-\[\#ffcd77\]{background-color:#ffcd77}.bg-\[\#ffdd9a\]{background-color:#ffdd9a}.bg-\[rgba\(0\,0\,0\,0\.85\)\]{background-color:#000000d9}.bg-\[rgba\(9\,9\,11\,0\.20\)\]{background-color:#09090b33}.bg-\[rgba\(59\,130\,246\,0\.32\)\]{background-color:#3b82f652}.bg-\[rgba\(63\,63\,70\,0\.2\)\]{background-color:#3f3f4633}.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\(223\,225\,241\,0\.70\)\]{background-color:#dfe1f1b3}.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\(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-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-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\/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\/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\/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\/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{background-color:var(--destructive)}.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\/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-900{background-color:var(--color-gray-900)}.bg-green-50{background-color:var(--color-green-50)}.bg-green-100{background-color:var(--color-green-100)}.bg-green-200{background-color:var(--color-green-200)}.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\/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\/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\/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-neutral-100{background-color:var(--color-neutral-100)}.bg-neutral-200{background-color:var(--color-neutral-200)}.bg-neutral-300{background-color:var(--color-neutral-300)}.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-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-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-500{background-color:var(--color-red-500)}.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-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\/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-yellow-50{background-color:var(--color-yellow-50)}.bg-yellow-100{background-color:var(--color-yellow-100)}.bg-yellow-200{background-color:var(--color-yellow-200)}.bg-yellow-400\/8{background-color:#fac80014}@supports (color:color-mix(in lab, red, red)){.bg-yellow-400\/8{background-color:color-mix(in oklab,var(--color-yellow-400)8%,transparent)}}.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-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-600{background-color:var(--color-zinc-600)}.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-linear-to-r{--tw-gradient-position:to right}@supports (background-image:linear-gradient(in lab, red, red)){.bg-linear-to-r{--tw-gradient-position:to right in oklab}}.bg-linear-to-r{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-\[\#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-\[\#f87171\]{--tw-gradient-from:#f87171;--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-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-red-400{--tw-gradient-from:var(--color-red-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-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-white{--tw-gradient-from:var(--color-white);--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-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-\[\#e2e8f0\]{--tw-gradient-to:#e2e8f0;--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-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-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-slate-200{--tw-gradient-to:var(--color-slate-200);--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))}.to-zinc-400{--tw-gradient-to:var(--color-zinc-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))}.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}.\!p-0{padding:calc(var(--spacing)*0)!important}.\!p-2{padding:calc(var(--spacing)*2)!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-\[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\.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-12{padding-inline:calc(var(--spacing)*12)}.px-20{padding-inline:calc(var(--spacing)*20)}.px-\[8px\]{padding-inline:8px}.px-\[13px\]{padding-inline:13px}.px-\[14px\]{padding-inline:14px}.px-\[30px\]{padding-inline:30px}.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-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-\[30px\]{padding-block:30px}.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-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-\[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-\[4px\]{padding-right:4px}.pr-\[6px\]{padding-right:6px}.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-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-5{padding-bottom:calc(var(--spacing)*5)}.pb-6{padding-bottom:calc(var(--spacing)*6)}.pb-8{padding-bottom:calc(var(--spacing)*8)}.pb-12{padding-bottom:calc(var(--spacing)*12)}.pb-16{padding-bottom:calc(var(--spacing)*16)}.pb-20{padding-bottom:calc(var(--spacing)*20)}.pb-\[6px\]{padding-bottom:6px}.pb-\[14px\]{padding-bottom:14px}.\!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-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}.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-\[\'Outfit\'\]{font-family:Outfit}.font-\[\'Roboto\'\,\'Inter\'\,system-ui\,-apple-system\,sans-serif\]{font-family:Roboto,Inter,system-ui,-apple-system,sans-serif}.font-\[\'Roboto_Serif\'\,serif\]{font-family:Roboto Serif,serif}.font-\[\'Roboto_Serif\'\]{font-family:Roboto Serif}.font-\[Roboto\,sans-serif\]{font-family:Roboto,sans-serif}.font-mono{font-family:var(--font-mono)}.font-sans{font-family:var(--font-sans)}.\!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-\[0\.8rem\]{font-size:.8rem}.text-\[1rem\]{font-size:1rem}.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-\[16px\]{font-size:16px}.text-\[18px\]{font-size:18px}.text-\[20px\]{font-size:20px}.text-\[28px\]{font-size:28px}.text-\[32px\]{font-size:32px}.text-\[40px\]{font-size:40px}.text-\[56px\]{font-size:56px}.\!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\.3\]{--tw-leading:1.3;line-height:1.3}.leading-\[1\.5\]{--tw-leading:1.5;line-height:1.5}.leading-\[1\.7\]{--tw-leading:1.7;line-height:1.7}.leading-\[1\.14em\]{--tw-leading:1.14em;line-height:1.14em}.leading-\[1\.33em\]{--tw-leading:1.33em;line-height:1.33em}.leading-\[1\.43em\]{--tw-leading:1.43em;line-height:1.43em}.leading-\[1\.54em\]{--tw-leading:1.54em;line-height:1.54em}.leading-\[1\.73em\]{--tw-leading:1.73em;line-height:1.73em}.leading-\[10px\]{--tw-leading:10px;line-height:10px}.leading-\[16px\]{--tw-leading:16px;line-height:16px}.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-\[25\.481px\]{--tw-leading:25.481px;line-height:25.481px}.leading-\[28\.878px\]{--tw-leading:28.878px;line-height:28.878px}.leading-\[60px\]{--tw-leading:60px;line-height:60px}.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-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\.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\.14px\]{--tw-tracking:.14px;letter-spacing:.14px}.tracking-\[0\.16px\]{--tw-tracking:.16px;letter-spacing:.16px}.tracking-\[0\.18px\]{--tw-tracking:.18px;letter-spacing:.18px}.tracking-\[0\.32px\]{--tw-tracking:.32px;letter-spacing:.32px}.tracking-\[0\.54px\]{--tw-tracking:.54px;letter-spacing:.54px}.tracking-\[0\.065px\]{--tw-tracking:.065px;letter-spacing:.065px}.tracking-\[0\.0822px\]{--tw-tracking:.0822px;letter-spacing:.0822px}.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-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-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-\[\#2A2A2A\]{color:#2a2a2a}.text-\[\#2C4D03\]{color:#2c4d03}.text-\[\#3F3F46\]{color:#3f3f46}.text-\[\#5E5F65\]{color:#5e5f65}.text-\[\#9ca3af\]{color:#9ca3af}.text-\[\#716afd\]{color:#716afd}.text-\[\#888\]{color:#888}.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-\[\#171717\]{color:#171717}.text-\[\#404040\]{color:#404040}.text-\[\#525252\]{color:#525252}.text-\[\#737373\]{color:#737373}.text-\[\#808080\]{color:gray}.text-\[\#AAAAAA\]{color:#aaa}.text-\[\#ACACAC\]{color:#acacac}.text-\[\#CCCCCC\]{color:#ccc}.text-\[\#E4E4E7\]{color:#e4e4e7}.text-\[\#FAFAFA\]{color:#fafafa}.text-\[\#a1a1aa\]{color:#a1a1aa}.text-\[\#a3a3a3\]{color:#a3a3a3}.text-\[\#e4e4e7\]{color:#e4e4e7}.text-\[\#fafafa\]{color:#fafafa}.text-\[rgba\(250\,250\,250\,0\.8\)\]{color:#fafafacc}.text-\[var\(--destructive\)\]{color:var(--destructive)}.text-accent-foreground{color:var(--accent-foreground)}.text-black{color:var(--color-black)}.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-error{color:var(--error)}.text-foreground,.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-500{color:var(--color-green-500)}.text-green-600{color:var(--color-green-600)}.text-green-700{color:var(--color-green-700)}.text-green-800{color:var(--color-green-800)}.text-indigo-700{color:var(--color-indigo-700)}.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-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-500{color:var(--color-purple-500)}.text-purple-600{color:var(--color-purple-600)}.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-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\/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-300{color:var(--color-yellow-300)}.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-yellow-800{color:var(--color-yellow-800)}.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-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-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}.underline{text-decoration-line:underline}.underline-offset-4{text-underline-offset:4px}.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-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_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_4px_20px_rgb\(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-\[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_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_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-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-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-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-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,)}.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,)}.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-\[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-\[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-\[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-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\]{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\]{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-\[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-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{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)}.\[perspective\:500px\]{perspective:500px}.\[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-primary:is(:where(.group):hover *){color:var(--primary)}.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\/image\:opacity-100:is(:where(.group\/image):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-\[\#a3a3a3\]::-moz-placeholder{color:#a3a3a3}.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\/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\: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-\[\#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-zinc-300:hover{border-color:var(--color-zinc-300)}.hover\:bg-\[\#3f3f46\]:hover{background-color:#3f3f46}.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-\[\#E5E5E5\]:hover{background-color:#e5e5e5}.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-\[\#E8F0DC\]:hover{background-color:#e8f0dc}.hover\:bg-\[\#F4F4F5\]:hover{background-color:#f4f4f5}.hover\:bg-\[\#F7F7F7\]:hover{background-color:#f7f7f7}.hover\:bg-\[\#e4e4e7\]:hover{background-color:#e4e4e7}.hover\:bg-\[\#e8eaee\]:hover{background-color:#e8eaee}.hover\:bg-\[\#ebebeb\]:hover{background-color:#ebebeb}.hover\:bg-\[\#f3f2f2\]\/50:hover{background-color:oklab(96.1917% .00102338 .000316381/.5)}.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\(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\(255\,255\,255\,0\.1\)\]:hover{background-color:#ffffff1a}.hover\:bg-\[rgba\(255\,255\,255\,0\.08\)\]:hover{background-color:#ffffff14}.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-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-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-800:hover{background-color:var(--color-gray-800)}.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-800:hover{background-color:var(--color-neutral-800)}.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-purple-700:hover{background-color:var(--color-purple-700)}.hover\:bg-red-600:hover{background-color:var(--color-red-600)}.hover\:bg-red-700:hover{background-color:var(--color-red-700)}.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-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-zinc-100:hover{background-color:var(--color-zinc-100)}.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\: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\:text-\[\#171717\]:hover{color:#171717}.hover\:text-\[\#404040\]:hover{color:#404040}.hover\:text-\[\#FAFAFA\]:hover,.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-inherit:hover{color:inherit}.hover\:text-muted-foreground:hover{color:var(--muted-foreground)}.hover\:text-primary:hover{color:var(--primary)}.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\: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-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)}}}.focus\:border-none:focus{--tw-border-style:none;border-style:none}.focus\:border-\[\#171717\]:focus{border-color:#171717}.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-\[rgba\(255\,255\,255\,0\.08\)\]:focus{background-color:#ffffff14}.focus\:bg-accent:focus{background-color:var(--accent)}.focus\:bg-transparent:focus{background-color:#0000}.focus\:text-\[\#27272A\]:focus{color:#27272a}.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\: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\/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-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\:cursor-grabbing:active{cursor:grabbing}.active\:bg-\[rgba\(223\,225\,241\,0\.70\)\]:active{background-color:#dfe1f1b3}.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\:opacity-50:disabled{opacity:.5}.disabled\:opacity-60:disabled{opacity:.6}.disabled\:opacity-70:disabled{opacity:.7}@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-\[\#F5F5F5\][data-highlighted]{background-color:#f5f5f5}.data-\[highlighted\]\:bg-transparent[data-highlighted]{background-color:#0000}.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-\[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-\[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-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-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-primary[data-state=checked]{border-color:var(--primary)}.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-primary-foreground[data-state=checked]{color:var(--primary-foreground)}.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-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-zinc-100[data-state=open]{background-color:var(--color-zinc-100)}.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-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 (min-width:40rem){.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-1{height:calc(var(--spacing)*1)}.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-1\.5{width:calc(var(--spacing)*1.5)}.sm\:w-4{width:calc(var(--spacing)*4)}.sm\:w-6{width:calc(var(--spacing)*6)}.sm\:w-auto{width:auto}.sm\:\!max-w-\[500px\]{max-width:500px!important}.sm\:\!max-w-none{max-width:none!important}.sm\:max-w-\[360px\]{max-width:360px}.sm\:max-w-\[380px\]{max-width:380px}.sm\:max-w-\[431px\]{max-width:431px}.sm\:max-w-\[690px\]{max-width:690px}.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-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-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\: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-4{padding-block:calc(var(--spacing)*4)}.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-\[13px\]{font-size:13px}.sm\:text-\[14px\]{font-size:14px}.sm\:text-\[15px\]{font-size:15px}.sm\:text-\[20px\]{font-size:20px}.sm\:text-\[22px\]{font-size:22px}.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\:mt-0{margin-top:calc(var(--spacing)*0)}.md\:mt-\[40px\]{margin-top:40px}.md\:block{display:block}.md\:flex{display:flex}.md\:hidden{display:none}.md\:w-10{width:calc(var(--spacing)*10)}.md\:w-\[270px\]{width:270px}.md\:w-auto{width:auto}.md\:max-w-\[400px\]{max-width:400px}.md\:max-w-\[420px\]{max-width:420px}.md\:flex-1{flex:1}.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\:flex-row{flex-direction:row}.md\:items-center{align-items:center}.md\:items-start{align-items:flex-start}.md\:gap-1\.5{gap:calc(var(--spacing)*1.5)}.md\:gap-5{gap:calc(var(--spacing)*5)}.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\:py-24{padding-block:calc(var(--spacing)*24)}.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-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-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-\[22px\]{font-size:22px}.md\:text-\[24px\]{font-size:24px}}@media (min-width:64rem){.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\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:px-8{padding-inline:calc(var(--spacing)*8)}.lg\:text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}}@media (min-width:80rem){.xl\:-top-\[36\.05px\]{top:-36.05px}.xl\:-left-\[36\.05px\]{left:-36.05px}.xl\:ml-4{margin-left:calc(var(--spacing)*4)}.xl\:h-\[85\.157px\]{height:85.157px}.xl\:h-\[100\.324px\]{height:100.324px}.xl\:h-\[100\.853px\]{height:100.853px}.xl\:h-\[100px\]{height:100px}.xl\:h-\[140\.878px\]{height:140.878px}.xl\:h-\[155px\]{height:155px}.xl\:h-\[173\.104px\]{height:173.104px}.xl\:h-\[610px\]{height:610px}.xl\:w-\[85\.157px\]{width:85.157px}.xl\:w-\[100\.324px\]{width:100.324px}.xl\:w-\[100\.853px\]{width:100.853px}.xl\:w-\[100px\]{width:100px}.xl\:w-\[140\.878px\]{width:140.878px}.xl\:w-\[173\.104px\]{width:173.104px}.xl\:max-w-\[1300px\]{max-width:1300px}.xl\:max-w-\[1440px\]{max-width:1440px}.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.xl\:gap-\[29px\]{gap:29px}.xl\:rounded-\[6\.27px\]{border-radius:6.27px}.xl\:rounded-\[21\.946px\]{border-radius:21.946px}.xl\:px-9{padding-inline:calc(var(--spacing)*9)}.xl\:pr-4{padding-right:calc(var(--spacing)*4)}.xl\:text-\[30px\]{font-size:30px}.xl\:leading-\[30px\]{--tw-leading:30px;line-height:30px}}.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-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\/20:is(.dark *){background-color:var(--fill)}@supports (color:color-mix(in lab, red, red)){.dark\:bg-fill\/20:is(.dark *){background-color:color-mix(in oklab,var(--fill)20%,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-yellow-800:is(.dark *){background-color:var(--color-yellow-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)}}@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\: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\]\: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)}.\[\&_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!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-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);--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);--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}@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-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-space-x-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 loading-icon-rotate{50%{opacity:.3}to{opacity:1}}

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;
}/* 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;
  }
}
/* Footer - Figma node 1903:15146 */
._footer_smawf_2 {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 32px 36px;
    background: #fff;
    width: 100%;
}

._icon_smawf_12 {
    width: 14.391px;
    height: 19.996px;
    flex-shrink: 0;
    -o-object-fit: contain;
       object-fit: contain;
}

._text_smawf_19 {
    font-family: 'Outfit', sans-serif;
    font-size: 16px;
    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_smawf_2 {
        padding: 24px 16px;
    }

    ._text_smawf_19 {
        font-size: 14px;
    }
}
._galleryItem_dp78m_1 {
    position: relative;
    border-radius: 8px;
    overflow: hidden;
    width: 100%;
    height: 100%;
    padding: 0;
    border: none;
    background: none;
    cursor: pointer;
    display: block;
}

._imageWrapper_dp78m_14 {
    position: relative;
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    overflow: hidden;
    margin: -2px;
}

._placeholder_dp78m_22 {
    width: 100%;
    position: relative;
}

._skeleton_dp78m_27 {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}

._image_dp78m_14 {
    width: 100%;
    height: auto;
    display: block;
    -o-object-fit: cover;
       object-fit: cover;
    transition: transform 0.3s ease-out, filter 0.3s ease-out;
}

._galleryItem_dp78m_1:hover ._image_dp78m_14 {
    transform: scale(1.05);
    filter: brightness(1.08);
}

._video_dp78m_50 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    z-index: 1;
}

._videoTag_dp78m_60 {
    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;
}

._overlay_dp78m_74 {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(1deg, rgba(0, 0, 0, 0.47) 0.81%, rgba(0, 0, 0, 0) 90.4%);
    padding: 16px 12px;
    opacity: 0;
    transition: opacity 0.3s ease;
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
    border-radius: 0 0 8px 8px;
    gap: 8px;
    height: 80px;
    z-index: 3;
}

._galleryItem_dp78m_1:hover ._overlay_dp78m_74 {
    opacity: 1;
}

._userInfo_dp78m_97 {
    display: flex;
    align-items: center;
    gap: 8px;
    flex: 1;
    min-width: 0;
}

._userLink_dp78m_105 {
    display: flex;
    align-items: center;
    flex-shrink: 0;
}

._usernameLink_dp78m_111 {
    color: rgba(255, 255, 255, 0.80);
    font-family: Roboto, system-ui, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    margin: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
    text-decoration: none;
}

._usernameLink_dp78m_111:hover {
    text-decoration: underline;
}

._avatar_dp78m_130 {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    flex-shrink: 0;
}

._textInfo_dp78m_137 {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 2px;
}

._title_dp78m_146 {
    overflow: hidden;
    color: #fff;
    text-overflow: ellipsis;
    font-family: Roboto, system-ui, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    margin: 0 0 2px 0;
    white-space: nowrap;
    text-align: left;
    max-width: 280px;
}

._username_dp78m_111 {
    color: rgba(255, 255, 255, 0.80);
    font-family: Roboto, system-ui, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    margin: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
}

._actions_dp78m_175 {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-shrink: 0;
    flex-wrap: nowrap;
}

/* 点赞按钮 */
._likeButton_dp78m_184 {
    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_dp78m_184:hover {
    color: #fff;
    background: rgba(255, 255, 255, 0.1);
}

._likeButton_dp78m_184._liked_dp78m_205 {
    color: #ef4444;
}

._likeCount_dp78m_209 {
    font-size: 12px;
    line-height: 1;
    color: #fafafa;
}

._likeButton_dp78m_184:disabled {
    opacity: 0.7;
}

/* 视频时长标签 */
._durationBadge_dp78m_220 {
    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_mv78y_1 {
    width: 100%;
    background: #fff;
    padding: 30px 36px;
    max-width: 100vw;
}

._title_mv78y_8 {
    color: var(--zinc-900, #18181b);
    font-family: 'Outfit', sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
    height: 36px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 0;
}

/* Tab switcher - Figma node 1925:15489 */
._tabContainer_mv78y_23 {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 4px;
    border-radius: 12px;
    background: #f3f3f3;
    margin: 20px 0 24px 0;
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* IE and Edge */
}

._tabContainer_mv78y_23::-webkit-scrollbar {
    display: none; /* Chrome, Safari, Opera */
}

._tabButton_mv78y_42 {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    height: 32px;
    padding: 4px 16px;
    border-radius: 10px;
    border: none;
    background: transparent;
    color: #71717a;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    cursor: pointer;
    transition: all 0.2s ease;
    flex-shrink: 0;
    white-space: nowrap;
}

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

._tabButton_mv78y_42._active_mv78y_67 {
    background: #fff;
    color: #18181b;
    border-radius: 8px;
}

._toolbar_mv78y_73 {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 16px;
    margin-bottom: 24px;
}

._categories_mv78y_82 {
    display: flex;
    justify-content: center;
    gap: 8px;
    flex-wrap: wrap;
}

._categoryButton_mv78y_89 {
    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_mv78y_89:hover {
    background: #fafafa;
    border-color: #d4d4d8;
}

._categoryButton_mv78y_89._active_mv78y_67 {
    background: #18181b;
    color: #fff;
    border-color: #18181b;
}

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

._sortButton_mv78y_114 {
    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_mv78y_114:hover {
    background: #fafafa;
}

._sortButton_mv78y_114._active_mv78y_67 {
    background: #0a0a0a;
    color: #fff;
    border-color: #0a0a0a;
}

._contentWrapper_mv78y_142 {
    position: relative;
    width: 100%;
    transition: min-height 0.3s ease;
}

._errorBanner_mv78y_148 {
    margin-bottom: 16px;
    border-radius: 12px;
    border: 1px solid #fee4e2;
    background: #fef3f2;
    color: #b42318;
    font-size: 13px;
    padding: 10px 14px;
    text-align: center;
}

._loadingState_mv78y_159 {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 80px 0;
    color: #737373;
    font-size: 14px;
}

/* 空状态 - 仿照 template gallery dialog 样式 */
._emptyState_mv78y_169 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 16px;
    min-height: 400px;
    padding: 40px;
}

._emptyStateImage_mv78y_179 {
    width: 118px;
    height: 129px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #a1a1aa;
}

._emptyStateText_mv78y_188 {
    font-family: 'Outfit', sans-serif;
    font-weight: 500;
    font-size: 20px;
    line-height: 18px;
    color: #18181b;
    text-align: center;
}

._masonryGrid_mv78y_197 {
    display: flex;
    margin-left: -8px;
    width: auto;
}

._masonryColumn_mv78y_203 {
    padding-left: 8px;
    background-clip: padding-box;
}

._masonryColumn_mv78y_203 > * {
    margin-bottom: 8px;
}

._loadingMore_mv78y_212 {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 16px 0 0;
    font-size: 12px;
    color: #52525b;
}

._loadMoreWrapper_mv78y_222 {
    display: flex;
    justify-content: center;
    margin-top: 24px;
}

/* 响应式布局 */
@media (max-width: 1200px) {
    ._gallery_mv78y_1 {
        padding: 30px 24px;
    }

    ._toolbar_mv78y_73 {
        flex-direction: column;
        align-items: center;
    }
}

@media (max-width: 768px) {
    ._gallery_mv78y_1 {
        padding: 20px 16px;
    }
    
    ._title_mv78y_8 {
        font-size: 20px;
        height: 36px;
        margin-bottom: 0;
    }

    ._tabContainer_mv78y_23 {
        display: flex;
        width: 100%;
        margin: 20px 0;
    }

    ._tabButton_mv78y_42 {
        flex: 1;
        width: auto;
        height: 32px;
        font-size: 14px;
        padding: 4px 12px;
    }
    
    ._categories_mv78y_82 {
        gap: 6px;
    }

    ._categoryButton_mv78y_89 {
        padding: 6px 16px;
        font-size: 13px;
    }

    ._sortButtons_mv78y_114 {
        width: 100%;
        justify-content: center;
    }
    
    ._sortButton_mv78y_114 {
        padding: 6px 14px;
        font-size: 12px;
    }
    
    ._masonryGrid_mv78y_197 {
        margin-left: -8px;
    }
    
    ._masonryColumn_mv78y_203 {
        padding-left: 8px;
    }
    
    ._masonryColumn_mv78y_203 > * {
        margin-bottom: 8px;
    }
}
._hero_1cc1p_1 {
    position: relative;
    min-height: 630px;
    background: transparent;
    padding-top: 60px;
    padding-bottom: 40px;
}

._content_1cc1p_9 {
    position: relative;
    margin: 0 auto;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0;
    width: 100%;
    max-width: 900px;
}

/* 移动端适配 */
@media (max-width: 768px) {
    ._hero_1cc1p_1 {
        height: auto;
        min-height: 420px;
        padding: 80px 12px 32px; /* 顶部留出 MobileHeader 空间 */
    }

    ._content_1cc1p_9 {
        position: relative;
        top: auto;
        left: auto;
        transform: none;
        max-width: 100%;
        padding: 0;
    }
}
._toggleGroup_vpeet_1 {
    display: inline-flex;
    padding: 4px;
    align-items: flex-start;
    gap: 4px;
    border-radius: 999px;
    background: #EFEFEF;
    box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.05);
    position: relative;
    margin-bottom: 20px;
}

._toggleButton_vpeet_13 {
    display: flex;
    height: 36px;
    padding: 4px 16px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 18px;
    border: none;
    background: transparent;
    position: relative;
    z-index: 1;
    transition: color 0.2s ease;
    color: #151515;
    font-family: 'Outfit', sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    white-space: nowrap;
}

._toggleButton_vpeet_13:hover {
    color: var(--zinc-800, #27272A);
    background: transparent;
}

._toggleButton_vpeet_13._active_vpeet_40 {
    color: var(--zinc-800, #27272A);
}

._indicator_vpeet_44 {
    position: absolute;
    height: 36px;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    z-index: 0;
}

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

    ._toggleButton_vpeet_13 {
        height: 32px;
        padding: 4px 12px;
        font-size: 13px;
    }

    ._indicator_vpeet_44 {
        height: 32px;
    }
}
/* TrendingTemplates Component Styles */
._trendingTemplates_nzzl9_2 {
    width: 100%;
    background: #ffffff;
    padding: 10px 36px 30px 36px;
}

._header_nzzl9_8 {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin-bottom: 20px;
}

._headerTop_nzzl9_15 {
    display: flex;
    align-items: baseline;
    gap: 12px;
}

._title_nzzl9_21 {
    color: var(--zinc-900, #18181B);
    font-family: 'Outfit', sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
    margin: 0;
    height: 36px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

._subtitleDesktop_nzzl9_35 {
    color: var(--zinc-500, #71717a);
    font-family: 'Outfit', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4;
    margin: 0;
    flex: 1;
}

._subtitleMobile_nzzl9_45 {
    display: none;
    color: var(--zinc-500, #71717a);
    font-family: 'Outfit', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4;
    margin: 0;
}

._seeAll_nzzl9_55 {
    display: flex;
    align-items: center;
    gap: 4px;
    height: 20px;
    padding: 0;
    border: none;
    background: transparent;
    color: var(--zinc-600, #52525B);
    font-family: 'Outfit', sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 13px;
    cursor: pointer;
    transition: color 0.2s ease;
    white-space: nowrap;
    text-decoration: none;
}

._seeAll_nzzl9_55:hover {
    color: var(--zinc-800, #27272A);
}

/* Carousel */
._carouselWrapper_nzzl9_79 {
    position: relative;
}

._carousel_nzzl9_79 {
    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_nzzl9_79 {
        gap: 16px;
    }
}

@media (max-width: 768px) {
    ._trendingTemplates_nzzl9_2 {
        padding: 24px 16px;
        margin-top: 24px;
    }

    ._headerTop_nzzl9_15 {
        width: 100%;
        justify-content: space-between;
    }

    ._subtitleDesktop_nzzl9_35 {
        display: none;
    }

    ._subtitleMobile_nzzl9_45 {
        display: block;
    }

    ._title_nzzl9_21 {
        font-size: 18px;
    }

    ._seeAll_nzzl9_55 {
        font-size: 14px;
    }

    ._carousel_nzzl9_79 {
        gap: 12px;
    }
}
._dialogContent_smjrb_1 {
    max-width: 420px;
    padding: 0;
    border-radius: 16px;
    overflow: hidden;
}

/* 封面预览区域 */
._coverSection_smjrb_9 {
    position: relative;
}

._label_smjrb_13 {
    display: none;
}

._coverPreview_smjrb_17 {
    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_smjrb_17._empty_smjrb_27 {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

._coverPreview_smjrb_17._empty_smjrb_27:hover {
    background: #e4e4e7;
}

/* 可以拖动时显示 grab 光标 */
._coverPreview_smjrb_17._canDrag_smjrb_39 {
    cursor: grab;
}

._coverPreview_smjrb_17._dragging_smjrb_43 {
    cursor: grabbing;
}

._coverImage_smjrb_47 {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    pointer-events: none;
}

._placeholder_smjrb_54 {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    color: #a1a1aa;
}

._placeholder_smjrb_54 span {
    font-size: 14px;
}

/* 悬停时的 overlay */
._overlay_smjrb_67 {
    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_smjrb_17:hover ._overlay_smjrb_67 {
    opacity: 1;
}

._coverPreview_smjrb_17._empty_smjrb_27 ._overlay_smjrb_67 {
    display: none;
}

._overlay_smjrb_67 span {
    font-size: 13px;
    font-weight: 500;
}

/* 可拖动时的更换按钮（角落小按钮） */
._changeButton_smjrb_96 {
    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_smjrb_17:hover ._changeButton_smjrb_96 {
    opacity: 1;
}

._changeButton_smjrb_96:hover {
    background: rgba(0, 0, 0, 0.8);
}

/* 拖动提示 */
._dragHint_smjrb_126 {
    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_smjrb_17:hover ._dragHint_smjrb_126 {
    opacity: 0.8;
}

._coverPreview_smjrb_17._dragging_smjrb_43 ._dragHint_smjrb_126 {
    opacity: 1;
}

._coverPreview_smjrb_17._dragging_smjrb_43 ._overlay_smjrb_67,
._coverPreview_smjrb_17._dragging_smjrb_43 ._changeButton_smjrb_96 {
    opacity: 0;
}

._fileInput_smjrb_159 {
    display: none;
}

/* 表单内容区域 */
._form_smjrb_164 {
    display: flex;
    flex-direction: column;
}

/* 标题区域 */
._titleSection_smjrb_170 {
    padding: 20px;
}

._titleSection_smjrb_170 ._label_smjrb_13 {
    display: block;
    font-size: 13px;
    font-weight: 500;
    color: #52525b;
    margin-bottom: 8px;
}

/* 隐藏默认 header */
._dialogContent_smjrb_1 [data-slot="dialog-header"] {
    display: none;
}

/* Footer 按钮区域 */
._dialogContent_smjrb_1 [data-slot="dialog-footer"] {
    padding: 0 20px 20px;
    gap: 8px;
}
._projectItem_1xtab_1 {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 8px;
    background: transparent;
    flex: 1;
    min-width: 0;
}

/* 缩略图容器 - 固定高度 177px */
._thumbnail_1xtab_12 {
    position: relative;
    width: 100%;
    height: 177px;
    border-radius: 16px;
    overflow: hidden;
    background: #f8f8f8;
    display: block;
    text-decoration: none;
}

._coverImage_1xtab_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_1xtab_12:hover ._coverImage_1xtab_23 {
    transform: scale(1.05);
    filter: brightness(1.08);
}

._placeholderLogo_1xtab_38 {
    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_1xtab_38 svg {
    transition: transform 0.3s ease-out;
}

._thumbnail_1xtab_12:hover ._placeholderLogo_1xtab_38 {
    transform: scale(1.05);
}

/* 编辑按钮 - hover 时显示 */
._editButton_1xtab_59 {
    position: absolute;
    top: 8px;
    right: 8px;
    width: 28px;
    height: 28px;
    border-radius: 6px;
    background: rgba(0, 0, 0, 0.4);
    backdrop-filter: blur(4px);
    border: none;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    opacity: 0;
    transform: scale(0.9);
    transition: opacity 0.2s ease, transform 0.2s ease, background-color 0.2s ease;
    z-index: 10;
}

._projectItem_1xtab_1:hover ._editButton_1xtab_59 {
    opacity: 1;
    transform: scale(1);
}

._editButton_1xtab_59:hover {
    background: rgba(0, 0, 0, 0.6);
}

._placeholderLogo_1xtab_38 img {
    width: 40px;
    height: 40px;
    opacity: 0.2;
}

/* 项目信息容器 */
._infoRow_1xtab_96 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

._info_1xtab_96 {
    display: flex;
    flex-direction: column;
    gap: 4px;
    flex: 1;
    min-width: 0;
    padding: 0 4px;
}

._title_1xtab_112 {
    color: var(--zinc-800, #27272A);
    font-family: 'Outfit', 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_1xtab_125 {
    color: var(--zinc-600, #52525B);
    font-family: 'Outfit', sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    margin: 0;
}

/* 菜单按钮 */
._menuButton_1xtab_136 {
    width: clamp(20px, 10%, 32px);
    height: clamp(24px, 10%, 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_1xtab_136:hover {
    background: #F4F4F5;
}

/* 骨架屏样式 */
._skeletonTitle_1xtab_156 {
    width: 70%;
    height: 24px;
}

._skeletonDate_1xtab_161 {
    width: 40%;
    height: 12px;
}

._skeletonMenuButton_1xtab_166 {
    width: 24px;
    height: 24px;
    flex-shrink: 0;
}

._dropdownContent_1xtab_172 {
    min-width: 120px;
}


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

._thumbnail_1y4d9_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_1y4d9_9:hover {
    background-color: #e4e4e7;
}

._iconWrapper_1y4d9_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_1y4d9_9:hover ._iconWrapper_1y4d9_28 {
    transform: scale(1.05);
    filter: brightness(1.08);
}

._info_1y4d9_49 {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 0 4px;
}

._title_1y4d9_56 {
    color: var(--zinc-800, #27272A);
    font-family: 'Outfit', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin: 0;
}._recentProjects_1a94h_1 {
    width: 100%;
    background: #fff;
    padding: 10px 36px 30px 36px;
    margin-top: 40px;
}

._header_1a94h_8 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

._title_1a94h_15 {
    color: var(--zinc-900, #18181B);
    font-family: 'Outfit', sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
    margin: 0;
    height: 36px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

._viewAll_1a94h_29 {
    display: flex;
    align-items: center;
    gap: 4px;
    height: 20px;
    color: var(--zinc-600, #52525B);
    font-family: 'Outfit', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 13px;
    text-decoration: none;
}

._viewAll_1a94h_29:hover {
    color: var(--zinc-800, #27272A);
}

._grid_1a94h_47 {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 20px;
    width: 100%;
}

/* 移动端适配 */
@media (max-width: 768px) {
    ._recentProjects_1a94h_1 {
        padding: 20px 16px;
        border-radius: 12px;
    }

    ._header_1a94h_8 {
        margin-bottom: 20px;
    }

    ._title_1a94h_15 {
        font-size: 18px;
        height: 36px;
    }

    ._grid_1a94h_47 {
        display: flex;
        flex-direction: column;
        gap: 20px;
    }

    ._viewAll_1a94h_29 {
        font-size: 14px;
    }
}
._container_1orj6_1 {
    text-align: center;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    margin-bottom: 36px;
}

._title_1orj6_11 {
    color: #1c1b1b;
    font-family: 'Geist', sans-serif;
    font-size: 26px;
    font-style: normal;
    font-weight: 600;
    line-height: 115%;
    letter-spacing: -0.32px;
    display: flex;
    align-items: center;
    gap: 6px;
}

._hi_1orj6_24 {
    font-family: 'Outfit', sans-serif;
    font-weight: 500;
    letter-spacing: -0.39px;
}

._username_1orj6_30 {
    color: #1c1b1b;
    font-family: "Instrument Serif", serif;
    font-style: italic;
    font-weight: 400;
}

._subtitle_1orj6_37 {
    color: #000000;
    font-family: 'Outfit', sans-serif;
    font-size: 54px;
    font-style: normal;
    font-weight: 800;
    line-height: 115%;
    letter-spacing: -0.54px;
    margin-top: 0;
}

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

    ._title_1orj6_11 {
        font-size: 20px;
    }

    ._subtitle_1orj6_37 {
        font-size: 32px;
    }
}
._dialogContent_odv5v_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_odv5v_13 {
  position: relative;
  background: #ffffff;
  color: #000000;
  border-radius: 16px;
  overflow: hidden;
}

._closeButton_odv5v_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_odv5v_21:hover {
  background: rgba(0, 0, 0, 0.7);
  transform: scale(1.05);
}

._contentWrapper_odv5v_44 {
  display: flex;
  flex-direction: column;
}

/* 上部分图片区域 */
._imageContainer_odv5v_50 {
  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_odv5v_64 {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
}

._materialPlaceholder_odv5v_71 {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #0a0a0a;
  color: #666;
}

._placeholderText_odv5v_81 {
  font-size: 14px;
  color: #666;
}

/* 下部分内容区域 */
._textContainer_odv5v_87 {
  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_odv5v_99 {
  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_odv5v_111 {
  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_odv5v_111 .markdown-content {
  color: #52525B;
  font-family: 'Roboto', sans-serif;
}

._description_odv5v_111 .markdown-content p {
  margin-bottom: 4px;
  color: #52525B;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  line-height: 1.6;
}

._description_odv5v_111 .markdown-content h1,
._description_odv5v_111 .markdown-content h2,
._description_odv5v_111 .markdown-content h3 {
  color: #52525B;
  font-family: 'Roboto', sans-serif;
  font-weight: 600;
  margin-top: 12px;
  margin-bottom: 6px;
  letter-spacing: -0.01em;
}

._description_odv5v_111 .markdown-content h1 {
  color: #52525B;
  font-family: 'Roboto', sans-serif;
  font-size: 1.4em;
}

._description_odv5v_111 .markdown-content h2 {
  color: #52525B;
  font-family: 'Roboto', sans-serif;
  font-size: 1.2em;
}

._description_odv5v_111 .markdown-content h3 {
  color: #52525B;
  font-family: 'Roboto', sans-serif;
  font-size: 1.1em;
}

._description_odv5v_111 .markdown-content ul,
._description_odv5v_111 .markdown-content ol {
  margin-left: 16px;
  margin-bottom: 8px;
  padding-left: 4px;
  color: #52525B;
  font-family: 'Roboto', sans-serif;
}

._description_odv5v_111 .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_odv5v_111 .markdown-content ul li::marker {
  color: #666666;
  font-size: 1.1em;
}

._description_odv5v_111 .markdown-content ol li::marker {
  color: #666666;
  font-weight: 500;
}

._description_odv5v_111 .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_odv5v_111 .markdown-content a:hover {
  color: #8b5cf6;
  text-decoration-color: #8b5cf6;
}

._description_odv5v_111 .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_odv5v_111 .markdown-content strong {
  color: #52525B;
  font-family: 'Roboto', sans-serif;
  font-weight: 600;
}

._buttonContainer_odv5v_226 {
  display: flex;
  justify-content: flex-end;
  margin-top: 8px;
}

._actionButton_odv5v_232 {
  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_odv5v_232:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(184, 244, 119, 0.4);
  background: #A8E467;
}

._actionButton_odv5v_232:active {
  transform: translateY(0);
  box-shadow: 0 4px 12px rgba(124, 58, 237, 0.3);
}

/* 响应式设计 */
@media (max-width: 768px) {
  ._dialogContent_odv5v_1 {
    width: 90vw;
    max-width: 90vw;
  }

  ._imageContainer_odv5v_50 {
    height: 30vh;
    min-height: 180px;
    max-height: 300px;
  }

  ._textContainer_odv5v_87 {
    padding: 20px 16px;
    height: auto;
    max-height: none;
  }

  ._title_odv5v_99 {
    font-size: 20px;
    margin-bottom: 10px;
  }

  ._description_odv5v_111 {
    font-size: 14px;
    margin-bottom: 16px;
  }

  ._actionButton_odv5v_232 {
    padding: 12px 24px;
    font-size: 14px;
  }
}