/* [project]/apps/web/src/components/simple-banner/simple-banner.module.css [app-client] (css) */
.simple-banner-module__heO8_a__container {
  perspective: 1000px;
  width: 100%;
  margin-bottom: 2rem;
}

.simple-banner-module__heO8_a__banner {
  -webkit-backdrop-filter: blur(16px);
  isolation: isolate;
  background: linear-gradient(135deg, #14b8a6d9, #6366f1e6), #0f172acc;
  border: 1px solid #818cf840;
  border-radius: 1rem;
  width: 100%;
  min-height: 132px;
  transition-property: all;
  transition-duration: .5s;
  transition-timing-function: cubic-bezier(0, 0, .2, 1);
  animation: .8s cubic-bezier(.2, .8, .2, 1) simple-banner-module__heO8_a__bannerIn;
  position: relative;
  overflow: hidden;
  transform: translateZ(0);
  box-shadow: 0 22px 55px #4f46e540, 0 8px 20px #14b8a626, inset 0 1px #ffffff40;
}

.simple-banner-module__heO8_a__banner:hover {
  border-color: #818cf88c;
  transform: translateY(-4px)scale(1.01);
  box-shadow: 0 35px 70px #4f46e559, 0 15px 30px #14b8a640, inset 0 1px #fff6;
}

.simple-banner-module__heO8_a__gridLayer, .simple-banner-module__heO8_a__gradientOverlay, .simple-banner-module__heO8_a__sheenLayer, .simple-banner-module__heO8_a__particlesLayer {
  pointer-events: none;
  position: absolute;
  inset: 0;
}

.simple-banner-module__heO8_a__gridLayer {
  z-index: 1;
  opacity: .18;
  background-image: linear-gradient(#ffffff26 1px, #0000 1px), linear-gradient(90deg, #ffffff26 1px, #0000 1px);
  background-size: 40px 40px;
  transition: opacity .5s;
  -webkit-mask-image: radial-gradient(circle, #000 40%, #0000 80%);
  mask-image: radial-gradient(circle, #000 40%, #0000 80%);
}

.simple-banner-module__heO8_a__banner:hover .simple-banner-module__heO8_a__gridLayer {
  opacity: .35;
}

.simple-banner-module__heO8_a__gradientOverlay {
  z-index: 2;
  background: radial-gradient(circle at 10% 20%, #14b8a666, #0000 30rem), radial-gradient(circle at 90% 80%, #6366f166, #0000 30rem);
  transition: background .6s;
}

.simple-banner-module__heO8_a__banner:hover .simple-banner-module__heO8_a__gradientOverlay {
  background: radial-gradient(circle at 20% 30%, #14b8a68c, #0000 35rem), radial-gradient(circle at 80% 70%, #6366f18c, #0000 35rem);
}

.simple-banner-module__heO8_a__particlesLayer {
  z-index: 2;
  overflow: hidden;
}

.simple-banner-module__heO8_a__particle {
  filter: blur(10px);
  opacity: .7;
  background: #fff6;
  border-radius: 50%;
  transition: opacity .5s;
  animation: 12s linear infinite simple-banner-module__heO8_a__float;
  position: absolute;
}

.simple-banner-module__heO8_a__banner:hover .simple-banner-module__heO8_a__particle {
  opacity: 1;
}

.simple-banner-module__heO8_a__particle:first-child {
  width: 120px;
  height: 120px;
  animation-duration: 15s;
  top: -20%;
  left: 10%;
}

.simple-banner-module__heO8_a__particle:nth-child(2) {
  background: #14b8a64d;
  width: 180px;
  height: 180px;
  animation-duration: 20s;
  animation-direction: reverse;
  bottom: -30%;
  right: 5%;
}

.simple-banner-module__heO8_a__particle:nth-child(3) {
  background: #6366f159;
  width: 90px;
  height: 90px;
  animation-duration: 18s;
  top: 40%;
  left: 60%;
}

.simple-banner-module__heO8_a__sheenLayer {
  z-index: 3;
  opacity: .8;
  background: linear-gradient(105deg, #0000 0% 38%, #fff6 48%, #0000 58% 100%);
  transition: transform .8s cubic-bezier(.4, 0, .2, 1);
  transform: translateX(-100%);
}

.simple-banner-module__heO8_a__banner:hover .simple-banner-module__heO8_a__sheenLayer {
  transform: translateX(100%);
}

.simple-banner-module__heO8_a__content {
  z-index: 10;
  grid-template-columns: auto minmax(0, 1fr) auto auto;
  align-items: center;
  gap: 1.5rem;
  max-width: 1400px;
  min-height: 132px;
  margin: 0 auto;
  padding: 1.25rem 1.5rem;
  display: grid;
  position: relative;
}

.simple-banner-module__heO8_a__brandMark {
  -webkit-backdrop-filter: blur(12px);
  color: #fff;
  text-shadow: 0 4px 15px #0006;
  background: #ffffff26;
  border: 1px solid #fff6;
  border-radius: 1.25rem;
  place-items: center;
  width: 5rem;
  height: 5rem;
  font-size: 2.5rem;
  font-weight: 950;
  line-height: 1;
  transition: all .4s cubic-bezier(.175, .885, .32, 1.275);
  display: grid;
  box-shadow: 0 18px 38px #00000040, inset 0 1px #ffffff80;
}

.simple-banner-module__heO8_a__banner:hover .simple-banner-module__heO8_a__brandMark {
  background: #ffffff40;
  border-color: #fffc;
  transform: rotate(-10deg)scale(1.1);
  box-shadow: 0 25px 45px #00000059, inset 0 2px #fff9, 0 0 25px #ffffff4d;
}

.simple-banner-module__heO8_a__copy {
  gap: .5rem;
  min-width: 0;
  display: grid;
}

.simple-banner-module__heO8_a__title {
  font-size: 1.5rem;
  font-weight: 900;
  line-height: 2rem;
}

@media (min-width: 768px) {
  .simple-banner-module__heO8_a__title {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
}

@media (min-width: 1024px) {
  .simple-banner-module__heO8_a__title {
    font-size: 2.25rem;
    line-height: 2.5rem;
  }
}

.simple-banner-module__heO8_a__title {
  letter-spacing: -.02em;
  text-wrap: balance;
  background: linear-gradient(to right, #fff, #e0e7ff, #fff) 0 0 / 200%;
  -webkit-text-fill-color: transparent;
  text-shadow: 0 4px 25px #00000026;
  -webkit-background-clip: text;
  margin: 0;
  line-height: 1.1;
  transition: transform .4s cubic-bezier(.175, .885, .32, 1.275);
}

.simple-banner-module__heO8_a__banner:hover .simple-banner-module__heO8_a__title {
  background-position: 100%;
  transform: translateX(8px);
}

.simple-banner-module__heO8_a__subtitle {
  font-size: .875rem;
  font-weight: 500;
  line-height: 1.25rem;
}

@media (min-width: 768px) {
  .simple-banner-module__heO8_a__subtitle {
    font-size: 1rem;
    line-height: 1.5rem;
  }
}

@media (min-width: 1024px) {
  .simple-banner-module__heO8_a__subtitle {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}

.simple-banner-module__heO8_a__subtitle {
  color: #ffffffd9;
  text-wrap: balance;
  max-width: 68rem;
  margin: 0;
  line-height: 1.6;
  transition: transform .4s cubic-bezier(.175, .885, .32, 1.275) 50ms, color .3s 50ms;
}

.simple-banner-module__heO8_a__banner:hover .simple-banner-module__heO8_a__subtitle {
  color: #fff;
  transform: translateX(8px);
}

.simple-banner-module__heO8_a__divider {
  background: linear-gradient(#0000, #ffffff4d, #0000);
  border-radius: 999px;
  width: 2px;
  height: 5rem;
  transition: opacity .4s, transform .4s cubic-bezier(.175, .885, .32, 1.275);
}

.simple-banner-module__heO8_a__banner:hover .simple-banner-module__heO8_a__divider {
  opacity: .9;
  background: linear-gradient(#0000, #ffffffe6, #0000);
  transform: scaleY(1.15);
}

.simple-banner-module__heO8_a__signalStack {
  gap: .5rem;
  width: 5.5rem;
  transition: transform .4s cubic-bezier(.175, .885, .32, 1.275);
  display: grid;
}

.simple-banner-module__heO8_a__banner:hover .simple-banner-module__heO8_a__signalStack {
  transform: translateX(-5px);
}

.simple-banner-module__heO8_a__signalStack span {
  background: #fff6;
  border-radius: 999px;
  height: .45rem;
  transition: all .4s;
  display: block;
  position: relative;
  overflow: hidden;
  box-shadow: 0 4px 10px #0000001a;
}

.simple-banner-module__heO8_a__signalStack span:after {
  content: "";
  background: linear-gradient(90deg, #0000, #ffffffe6, #0000);
  width: 100%;
  height: 100%;
  transition: left .6s;
  position: absolute;
  top: 0;
  left: -100%;
}

.simple-banner-module__heO8_a__banner:hover .simple-banner-module__heO8_a__signalStack span:after {
  left: 100%;
}

.simple-banner-module__heO8_a__banner:hover .simple-banner-module__heO8_a__signalStack span {
  background: #ffffffe6;
  box-shadow: 0 0 15px #ffffff80;
}

.simple-banner-module__heO8_a__signalStack span:first-child {
  width: 100%;
  transition-delay: .1s;
}

.simple-banner-module__heO8_a__signalStack span:nth-child(2) {
  width: 75%;
  transition-delay: .15s;
}

.simple-banner-module__heO8_a__signalStack span:nth-child(3) {
  width: 50%;
  transition-delay: .2s;
}

.simple-banner-module__heO8_a__banner:hover .simple-banner-module__heO8_a__signalStack span:first-child {
  width: 100%;
}

.simple-banner-module__heO8_a__banner:hover .simple-banner-module__heO8_a__signalStack span:nth-child(2) {
  width: 90%;
}

.simple-banner-module__heO8_a__banner:hover .simple-banner-module__heO8_a__signalStack span:nth-child(3) {
  width: 75%;
}

.dark .simple-banner-module__heO8_a__banner {
  background: linear-gradient(135deg, #0f766ebf, #4338cacc), #0f172ad9;
  border-color: #6366f159;
  box-shadow: 0 22px 55px #00000073, inset 0 1px #ffffff26;
}

.dark .simple-banner-module__heO8_a__banner:hover {
  border-color: #818cf8b3;
  box-shadow: 0 35px 70px #000000a6, 0 0 35px #6366f159, inset 0 1px #ffffff40;
}

@keyframes simple-banner-module__heO8_a__bannerIn {
  from {
    opacity: 0;
    transform: translateY(20px)scale(.98);
  }

  to {
    opacity: 1;
    transform: translateY(0)scale(1);
  }
}

@keyframes simple-banner-module__heO8_a__float {
  0% {
    transform: translateY(0)rotate(0);
  }

  50% {
    transform: translateY(-25px)rotate(180deg);
  }

  100% {
    transform: translateY(0)rotate(360deg);
  }
}

@media (max-width: 900px) {
  .simple-banner-module__heO8_a__content {
    grid-template-columns: auto minmax(0, 1fr);
    gap: 1.2rem;
  }

  .simple-banner-module__heO8_a__divider, .simple-banner-module__heO8_a__signalStack {
    display: none;
  }
}

@media (max-width: 640px) {
  .simple-banner-module__heO8_a__banner {
    border-radius: .75rem;
    min-height: 118px;
  }

  .simple-banner-module__heO8_a__content {
    min-height: 118px;
    padding: 1.25rem;
  }

  .simple-banner-module__heO8_a__brandMark {
    border-radius: 1rem;
    width: 4rem;
    height: 4rem;
    font-size: 2rem;
  }

  .simple-banner-module__heO8_a__title {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }

  .simple-banner-module__heO8_a__subtitle {
    font-size: .75rem;
    line-height: 1rem;
  }
}

@media (max-width: 420px) {
  .simple-banner-module__heO8_a__content {
    text-align: center;
    grid-template-columns: 1fr;
  }

  .simple-banner-module__heO8_a__banner:hover .simple-banner-module__heO8_a__title, .simple-banner-module__heO8_a__banner:hover .simple-banner-module__heO8_a__subtitle {
    transform: translateY(-2px);
  }

  .simple-banner-module__heO8_a__brandMark {
    display: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .simple-banner-module__heO8_a__banner, .simple-banner-module__heO8_a__sheenLayer, .simple-banner-module__heO8_a__particle, .simple-banner-module__heO8_a__banner:hover, .simple-banner-module__heO8_a__brandMark, .simple-banner-module__heO8_a__title, .simple-banner-module__heO8_a__subtitle, .simple-banner-module__heO8_a__signalStack {
    transition: none !important;
    animation: none !important;
    transform: none !important;
  }
}

/* [project]/apps/web/src/components/breadcrumb/Breadcrumb.module.css [app-client] (css) */
.Breadcrumb-module__th9Dqq__breadcrumb {
  --crumb-accent: #14b8a6;
  --crumb-accent-2: #6366f1;
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
  background: linear-gradient(135deg, #ffffffe0, #f8fafcb3), #fff;
  border: 1px solid #94a3b83d;
  border-radius: .95rem;
  width: 100%;
  padding: .55rem;
  box-shadow: 0 14px 34px #0f172a0f;
}

.Breadcrumb-module__th9Dqq__breadcrumb.Breadcrumb-module__th9Dqq__compact {
  border-radius: .8rem;
  padding: .4rem;
}

.Breadcrumb-module__th9Dqq__breadcrumbList {
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
  align-items: center;
  gap: .45rem;
  min-width: 0;
  max-width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  overflow-x: auto;
}

.Breadcrumb-module__th9Dqq__breadcrumbList::-webkit-scrollbar {
  display: none;
}

.Breadcrumb-module__th9Dqq__breadcrumbItem {
  flex: none;
  align-items: center;
  gap: .45rem;
  min-width: 0;
  display: inline-flex;
}

.Breadcrumb-module__th9Dqq__breadcrumbLink, .Breadcrumb-module__th9Dqq__breadcrumbCurrent {
  text-overflow: ellipsis;
  white-space: nowrap;
  border: 1px solid #e2e8f0e6;
  border-radius: 999px;
  align-items: center;
  gap: .42rem;
  max-width: min(22rem, 52vw);
  min-height: 2.05rem;
  padding: .45rem .72rem;
  font-size: .84rem;
  font-weight: 850;
  line-height: 1.2;
  display: inline-flex;
  overflow: hidden;
}

.Breadcrumb-module__th9Dqq__breadcrumbLink {
  color: #475569;
  background: #ffffffbd;
  text-decoration: none;
  transition: transform .2s, border-color .2s, background .2s, color .2s, box-shadow .2s;
}

.Breadcrumb-module__th9Dqq__breadcrumbLink:hover {
  color: #0f172a;
  background: linear-gradient(135deg, #14b8a61a, #6366f114), #ffffffe0;
  border-color: #14b8a657;
  transform: translateY(-1px);
  box-shadow: 0 10px 24px #14b8a61f;
}

.Breadcrumb-module__th9Dqq__breadcrumbLink:active {
  transform: translateY(0);
}

.Breadcrumb-module__th9Dqq__breadcrumbCurrent {
  background: linear-gradient(135deg, var(--crumb-accent), var(--crumb-accent-2));
  color: #fff;
  border-color: #14b8a652;
  box-shadow: 0 12px 24px #14b8a633, inset 0 1px #ffffff38;
}

.Breadcrumb-module__th9Dqq__breadcrumbSeparator {
  color: #94a3b8;
  -webkit-user-select: none;
  user-select: none;
  background: #ffffff9e;
  border: 1px solid #e2e8f0d1;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  width: 1.35rem;
  height: 1.35rem;
  font-size: 1rem;
  font-weight: 900;
  line-height: 1;
  display: inline-flex;
}

.Breadcrumb-module__th9Dqq__homeDot {
  background: linear-gradient(135deg, var(--crumb-accent), var(--crumb-accent-2));
  border-radius: 999px;
  flex: none;
  width: .52rem;
  height: .52rem;
  box-shadow: 0 0 0 .2rem #14b8a61f;
}

.dark .Breadcrumb-module__th9Dqq__breadcrumb {
  background: linear-gradient(135deg, #0f172ae0, #1e293bc2), #0f172a;
  border-color: #475569b8;
  box-shadow: 0 16px 38px #0000003d;
}

.dark .Breadcrumb-module__th9Dqq__breadcrumbLink {
  color: #cbd5e1;
  background: #0f172aa8;
  border-color: #475569b8;
}

.dark .Breadcrumb-module__th9Dqq__breadcrumbLink:hover {
  color: #f8fafc;
  background: linear-gradient(135deg, #14b8a624, #6366f11f), #0f172ad1;
  border-color: #14b8a670;
}

.dark .Breadcrumb-module__th9Dqq__breadcrumbSeparator {
  color: #64748b;
  background: #0f172ab3;
  border-color: #475569b8;
}

.dark .Breadcrumb-module__th9Dqq__breadcrumbCurrent {
  border-color: #14b8a66b;
  box-shadow: 0 12px 26px #14b8a62e, inset 0 1px #fff3;
}

[dir="rtl"] .Breadcrumb-module__th9Dqq__breadcrumbList {
  direction: rtl;
}

@media (max-width: 640px) {
  .Breadcrumb-module__th9Dqq__breadcrumb {
    border-radius: .8rem;
    padding: .45rem;
  }

  .Breadcrumb-module__th9Dqq__breadcrumbList, .Breadcrumb-module__th9Dqq__breadcrumbItem {
    gap: .35rem;
  }

  .Breadcrumb-module__th9Dqq__breadcrumbLink, .Breadcrumb-module__th9Dqq__breadcrumbCurrent {
    max-width: 15rem;
    min-height: 1.9rem;
    padding: .38rem .58rem;
    font-size: .78rem;
  }

  .Breadcrumb-module__th9Dqq__breadcrumbSeparator {
    width: 1.15rem;
    height: 1.15rem;
    font-size: .9rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .Breadcrumb-module__th9Dqq__breadcrumbLink {
    transition: none;
  }

  .Breadcrumb-module__th9Dqq__breadcrumbLink:hover {
    transform: none;
  }
}

/* [project]/apps/web/src/components/unified-editor/viewer/ContentViewer.module.css [app-client] (css) */
.ContentViewer-module__mtFSJW__viewerWrapper {
  width: 100%;
  position: relative;
}

.ContentViewer-module__mtFSJW__rtl {
  text-align: right;
  direction: rtl;
}

.ContentViewer-module__mtFSJW__ltr {
  text-align: left;
  direction: ltr;
}

.dark .ContentViewer-module__mtFSJW__viewerWrapper {
  color: #e2e8f0;
}

:is(.ContentViewer-module__mtFSJW__viewerWrapper img.selected, .ContentViewer-module__mtFSJW__viewerWrapper .advancedTextContent.at-selected, .ContentViewer-module__mtFSJW__viewerWrapper .advancedListContent.al-selected) {
  outline: none;
}

.ContentViewer-module__mtFSJW__viewerWrapper [contenteditable] {
  cursor: default;
  outline: none;
}

.ContentViewer-module__mtFSJW__viewerWrapper [contenteditable="false"]:before {
  display: none;
}

:is(.ContentViewer-module__mtFSJW__viewerWrapper .tag-collapse-btn, .ContentViewer-module__mtFSJW__viewerWrapper .tag-delete-btn) {
  display: none;
}

.ContentViewer-module__mtFSJW__viewerWrapper .gated-content[data-locked="true"] {
  max-height: 200px;
  position: relative;
  overflow: hidden;
}

.ContentViewer-module__mtFSJW__viewerWrapper .gated-content[data-locked="true"]:after {
  content: "";
  background: linear-gradient(transparent, var(--viewer-bg, #fff));
  pointer-events: none;
  height: 120px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.ContentViewer-module__mtFSJW__viewerWrapper {
  --viewer-bg: #fff;
  --viewer-text: #1e293b;
  --viewer-border: #e2e8f0;
  --viewer-accent: #667eea;
}

.dark .ContentViewer-module__mtFSJW__viewerWrapper {
  --viewer-bg: #1a1a2e;
  --viewer-text: #e2e8f0;
  --viewer-border: #374151;
  --viewer-accent: #818cf8;
}

.ContentViewer-module__mtFSJW__viewerWrapper .tag-label {
  display: none !important;
}

.ContentViewer-module__mtFSJW__viewerWrapper .gated-section-wrapper {
  clear: both;
  margin: 1rem 0;
}

.ContentViewer-module__mtFSJW__viewerWrapper .gated-placeholder {
  cursor: default;
  border-radius: 6px;
  align-items: center;
  gap: .5rem;
  width: 100%;
  padding: .55rem 1rem;
  transition: box-shadow .3s, transform .2s;
  animation: .5s cubic-bezier(.22, 1, .36, 1) ContentViewer-module__mtFSJW__gatedSlideIn;
  display: flex;
  position: relative;
  overflow: hidden;
}

.ContentViewer-module__mtFSJW__viewerWrapper .gated-placeholder:hover {
  transform: translateY(-1px);
}

.ContentViewer-module__mtFSJW__viewerWrapper .gated-comment {
  background: #3b82f614;
  border-inline-start: 3px solid #3b82f6;
}

.ContentViewer-module__mtFSJW__viewerWrapper .gated-comment:hover {
  box-shadow: 0 2px 12px #3b82f626;
}

.ContentViewer-module__mtFSJW__viewerWrapper .gated-reaction {
  background: #a855f714;
  border-inline-start: 3px solid #a855f7;
}

.ContentViewer-module__mtFSJW__viewerWrapper .gated-reaction:hover {
  box-shadow: 0 2px 12px #a855f726;
}

.ContentViewer-module__mtFSJW__viewerWrapper .lock-icon {
  flex-shrink: 0;
  font-size: .85rem;
  line-height: 1;
  animation: 2s ease-in-out infinite ContentViewer-module__mtFSJW__lockBounce;
}

.ContentViewer-module__mtFSJW__viewerWrapper .gated-message {
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: .8rem;
  font-weight: 500;
  overflow: hidden;
}

.ContentViewer-module__mtFSJW__viewerWrapper .gated-comment .gated-message {
  color: #2563eb;
}

.ContentViewer-module__mtFSJW__viewerWrapper .gated-reaction .gated-message {
  color: #7c3aed;
}

.ContentViewer-module__mtFSJW__viewerWrapper .gated-shimmer {
  top: 0;
  pointer-events: none;
  background: linear-gradient(90deg, #0000 0%, #fff6 50%, #0000 100%);
  width: 100%;
  height: 100%;
  animation: 3s ease-in-out infinite ContentViewer-module__mtFSJW__shimmer;
  position: absolute;
  inset-inline-start: -100%;
}

.ContentViewer-module__mtFSJW__viewerWrapper .unlocked-content {
  color: inherit;
  background: #10b9810f;
  border-inline-start: 3px solid #10b981;
  border-radius: 6px;
  padding: 1rem 1.25rem;
  font-size: 1rem;
  line-height: 1.8;
  animation: .4s cubic-bezier(.22, 1, .36, 1) ContentViewer-module__mtFSJW__gatedSlideIn, .6s ease-out ContentViewer-module__mtFSJW__unlockGlow;
}

.ContentViewer-module__mtFSJW__viewerWrapper .unlocked-content:before {
  content: "✓ Unlocked";
  color: #fff;
  letter-spacing: .02em;
  background: #059669;
  border-radius: 4px;
  margin-bottom: .5rem;
  padding: .15rem .5rem;
  font-size: .7rem;
  font-weight: 600;
  display: inline-block;
}

.ContentViewer-module__mtFSJW__viewerWrapper .unlocked-content img {
  border-radius: 8px;
  max-width: 100%;
  height: auto;
  margin: .5rem 0;
}

.ContentViewer-module__mtFSJW__viewerWrapper .unlocked-content p {
  margin: .5rem 0;
}

.ContentViewer-module__mtFSJW__viewerWrapper .unlocked-content div {
  margin: .25rem 0;
}

@keyframes ContentViewer-module__mtFSJW__gatedSlideIn {
  from {
    opacity: 0;
    transform: translateX(-8px);
  }

  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes ContentViewer-module__mtFSJW__shimmer {
  0%, 100% {
    inset-inline-start: -100%;
  }

  50% {
    inset-inline-start: 100%;
  }
}

@keyframes ContentViewer-module__mtFSJW__lockBounce {
  0%, 100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-1.5px);
  }
}

@keyframes ContentViewer-module__mtFSJW__unlockGlow {
  0% {
    box-shadow: 0 0 #10b98166;
  }

  100% {
    box-shadow: 0 0 #0000;
  }
}

@keyframes ContentViewer-module__mtFSJW__fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes ContentViewer-module__mtFSJW__slideDown {
  from {
    transform: translateY(-10px);
  }

  to {
    transform: translateY(0);
  }
}

@media (max-width: 768px) {
  .ContentViewer-module__mtFSJW__viewerWrapper .gated-placeholder {
    gap: .4rem;
    padding: .45rem .75rem;
  }

  .ContentViewer-module__mtFSJW__viewerWrapper .gated-message {
    font-size: .75rem;
  }

  .ContentViewer-module__mtFSJW__viewerWrapper .unlocked-content {
    padding: .75rem 1rem;
  }
}

.dark .ContentViewer-module__mtFSJW__viewerWrapper .gated-comment {
  background: #3b82f61f;
  border-color: #60a5fa;
}

.dark .ContentViewer-module__mtFSJW__viewerWrapper .gated-comment .gated-message {
  color: #93bbfd;
}

.dark .ContentViewer-module__mtFSJW__viewerWrapper .gated-reaction {
  background: #a855f71f;
  border-color: #c084fc;
}

.dark .ContentViewer-module__mtFSJW__viewerWrapper .gated-reaction .gated-message {
  color: #d8b4fe;
}

.dark .ContentViewer-module__mtFSJW__viewerWrapper .gated-shimmer {
  background: linear-gradient(90deg, #0000 0%, #ffffff14 50%, #0000 100%);
}

.dark .ContentViewer-module__mtFSJW__viewerWrapper .unlocked-content {
  color: #d1fae5;
  background: #10b9811a;
  border-color: #34d399;
}

.dark .ContentViewer-module__mtFSJW__viewerWrapper .unlocked-content:before {
  color: #d1fae5;
  background: #047857;
}

/* [project]/apps/web/src/components/unified-editor/styles/editor-content.css [app-client] (css) */
.editor-content {
  color: #1e293b;
  word-wrap: break-word;
  overflow-wrap: break-word;
  font-size: 1.1rem;
  line-height: 1.9;
}

.editor-content img {
  max-width: 100%;
  height: auto;
}

.editor-content img:not([style*="border-radius"]) {
  border-radius: 8px;
}

.editor-content img:not([style*="display"]) {
  margin: 1rem 0;
  display: block;
}

.editor-content img.selected {
  outline-offset: 2px;
  outline: 3px solid #667eea;
}

.editor-content .image-align-wrapper {
  margin: 1rem 0;
  display: block;
}

.editor-content figure {
  margin: 1.25rem 0;
  padding: 0;
}

.editor-content figcaption {
  color: #64748b;
  text-align: center;
  margin-top: .5rem;
  font-size: .875rem;
  font-style: italic;
}

.editor-content table {
  border-collapse: collapse;
  width: 100%;
  margin: 1rem 0;
  display: table;
  overflow-x: auto;
}

.editor-content table:not([style*="border"]) td, .editor-content table:not([style*="border"]) th {
  border: 1px solid #e2e8f0;
  padding: .5rem .75rem;
}

.editor-content th {
  text-align: start;
  font-weight: 600;
}

.editor-content pre {
  color: #e2e8f0;
  tab-size: 2;
  white-space: pre;
  background: #1e293b;
  border-radius: 8px;
  margin: 1rem 0;
  padding: 1rem 1.25rem;
  font-family: Fira Code, Consolas, Monaco, monospace;
  font-size: .9rem;
  line-height: 1.6;
  overflow-x: auto;
}

.editor-content code:not(pre code) {
  color: #e11d48;
  background: #0000000f;
  border-radius: 4px;
  padding: .15rem .4rem;
  font-family: Fira Code, Consolas, Monaco, monospace;
  font-size: .9em;
}

.editor-content blockquote {
  background: #3b82f60d;
  border-inline-start: 4px solid #3b82f6;
  border-radius: 0 8px 8px 0;
  margin: 1rem 0;
  padding: .75rem 1rem;
  font-style: italic;
}

.editor-content blockquote blockquote {
  background: #a855f70d;
  border-inline-start-color: #a855f7;
}

.editor-content ul, .editor-content ol {
  margin: .75rem 0;
  padding-inline-start: 1.5rem;
}

.editor-content li, .editor-content li > ul, .editor-content li > ol {
  margin: .25rem 0;
}

.editor-content h1 {
  color: #0f172a;
  margin: 1.5rem 0 .75rem;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.3;
}

.editor-content h2 {
  color: #1e293b;
  margin: 1.25rem 0 .5rem;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.35;
}

.editor-content h3 {
  color: #1e293b;
  margin: 1rem 0 .5rem;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.4;
}

.editor-content a {
  color: #3b82f6;
  text-underline-offset: 2px;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
  transition: color .15s;
}

.editor-content a:hover {
  color: #2563eb;
  text-decoration-style: solid;
}

.editor-content hr {
  border: none;
  border-top: 2px solid #e2e8f0;
  margin: 1.5rem 0;
}

.editor-content sup {
  vertical-align: super;
  font-size: .75em;
}

.editor-content sub {
  vertical-align: sub;
  font-size: .75em;
}

.editor-content .download-area {
  background: linear-gradient(135deg, #f0f9ff, #e0f2fe);
  border: 1px solid #bae6fd;
  border-radius: 12px;
  margin: 1rem 0;
  padding: 1.25rem;
}

.editor-content .download-area-title {
  color: #0c4a6e;
  margin-bottom: .75rem;
  font-size: 1.1rem;
  font-weight: 600;
}

.editor-content .download-link {
  background: #fff;
  border: 1px solid #e0f2fe;
  border-radius: 8px;
  align-items: center;
  gap: .5rem;
  margin: .5rem 0;
  padding: .5rem .75rem;
  transition: background .15s;
  display: flex;
}

.editor-content .download-link:hover {
  background: #f0f9ff;
}

.editor-content .quick-download {
  color: #fff;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  border-radius: 8px;
  align-items: center;
  gap: .5rem;
  padding: .5rem 1rem;
  font-weight: 500;
  text-decoration: none;
  transition: transform .15s, box-shadow .15s;
  display: inline-flex;
}

.editor-content .quick-download:hover {
  color: #fff;
  text-decoration: none;
  transform: translateY(-1px);
  box-shadow: 0 4px 12px #667eea66;
}

.editor-content .team-table {
  background: linear-gradient(135deg, #fafafa, #f5f5f5);
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  margin: 1rem 0;
  padding: 1.25rem;
}

.editor-content .team-table-title {
  color: #1e293b;
  margin-bottom: .75rem;
  font-size: 1.1rem;
  font-weight: 600;
}

.editor-content .virustotal-block {
  background: linear-gradient(135deg, #f0fdf4, #dcfce7);
  border: 1px solid #86efac;
  border-radius: 12px;
  margin: 1rem 0;
  padding: 1.25rem;
}

.editor-content .vtScanContent, .vtScanContent {
  border-radius: 14px;
  margin: 1rem 0;
  position: relative;
  overflow: hidden;
}

.editor-content .vtScanHeader, .vtScanHeader {
  align-items: center;
  gap: .625rem;
  padding: .875rem 1rem;
  font-weight: 700;
  display: flex;
}

.editor-content .vtScanSubtitle, .vtScanSubtitle {
  opacity: .85;
  font-size: .75rem;
  font-weight: 400;
}

.editor-content .vtScanTitle, .vtScanTitle {
  color: #fff;
  font-size: 1rem;
  font-weight: 700;
}

.editor-content .vtScanRow, .vtScanRow {
  align-items: center;
  gap: .75rem;
  padding: .625rem 1rem;
  transition: all .25s;
  display: flex;
}

.editor-content .vtScanRow:last-child, .vtScanRow:last-child {
  border-bottom: none !important;
}

.editor-content .vtScanRow:hover, .vtScanRow:hover {
  filter: brightness(1.03);
}

.editor-content .vtScanNum, .vtScanNum {
  text-align: center;
  opacity: .7;
  min-width: 24px;
  font-size: .85rem;
  font-weight: 700;
}

.editor-content .vtScanFileName, .vtScanFileName {
  flex: 1;
  font-size: .95rem;
  font-weight: 600;
}

.editor-content .vtScanStatus, .vtScanStatus {
  border-radius: 12px;
  flex-shrink: 0;
  align-items: center;
  gap: 4px;
  padding: 2px 8px;
  font-size: .7rem;
  font-weight: 700;
  display: inline-flex;
}

.editor-content .vtScanViewBtn, .vtScanViewBtn {
  border-radius: 6px;
  flex-shrink: 0;
  padding: 4px 12px;
  font-size: .75rem;
  font-weight: 700;
  text-decoration: none;
  transition: opacity .2s, transform .2s;
  display: inline-block;
}

.editor-content .vtScanViewBtn:hover, .vtScanViewBtn:hover {
  opacity: .9;
  transform: translateY(-1px);
}

.dark .vtScanContent {
  box-shadow: 0 4px 20px #0000004d;
}

.dark .vtScanRow:hover {
  filter: brightness(1.08);
}

.editor-content .tag-block {
  -webkit-user-select: none;
  user-select: none;
  border-radius: 8px;
  margin: 1rem 0;
  padding: 0;
  position: relative;
}

.editor-content .tag-block .tag-label {
  border-radius: 6px;
  align-items: center;
  gap: .5rem;
  padding: .5rem .75rem;
  font-family: Fira Code, monospace;
  font-size: .8rem;
  display: flex;
}

.editor-content .tag-block.comments-tag .tag-label {
  color: #2563eb;
  background: #3b82f61a;
  border: 1px dashed #93c5fd;
}

.editor-content .tag-block.reactions-tag .tag-label {
  color: #7c3aed;
  background: #a855f71a;
  border: 1px dashed #c4b5fd;
}

.editor-content .tag-content {
  border-inline-start: 3px solid #e2e8f0;
  min-height: 2rem;
  margin-inline-start: .5rem;
  padding: .75rem;
}

.editor-content .tag-collapse-btn, .editor-content .tag-delete-btn {
  cursor: pointer;
  opacity: .7;
  padding: 0 .25rem;
  transition: opacity .15s;
}

.editor-content .tag-collapse-btn:hover, .editor-content .tag-delete-btn:hover {
  opacity: 1;
}

.editor-content .spoiler-block {
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  margin: 1rem 0;
  overflow: hidden;
}

.editor-content .spoiler-header {
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  background: #f8fafc;
  align-items: center;
  gap: .5rem;
  padding: .75rem 1rem;
  font-weight: 600;
  display: flex;
}

.editor-content .spoiler-content {
  padding: 1rem;
}

.editor-content .spoiler-content.collapsed {
  display: none;
}

.editor-content .callout-block {
  border-inline-start: 4px solid;
  border-radius: 8px;
  gap: .75rem;
  margin: 1rem 0;
  padding: 1rem 1.25rem;
  display: flex;
}

.editor-content .callout-block.info {
  background: #eff6ff;
  border-inline-start-color: #3b82f6;
}

.editor-content .callout-block.warning {
  background: #fffbeb;
  border-inline-start-color: #f59e0b;
}

.editor-content .callout-block.success {
  background: #f0fdf4;
  border-inline-start-color: #22c55e;
}

.editor-content .callout-block.error {
  background: #fef2f2;
  border-inline-start-color: #ef4444;
}

.editor-content .callout-icon {
  flex-shrink: 0;
  font-size: 1.25rem;
}

.editor-content .callout-content {
  flex: 1;
}

.editor-content .content-gallery {
  border-radius: 8px;
  margin: 1rem 0;
  overflow: hidden;
}

.editor-content [data-gallery] {
  max-width: 100%;
  margin: 16px 0;
}

.editor-content [data-gallery] img {
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 0;
  width: 100%;
  max-width: none;
  height: auto;
  margin: 0;
  display: block;
}

.editor-content [data-gallery="classic-grid"] {
  border-radius: 8px;
  overflow: hidden;
}

.editor-content [data-gallery="classic-grid"] > div {
  transition: transform .3s;
}

.editor-content [data-gallery="classic-grid"] > div:hover {
  z-index: 2;
  transform: scale(1.03);
}

.editor-content [data-gallery="masonry"] img {
  height: auto;
}

.editor-content [data-gallery="masonry"] > div {
  transition: filter .3s;
}

.editor-content [data-gallery="masonry"] > div:hover {
  filter: brightness(1.08);
}

.editor-content [data-gallery="carousel-fade"] {
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  border-radius: 8px;
  overflow: hidden;
}

.editor-content [data-gallery="carousel-fade"]::-webkit-scrollbar {
  display: none;
}

.editor-content [data-gallery="spotlight"] img {
  transition: transform .35s, filter .35s;
}

.editor-content [data-gallery="spotlight"] > div:last-child > div:hover img {
  filter: brightness(1.1);
  transform: scale(1.06);
}

.editor-content [data-gallery="mosaic"] {
  border-radius: 8px;
  overflow: hidden;
}

.editor-content [data-gallery="mosaic"] > div {
  transition: transform .3s;
}

.editor-content [data-gallery="mosaic"] > div:hover {
  z-index: 2;
  transform: scale(1.02);
}

.editor-content [data-gallery="filmstrip"] {
  scrollbar-width: thin;
  scrollbar-color: #6464644d transparent;
}

.editor-content [data-gallery="filmstrip"]::-webkit-scrollbar {
  height: 6px;
}

.editor-content [data-gallery="filmstrip"]::-webkit-scrollbar-track {
  background: none;
}

.editor-content [data-gallery="filmstrip"]::-webkit-scrollbar-thumb {
  background: #6464644d;
  border-radius: 3px;
}

.editor-content [data-gallery="filmstrip"] > div {
  transition: transform .3s, box-shadow .3s;
}

.editor-content [data-gallery="filmstrip"] > div:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 32px #0006;
}

.editor-content [data-gallery="filmstrip"] img {
  height: auto;
}

.editor-content [data-gallery="magazine"] > div > div:first-child {
  transition: transform .3s, box-shadow .3s;
}

.editor-content [data-gallery="magazine"] > div > div:first-child:hover {
  transform: scale(1.02);
  box-shadow: 0 8px 32px #0000002e;
}

.editor-content [data-gallery="magazine"] img {
  height: auto;
}

.editor-content [data-gallery="polaroid"] > div {
  transition: transform .35s cubic-bezier(.25, .46, .45, .94), box-shadow .35s;
}

.editor-content [data-gallery="polaroid"] > div:hover {
  z-index: 10;
}

.editor-content [data-gallery="polaroid"] img {
  width: 180px;
  height: 180px;
}

.editor-content [data-gallery="justified"] img {
  -o-object-fit: cover;
  object-fit: cover;
  height: 100%;
}

.editor-content [data-gallery="tiles-3d"] {
  perspective: 1000px;
}

.editor-content [data-gallery="tiles-3d"] > div {
  transform-style: preserve-3d;
  transition: transform .45s cubic-bezier(.25, .46, .45, .94), box-shadow .45s;
}

.editor-content [data-gallery="tiles-3d"] > div:hover {
  z-index: 2;
  transform: rotateY(-5deg)rotateX(3deg)scale(1.04);
  box-shadow: 12px 12px 40px #0000004d;
}

.editor-content [data-gallery="collage"] {
  overflow: visible !important;
}

.editor-content [data-gallery="collage"] > div {
  transition: transform .4s cubic-bezier(.25, .46, .45, .94), box-shadow .4s;
}

.editor-content [data-gallery="collage"] > div:hover {
  z-index: 20;
  box-shadow: 0 12px 40px #0000004d;
  transform: scale(1.08)rotate(0) !important;
}

.editor-content [data-gallery="panoramic"] {
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
  scrollbar-color: #6464644d transparent;
}

.editor-content [data-gallery="panoramic"]::-webkit-scrollbar {
  height: 6px;
}

.editor-content [data-gallery="panoramic"]::-webkit-scrollbar-thumb {
  background: #6464644d;
  border-radius: 3px;
}

.editor-content [data-gallery="panoramic"] > div {
  scroll-snap-align: start;
  transition: transform .3s;
}

.editor-content [data-gallery="panoramic"] > div:hover {
  z-index: 2;
  transform: scale(1.02);
}

@media (max-width: 768px) {
  .editor-content {
    font-size: 1rem;
    line-height: 1.7;
  }

  .editor-content h1 {
    font-size: 1.5rem;
  }

  .editor-content h2 {
    font-size: 1.25rem;
  }

  .editor-content h3 {
    font-size: 1.1rem;
  }

  .editor-content pre {
    padding: .75rem;
    font-size: .8rem;
  }

  .editor-content table {
    -webkit-overflow-scrolling: touch;
    display: block;
    overflow-x: auto;
  }

  .editor-content [data-gallery="classic-grid"] {
    grid-template-columns: repeat(2, 1fr) !important;
  }

  .editor-content [data-gallery="masonry"] {
    -moz-columns: 2 !important;
    columns: 2 !important;
  }

  .editor-content [data-gallery="mosaic"] {
    grid-template-rows: auto !important;
    grid-template-columns: 1fr !important;
    height: auto !important;
  }

  .editor-content [data-gallery="mosaic"] > div:first-child {
    grid-row: auto !important;
  }

  .editor-content [data-gallery="magazine"] > div {
    flex-direction: column !important;
  }

  .editor-content [data-gallery="polaroid"] img {
    width: 120px;
    height: 120px;
  }

  .editor-content [data-gallery="filmstrip"] > div {
    width: 160px !important;
  }

  .editor-content [data-gallery="tiles-3d"] {
    grid-template-columns: repeat(2, 1fr) !important;
  }

  .editor-content [data-gallery="collage"] {
    flex-wrap: wrap;
    height: auto !important;
    display: flex !important;
    position: static !important;
  }

  .editor-content [data-gallery="collage"] > div {
    position: static !important;
    transform: none !important;
  }
}

@media (prefers-color-scheme: dark) {
  .editor-content {
    color: #f1f5f9;
  }

  .editor-content h1 {
    color: #f8fafc;
  }

  .editor-content h2, .editor-content h3 {
    color: #f1f5f9;
  }

  .editor-content code:not(pre code) {
    color: #fb7185;
    background: #ffffff1a;
  }

  .editor-content blockquote {
    background: #3b82f61a;
  }

  .editor-content hr {
    border-top-color: #334155;
  }

  .editor-content figcaption {
    color: #94a3b8;
  }

  .editor-content .tag-block.comments-tag .tag-label {
    background: #3b82f626;
  }

  .editor-content .tag-block.reactions-tag .tag-label {
    background: #a855f726;
  }

  .editor-content .download-area {
    background: linear-gradient(135deg, #0c4a6e, #164e63);
    border-color: #155e75;
  }

  .editor-content .download-area-title {
    color: #e0f2fe;
  }

  .editor-content .download-link {
    background: #ffffff0d;
    border-color: #ffffff1a;
  }

  .editor-content .spoiler-header {
    background: #1e293b;
  }

  .editor-content .callout-block.info {
    background: #3b82f61a;
  }

  .editor-content .callout-block.warning {
    background: #f59e0b1a;
  }

  .editor-content .callout-block.success {
    background: #22c55e1a;
  }

  .editor-content .callout-block.error {
    background: #ef44441a;
  }
}

.dark .editor-content {
  color: #f1f5f9;
}

.dark .editor-content h1 {
  color: #f8fafc;
}

.dark .editor-content h2, .dark .editor-content h3 {
  color: #f1f5f9;
}

.dark .editor-content code:not(pre code) {
  color: #fb7185;
  background: #ffffff1a;
}

.dark .editor-content blockquote {
  background: #3b82f61a;
}

.dark .editor-content hr {
  border-top-color: #334155;
}

.dark .editor-content figcaption {
  color: #94a3b8;
}

[data-theme="dark"] .editor-content {
  color: #f1f5f9;
}

[data-theme="dark"] .editor-content h1 {
  color: #f8fafc;
}

[data-theme="dark"] .editor-content h2, [data-theme="dark"] .editor-content h3 {
  color: #f1f5f9;
}

[data-theme="dark"] .editor-content code:not(pre code) {
  color: #fb7185;
  background: #ffffff1a;
}

[data-theme="dark"] .editor-content blockquote {
  background: #3b82f61a;
}

[data-theme="dark"] .editor-content hr {
  border-top-color: #334155;
}

[data-theme="dark"] .editor-content figcaption {
  color: #94a3b8;
}

.editor-content [contenteditable="false"] {
  z-index: 1;
  clear: both;
  -webkit-user-select: none;
  user-select: none;
  cursor: default;
  isolation: isolate;
  display: block;
  position: relative;
}

.editor-content [contenteditable="false"]:before {
  content: "";
  height: 0;
  display: block;
}

.editor-content [contenteditable="false"] + [contenteditable="false"] {
  margin-top: 8px;
}

.editor-content [data-video-embed], .editor-content video {
  pointer-events: auto;
}

.editor-content [data-video-anim="fadeIn"] {
  animation: .8s ease-out both videoFadeIn;
}

.editor-content [data-video-anim="slideRight"] {
  animation: .6s ease-out both videoSlideRight;
}

.editor-content [data-video-anim="slideUp"] {
  animation: .6s ease-out both videoSlideUp;
}

.editor-content [data-video-anim="slideLeft"] {
  animation: .6s ease-out both videoSlideLeft;
}

.editor-content [data-video-anim="slideDown"] {
  animation: .6s ease-out both videoSlideDown;
}

.editor-content [data-video-anim="zoomIn"] {
  animation: .5s ease-out both videoZoomIn;
}

.editor-content [data-video-anim="rotateIn"] {
  animation: .7s ease-out both videoRotateIn;
}

.editor-content [data-video-anim="bounceIn"] {
  animation: .8s cubic-bezier(.68, -.55, .27, 1.55) both videoBounceIn;
}

.editor-content [data-video-anim="flipIn"] {
  perspective: 1000px;
  animation: .7s ease-out both videoFlipIn;
}

.editor-content [data-video-anim="elastic"] {
  animation: 1s cubic-bezier(.68, -.55, .27, 1.55) both videoElastic;
}

.editor-content [data-video-anim="glitch"] {
  animation: .6s steps(8, end) both videoGlitch;
}

.editor-content [data-video-anim="cinematic"] {
  animation: 1.2s cubic-bezier(.25, .46, .45, .94) both videoCinematic;
}

@keyframes videoFadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes videoSlideRight {
  from {
    opacity: 0;
    transform: translateX(40px);
  }

  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes videoSlideUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes videoSlideLeft {
  from {
    opacity: 0;
    transform: translateX(-40px);
  }

  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes videoSlideDown {
  from {
    opacity: 0;
    transform: translateY(-30px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes videoZoomIn {
  from {
    opacity: 0;
    transform: scale(.85);
  }

  to {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes videoRotateIn {
  from {
    opacity: 0;
    transform: rotate(-10deg)scale(.9);
  }

  to {
    opacity: 1;
    transform: rotate(0)scale(1);
  }
}

@keyframes videoBounceIn {
  from {
    opacity: 0;
    transform: scale(.3);
  }

  50% {
    opacity: 1;
    transform: scale(1.05);
  }

  to {
    transform: scale(1);
  }
}

@keyframes videoFlipIn {
  from {
    opacity: 0;
    transform: rotateY(-90deg);
  }

  to {
    opacity: 1;
    transform: rotateY(0);
  }
}

@keyframes videoElastic {
  0% {
    opacity: 0;
    transform: scale(.5);
  }

  40% {
    transform: scale(1.1);
  }

  60% {
    transform: scale(.95);
  }

  80% {
    opacity: 1;
    transform: scale(1.02);
  }

  100% {
    transform: scale(1);
  }
}

@keyframes videoGlitch {
  0% {
    opacity: 0;
    filter: hue-rotate();
    transform: translate(0);
  }

  10% {
    filter: hue-rotate(90deg);
    transform: translate(-3px, 2px);
  }

  20% {
    filter: hue-rotate(180deg);
    transform: translate(3px, -2px);
  }

  30% {
    filter: hue-rotate(270deg);
    transform: translate(-2px, -1px);
  }

  50% {
    filter: hue-rotate();
    transform: translate(2px, 1px);
  }

  70% {
    opacity: 1;
    transform: translate(-1px, 2px);
  }

  100% {
    filter: hue-rotate();
    transform: translate(0);
  }
}

@keyframes videoCinematic {
  0% {
    opacity: 0;
    filter: blur(4px);
    transform: scale(1.1)translateY(20px);
  }

  60% {
    opacity: 1;
    filter: blur();
  }

  100% {
    filter: blur();
    transform: scale(1)translateY(0);
  }
}

.editor-content [data-video-effect="shadowLift"] > * {
  transition: box-shadow .3s, transform .3s;
  box-shadow: 0 8px 25px #00000040, 0 4px 10px #00000026;
}

.editor-content [data-video-effect="shadowLift"]:hover > * {
  transform: translateY(-2px);
  box-shadow: 0 12px 35px #0000004d, 0 6px 14px #0003;
}

.editor-content [data-video-effect="hoverGrow"] > * {
  transition: transform .3s;
}

.editor-content [data-video-effect="hoverGrow"]:hover > * {
  transform: scale(1.03);
}

.editor-content [data-video-effect="glow"] > * {
  box-shadow: 0 0 20px #6366f159, 0 0 60px #6366f11a;
}

.editor-content [data-video-effect="vignette"] > * {
  box-shadow: inset 0 0 40px #0006;
}

.editor-content [data-video-effect="filmGrain"] > * {
  filter: contrast(1.1) saturate(.9);
  position: relative;
}

.editor-content [data-video-effect="filmGrain"]:after {
  content: "";
  pointer-events: none;
  border-radius: inherit;
  mix-blend-mode: overlay;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.08'/%3E%3C/svg%3E");
  position: absolute;
  inset: 0;
}

.editor-content [data-video-effect="neonPulse"] > * {
  animation: 2s ease-in-out infinite alternate neonPulseEffect;
}

@keyframes neonPulseEffect {
  from {
    box-shadow: 0 0 10px #0f8, 0 0 20px #0f83;
  }

  to {
    box-shadow: 0 0 20px #0f8, 0 0 40px #00ff884d, 0 0 60px #00ff881a;
  }
}

.editor-content [data-video-effect="glass"] > * {
  -webkit-backdrop-filter: blur(8px);
  background: #ffffff0d;
  border: 1px solid #ffffff26;
}

.editor-content [data-video-effect="spotlight"] > * {
  box-shadow: 0 0 40px #ffffff26, 0 4px 24px #0000004d;
}

.editor-content [data-video-effect="parallax"] > * {
  transition: transform .4s;
  transform: perspective(800px)rotateY(0);
}

.editor-content [data-video-effect="parallax"]:hover > * {
  transform: perspective(800px)rotateY(3deg)rotateX(2deg);
}

.editor-content [data-video-effect="holographic"] > * {
  background: linear-gradient(135deg, #6366f126, #ec489926, #22d3ee26);
  animation: 3s ease-in-out infinite alternate holoShift;
  box-shadow: 0 0 20px #6366f133;
}

@keyframes holoShift {
  0% {
    box-shadow: 0 0 20px #6366f133, 0 0 40px #6366f10d;
  }

  50% {
    box-shadow: 0 0 20px #ec489933, 0 0 40px #ec48990d;
  }

  100% {
    box-shadow: 0 0 20px #22d3ee33, 0 0 40px #22d3ee0d;
  }
}

.editor-content [data-video-effect="aurora"] > * {
  animation: 4s ease-in-out infinite alternate auroraEffect;
  box-shadow: 0 0 30px #22d3ee4d, 0 0 60px #a855f726;
}

@keyframes auroraEffect {
  0% {
    box-shadow: 0 0 30px #22d3ee4d, 0 0 60px #a855f726;
  }

  33% {
    box-shadow: 0 0 30px #a855f74d, 0 0 60px #22d3ee26;
  }

  66% {
    box-shadow: 0 0 30px #6366f14d, 0 0 60px #ec489926;
  }

  100% {
    box-shadow: 0 0 30px #22d3ee4d, 0 0 60px #a855f726;
  }
}

.editor-content .dl-button {
  transition: all .3s;
}

.editor-content [data-dl-anim="lift"] .dl-button:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 20px #00000026;
}

.editor-content [data-dl-anim="scale"] .dl-button:hover {
  transform: scale(1.05);
}

.editor-content [data-dl-anim="glow"] .dl-button:hover {
  filter: brightness(1.1);
  box-shadow: 0 0 15px #6366f180, 0 0 30px #6366f140;
}

.editor-content [data-dl-anim="slide"] .dl-button {
  position: relative;
  overflow: hidden;
}

.editor-content [data-dl-anim="slide"] .dl-button:after {
  content: "";
  background: linear-gradient(90deg, #0000, #ffffff26, #0000);
  width: 100%;
  height: 100%;
  transition: left .5s;
  position: absolute;
  top: 0;
  left: -100%;
}

.editor-content [data-dl-anim="slide"] .dl-button:hover:after {
  left: 100%;
}

.editor-content [data-dl-anim="slide"] .dl-button:hover {
  transform: translateX(4px);
}

.editor-content [data-dl-anim="shake"] .dl-button:hover {
  animation: .4s ease-in-out dlShake;
}

@keyframes dlShake {
  0% {
    transform: translateX(0);
  }

  15% {
    transform: translateX(-4px)rotate(-1deg);
  }

  30% {
    transform: translateX(4px)rotate(1deg);
  }

  45% {
    transform: translateX(-3px)rotate(-.5deg);
  }

  60% {
    transform: translateX(3px)rotate(.5deg);
  }

  75% {
    transform: translateX(-1px);
  }

  100% {
    transform: translateX(0);
  }
}

.editor-content [data-dl-anim="bounce"] .dl-button:hover {
  animation: .6s dlBounce;
}

@keyframes dlBounce {
  0% {
    transform: translateY(0);
  }

  20% {
    transform: translateY(-8px);
  }

  40% {
    transform: translateY(-2px);
  }

  60% {
    transform: translateY(-6px);
  }

  80% {
    transform: translateY(-1px);
  }

  100% {
    transform: translateY(0);
  }
}

.editor-content [data-dl-anim="neonPulse"] .dl-button {
  animation: 2s ease-in-out infinite alternate dlNeonPulse;
}

@keyframes dlNeonPulse {
  from {
    filter: brightness();
    box-shadow: 0 0 8px #0f86, 0 0 16px #00ff8826;
  }

  to {
    filter: brightness(1.08);
    box-shadow: 0 0 18px #0f89, 0 0 36px #00ff8840, 0 0 60px #00ff881a;
  }
}

.editor-content [data-dl-effect="shadow"] .dl-button {
  box-shadow: 0 8px 25px #0003, 0 2px 8px #0000001a;
}

.editor-content [data-dl-effect="shadow"] .dl-button:hover {
  box-shadow: 0 12px 35px #00000040, 0 4px 12px #00000026;
}

.editor-content [data-dl-effect="glow"] .dl-button {
  box-shadow: 0 0 20px #6366f14d, 0 4px 15px #0000001a;
}

.editor-content [data-dl-effect="glow"] .dl-button:hover {
  box-shadow: 0 0 30px #6366f173, 0 4px 20px #00000026;
}

.editor-content [data-dl-effect="reflection"] .dl-button {
  position: relative;
  overflow: hidden;
}

.editor-content [data-dl-effect="reflection"] .dl-button:before {
  content: "";
  pointer-events: none;
  background: linear-gradient(105deg, #0000, #ffffff40, #0000);
  width: 30%;
  height: 100%;
  position: absolute;
  top: 0;
  left: -40%;
  transform: skewX(-15deg);
}

.editor-content [data-dl-effect="shimmer"] .dl-button {
  position: relative;
  overflow: hidden;
}

.editor-content [data-dl-effect="shimmer"] .dl-button:after {
  content: "";
  pointer-events: none;
  background: linear-gradient(90deg, #0000, #fff3, #0000);
  width: 60%;
  height: 100%;
  animation: 2.5s ease-in-out infinite dlShimmer;
  position: absolute;
  top: 0;
  left: -100%;
}

@keyframes dlShimmer {
  0% {
    left: -100%;
  }

  100% {
    left: 200%;
  }
}

.editor-content [data-dl-effect="particles"] .dl-button {
  position: relative;
  overflow: visible;
}

.editor-content [data-dl-effect="particles"]:before, .editor-content [data-dl-effect="particles"]:after {
  content: "";
  pointer-events: none;
  z-index: 1;
  background: #ffd700b3;
  border-radius: 50%;
  width: 4px;
  height: 4px;
  position: absolute;
}

.editor-content [data-dl-effect="particles"]:before {
  animation: 3s ease-in-out infinite dlParticle1;
  top: -6px;
  left: 20%;
}

.editor-content [data-dl-effect="particles"]:after {
  animation: 2.5s ease-in-out .5s infinite dlParticle2;
  bottom: -6px;
  right: 15%;
}

@keyframes dlParticle1 {
  0%, 100% {
    opacity: .7;
    transform: translate(0)scale(1);
  }

  25% {
    opacity: 1;
    transform: translate(8px, -10px)scale(.6);
  }

  50% {
    opacity: .5;
    transform: translate(-4px, -14px)scale(.3);
  }

  75% {
    opacity: .9;
    transform: translate(6px, -6px)scale(.8);
  }
}

@keyframes dlParticle2 {
  0%, 100% {
    opacity: .6;
    transform: translate(0)scale(.8);
  }

  30% {
    opacity: 1;
    transform: translate(-6px, 8px)scale(.4);
  }

  60% {
    opacity: .4;
    transform: translate(10px, 12px)scale(.6);
  }

  80% {
    opacity: .8;
    transform: translate(-3px, 5px)scale(1);
  }
}

.editor-content .da-file {
  transition: all .25s;
}

.editor-content [data-da-anim="lift"] .da-file:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px #0000001a;
}

.editor-content [data-da-anim="highlight"] .da-file:hover {
  filter: brightness(1.08);
  box-shadow: 0 2px 8px #00000014;
}

.editor-content [data-da-anim="slideRight"] .da-file:hover {
  transform: translateX(6px);
  box-shadow: -4px 0 12px #00000014;
}

.editor-content [data-da-anim="glow"] .da-file:hover {
  box-shadow: 0 0 16px #6366f14d, 0 2px 8px #00000014;
}

.editor-content [data-da-anim="borderPulse"] .da-file:hover {
  animation: 1s ease-in-out infinite alternate daBorderPulse;
}

@keyframes daBorderPulse {
  from {
    box-shadow: 0 0 0 1px #6366f14d;
  }

  to {
    box-shadow: 0 0 0 3px #6366f180, 0 0 12px #6366f126;
  }
}

.editor-content [data-da-anim="neonLine"] .da-file {
  position: relative;
  overflow: hidden;
}

.editor-content [data-da-anim="neonLine"] .da-file:before {
  content: "";
  background: #0f8;
  border-radius: 2px;
  width: 3px;
  height: 0;
  transition: all .3s;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  box-shadow: 0 0 8px #0f8, 0 0 16px #00ff884d;
}

.editor-content [data-da-anim="neonLine"] .da-file:hover:before {
  height: 70%;
}

.editor-content [data-da-anim="neonLine"] .da-file:hover {
  transform: translateX(4px);
}

.editor-content [data-da-anim="shimmer"] .da-file {
  position: relative;
  overflow: hidden;
}

.editor-content [data-da-anim="shimmer"] .da-file:after {
  content: "";
  pointer-events: none;
  background: linear-gradient(90deg, #0000, #ffffff26, #0000);
  width: 50%;
  height: 100%;
  transition: left .5s;
  position: absolute;
  top: 0;
  left: -100%;
}

.editor-content [data-da-anim="shimmer"] .da-file:hover:after {
  left: 150%;
}

.editor-content [data-da-effect="shadow"] {
  box-shadow: 0 10px 30px #00000026, 0 4px 10px #00000014;
}

.editor-content [data-da-effect="glow"] {
  box-shadow: 0 0 30px #6366f133, 0 4px 16px #0000001a;
}

.editor-content [data-da-effect="borderGlow"] {
  animation: 3s ease-in-out infinite alternate daBorderGlow;
}

@keyframes daBorderGlow {
  from {
    box-shadow: 0 0 8px #6366f133, inset 0 0 8px #6366f10d;
  }

  to {
    box-shadow: 0 0 20px #6366f166, inset 0 0 20px #6366f11a;
  }
}

.editor-content [data-da-effect="shimmer"] {
  position: relative;
  overflow: hidden;
}

.editor-content [data-da-effect="shimmer"]:after {
  content: "";
  pointer-events: none;
  z-index: 1;
  background: linear-gradient(90deg, #0000, #ffffff14, #0000);
  width: 60%;
  height: 100%;
  animation: 3s ease-in-out infinite daShimmerWave;
  position: absolute;
  top: 0;
  left: -100%;
}

@keyframes daShimmerWave {
  0% {
    left: -100%;
  }

  100% {
    left: 200%;
  }
}

.editor-content [data-da-effect="particles"] {
  position: relative;
  overflow: visible;
}

.editor-content [data-da-effect="particles"]:before, .editor-content [data-da-effect="particles"]:after {
  content: "";
  pointer-events: none;
  z-index: 2;
  background: #ffd700b3;
  border-radius: 50%;
  width: 5px;
  height: 5px;
  position: absolute;
}

.editor-content [data-da-effect="particles"]:before {
  animation: 3.5s ease-in-out infinite daParticle1;
  top: -4px;
  right: 10%;
}

.editor-content [data-da-effect="particles"]:after {
  animation: 3s ease-in-out .7s infinite daParticle2;
  bottom: -4px;
  left: 15%;
}

@keyframes daParticle1 {
  0%, 100% {
    opacity: .6;
    transform: translate(0)scale(1);
  }

  25% {
    opacity: 1;
    transform: translate(10px, -12px)scale(.5);
  }

  50% {
    opacity: .4;
    transform: translate(-6px, -18px)scale(.3);
  }

  75% {
    opacity: .8;
    transform: translate(8px, -8px)scale(.7);
  }
}

@keyframes daParticle2 {
  0%, 100% {
    opacity: .5;
    transform: translate(0)scale(.7);
  }

  30% {
    opacity: 1;
    transform: translate(-8px, 10px)scale(.4);
  }

  60% {
    opacity: .3;
    transform: translate(12px, 14px)scale(.5);
  }

  80% {
    opacity: .7;
    transform: translate(-4px, 6px)scale(.9);
  }
}

.editor-content .da-download-btn:hover {
  filter: brightness(1.1);
  transform: scale(1.03);
}

.editor-content .mention-chip {
  vertical-align: baseline;
  cursor: default;
  -webkit-user-select: all;
  user-select: all;
  background: linear-gradient(135deg, #ede9fe, #e0e7ff);
  border: 1px solid #c7d2fe;
  border-radius: 999px;
  align-items: center;
  gap: .25rem;
  padding: .125rem .5rem .125rem .25rem;
  font-size: .85em;
  line-height: 1.6;
  transition: background .15s;
  display: inline-flex;
}

.editor-content .mention-chip:hover {
  background: linear-gradient(135deg, #ddd6fe, #c7d2fe);
}

.editor-content .mention-avatar {
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 50%;
  flex-shrink: 0;
  width: 18px;
  height: 18px;
}

.editor-content .mention-avatar-placeholder {
  color: #fff;
  background: linear-gradient(135deg, #667eea, #764ba2);
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 18px;
  height: 18px;
  font-size: .6em;
  font-weight: 700;
  display: inline-flex;
}

.editor-content .mention-name {
  color: #4338ca;
  font-weight: 600;
}

.dark .editor-content .mention-chip {
  background: linear-gradient(135deg, #312e81, #1e1b4b);
  border-color: #4338ca;
}

.dark .editor-content .mention-chip:hover {
  background: linear-gradient(135deg, #3730a3, #312e81);
}

.dark .editor-content .mention-name {
  color: #a5b4fc;
}

.dark .editor-content .mention-avatar-placeholder {
  background: linear-gradient(135deg, #4338ca, #6d28d9);
}

.editor-content .teamTableContent, .teamTableContent {
  border-radius: 12px;
  margin: 1rem 0;
  position: relative;
  overflow: hidden;
}

.editor-content .teamTableHeader, .teamTableHeader {
  align-items: center;
  gap: .625rem;
  padding: .875rem 1rem;
  font-size: 1.1rem;
  font-weight: 700;
  display: flex;
}

.editor-content .teamTableTitle, .teamTableTitle {
  color: #fff;
  letter-spacing: .3px;
  align-items: center;
  gap: .75rem;
  font-size: 1.1rem;
  font-weight: 700;
  display: flex;
}

.editor-content .teamTableSubtitle, .teamTableSubtitle {
  opacity: .85;
  font-size: .8rem;
}

.editor-content .teamTableRow, .teamTableRow {
  align-items: center;
  gap: .75rem;
  padding: .625rem 1rem;
  transition: all .25s;
  display: flex;
}

.editor-content .teamTableRow:hover, .teamTableRow:hover {
  filter: brightness(.97);
}

.editor-content .teamTableRow:last-child, .teamTableRow:last-child {
  border-bottom: none;
}

.editor-content .teamTableNum, .teamTableNum {
  text-align: center;
  opacity: .7;
  min-width: 24px;
  font-size: .85rem;
  font-weight: 700;
}

.editor-content .teamTableAvatar, .teamTableAvatar {
  -o-object-fit: cover;
  object-fit: cover;
  border: 2px solid #ffffff4d;
  border-radius: 50%;
  flex-shrink: 0;
  width: 32px;
  height: 32px;
}

.editor-content .teamTableAvatarPlaceholder, .teamTableAvatarPlaceholder {
  width: 32px;
  height: 32px;
  color: inherit;
  opacity: .8;
  background: #fff3;
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  font-size: .75rem;
  font-weight: 700;
  display: flex;
}

.editor-content .teamTableName, .teamTableName {
  flex: 1;
  font-size: .95rem;
  font-weight: 600;
}

.editor-content .teamTableNameLink, .teamTableNameLink {
  cursor: pointer;
  text-underline-offset: 3px;
  flex: 1;
  font-size: .95rem;
  font-weight: 600;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
  transition: color .15s, text-decoration-color .15s;
}

.editor-content .teamTableNameLink:hover, .teamTableNameLink:hover {
  color: #4f46e5;
  text-decoration-style: solid;
}

.editor-content .teamTableNickname, .teamTableNickname {
  opacity: .7;
  font-size: .8rem;
  font-style: italic;
}

.dark .editor-content .teamTableContent, .dark .teamTableContent {
  background: #1f2937;
  border-color: #374151;
  box-shadow: 0 4px 16px #8b5cf614;
}

.dark .editor-content .teamTableRow, .dark .teamTableRow {
  border-bottom-color: #374151;
}

.dark .editor-content .teamTableRow:hover, .dark .teamTableRow:hover {
  filter: brightness(1.1);
}

.dark .editor-content .teamTableNum, .dark .teamTableNum {
  color: #a78bfa;
}

.dark .editor-content .teamTableName, .dark .teamTableName {
  color: #e5e7eb;
}

.dark .editor-content .teamTableNameLink, .dark .teamTableNameLink {
  color: #c4b5fd;
}

.dark .editor-content .teamTableNameLink:hover, .dark .teamTableNameLink:hover {
  color: #a5b4fc;
}

.dark .editor-content .teamTableNickname, .dark .teamTableNickname {
  color: #a78bfa;
}

.advancedTextContent {
  box-sizing: border-box;
  white-space: pre-wrap;
  word-break: break-word;
  width: fit-content;
  max-width: 100%;
  margin: 12px auto 12px 0;
  transition: all .3s;
  display: block;
  position: relative;
  overflow: hidden;
}

.advancedTextContent.at-selected {
  outline-offset: 2px;
  outline: 2px solid #6366f1;
}

.advancedTextContent[data-at-hover="lift"]:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 25px #00000026 !important;
}

.advancedTextContent[data-at-hover="scale"]:hover {
  transform: scale(1.02);
}

.advancedTextContent[data-at-hover="glow"]:hover {
  box-shadow: 0 0 20px #6366f166, 0 0 40px #6366f126 !important;
}

.advancedTextContent[data-at-hover="slideRight"]:hover {
  transform: translateX(6px);
}

.advancedTextContent[data-at-hover="borderPulse"]:hover {
  animation: 1.2s infinite atBorderPulse;
}

@keyframes atBorderPulse {
  0%, 100% {
    box-shadow: 0 0 #6366f166;
  }

  50% {
    box-shadow: 0 0 0 6px #6366f100;
  }
}

.advancedTextContent[data-at-hover="neonLine"]:hover {
  animation: 1.5s ease-in-out infinite alternate atNeonPulse;
}

@keyframes atNeonPulse {
  from {
    box-shadow: 0 0 5px, 0 0 10px;
  }

  to {
    box-shadow: 0 0 15px, 0 0 30px, 0 0 45px;
  }
}

.advancedTextContent[data-at-hover="shake"]:hover {
  animation: .5s ease-in-out atShake;
}

@keyframes atShake {
  0%, 100% {
    transform: translateX(0);
  }

  10%, 50%, 90% {
    transform: translateX(-3px);
  }

  30%, 70% {
    transform: translateX(3px);
  }
}

.advancedTextContent[data-at-hover="shimmer"]:hover .at-text-inner {
  background: linear-gradient(90deg, currentColor 0%, #fffc 50%, currentColor 100%) 0 0 / 200% 100%;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  animation: 2s infinite atShimmer;
}

@keyframes atShimmer {
  0% {
    background-position: -200% 0;
  }

  100% {
    background-position: 200% 0;
  }
}

.advancedTextContent[data-at-entrance="fadeIn"] {
  animation: .8s both atFadeIn;
}

@keyframes atFadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.advancedTextContent[data-at-entrance="slideUp"] {
  animation: .6s both atSlideUp;
}

@keyframes atSlideUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.advancedTextContent[data-at-entrance="slideLeft"] {
  animation: .6s both atSlideLeft;
}

@keyframes atSlideLeft {
  from {
    opacity: 0;
    transform: translateX(-30px);
  }

  to {
    opacity: 1;
    transform: translateX(0);
  }
}

.advancedTextContent[data-at-entrance="zoomIn"] {
  animation: .5s both atZoomIn;
}

@keyframes atZoomIn {
  from {
    opacity: 0;
    transform: scale(.85);
  }

  to {
    opacity: 1;
    transform: scale(1);
  }
}

.advancedTextContent[data-at-entrance="bounceIn"] {
  animation: .7s cubic-bezier(.215, .61, .355, 1) both atBounceIn;
}

@keyframes atBounceIn {
  0% {
    opacity: 0;
    transform: scale(.3);
  }

  50% {
    opacity: 1;
    transform: scale(1.05);
  }

  70% {
    transform: scale(.95);
  }

  100% {
    transform: scale(1);
  }
}

.advancedTextContent[data-at-entrance="flipIn"] {
  perspective: 800px;
  animation: .6s both atFlipIn;
}

@keyframes atFlipIn {
  from {
    opacity: 0;
    transform: perspective(800px)rotateX(-80deg);
  }

  to {
    opacity: 1;
    transform: perspective(800px)rotateX(0);
  }
}

.advancedTextContent[data-at-entrance="typewriter"] .at-text-inner {
  white-space: nowrap;
  border-inline-end: 2px solid;
  animation: 2s steps(40, end) both atTypewriter, .7s step-end infinite atBlink;
  overflow: hidden;
}

@keyframes atTypewriter {
  from {
    width: 0;
  }

  to {
    width: 100%;
  }
}

@keyframes atBlink {
  50% {
    border-color: #0000;
  }
}

.advancedTextContent[data-at-effect="shadow"] {
  box-shadow: 0 10px 30px #0003 !important;
}

.advancedTextContent[data-at-effect="glow"] {
  box-shadow: 0 0 30px #6366f140, 0 0 60px #6366f11a !important;
}

.advancedTextContent[data-at-effect="borderGlow"] {
  box-shadow: 0 0 15px #6366f14d, inset 0 0 15px #6366f10d !important;
}

.advancedTextContent[data-at-effect="shimmer"]:after {
  content: "";
  pointer-events: none;
  background: linear-gradient(90deg, #0000, #ffffff26, #0000);
  width: 50%;
  height: 100%;
  animation: 3s ease-in-out infinite atShimmerWave;
  position: absolute;
  top: 0;
  left: -100%;
}

@keyframes atShimmerWave {
  0% {
    left: -100%;
  }

  100% {
    left: 200%;
  }
}

.advancedTextContent[data-at-effect="particles"]:before {
  content: "✨";
  pointer-events: none;
  font-size: 1.2rem;
  animation: 2s ease-in-out infinite atSparkle;
  position: absolute;
  top: -8px;
  right: -8px;
}

@keyframes atSparkle {
  0%, 100% {
    opacity: .3;
    transform: scale(.8)rotate(0);
  }

  50% {
    opacity: 1;
    transform: scale(1.2)rotate(180deg);
  }
}

.advancedListContent {
  padding: var(--al-padding, 12px);
  font-size: var(--al-font-size, 15px);
  color: var(--al-text, #1e293b);
  background: var(--al-bg, transparent);
  border-radius: var(--al-radius, 8px);
  cursor: default;
  margin: 1rem 0;
  list-style: none;
  transition: outline .15s;
}

.advancedListContent.al-selected {
  outline-offset: 4px;
  outline: 2px solid #4f46e5;
}

.advancedListContent .adv-list-item {
  margin-bottom: var(--al-gap, 8px);
  line-height: 1.55;
}

.advancedListContent .adv-list-item:last-child {
  margin-bottom: 0;
}

.adv-list--disc {
  padding-inline-start: 1.25rem;
  list-style: inside;
}

.adv-list--circle {
  padding-inline-start: 1.25rem;
  list-style: inside circle;
}

.adv-list--square {
  padding-inline-start: 1.25rem;
  list-style: inside square;
}

.adv-list--disc .adv-list-item, .adv-list--circle .adv-list-item, .adv-list--square .adv-list-item {
  display: list-item;
}

.adv-list--decimal {
  padding-inline-start: 1.25rem;
  list-style: inside decimal;
}

.adv-list--lower-alpha {
  padding-inline-start: 1.25rem;
  list-style: inside lower-alpha;
}

.adv-list--upper-alpha {
  padding-inline-start: 1.25rem;
  list-style: inside upper-alpha;
}

.adv-list--lower-roman {
  padding-inline-start: 1.25rem;
  list-style: inside lower-roman;
}

.adv-list--upper-roman {
  padding-inline-start: 1.25rem;
  list-style: inside upper-roman;
}

.adv-list--decimal .adv-list-item, .adv-list--lower-alpha .adv-list-item, .adv-list--upper-alpha .adv-list-item, .adv-list--lower-roman .adv-list-item, .adv-list--upper-roman .adv-list-item {
  display: list-item;
}

.adv-list--checklist .adv-list-item {
  align-items: flex-start;
  display: flex;
}

.adv-list--checklist .adv-list-item label {
  cursor: pointer;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.adv-list--checklist .adv-list-item input[type="checkbox"] {
  accent-color: var(--al-accent, #4f46e5);
  cursor: pointer;
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  margin-top: 3px;
}

.adv-list--dash .adv-list-item:before {
  content: "—";
  color: var(--al-accent, #4f46e5);
  margin-inline-end: 10px;
  font-weight: 700;
}

.adv-list--arrow .adv-list-item {
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.adv-list--arrow .adv-list-item:before {
  content: "➜";
  color: var(--al-accent, #4f46e5);
  flex-shrink: 0;
  font-size: 1em;
}

.adv-list--checkmark .adv-list-item {
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.adv-list--checkmark .adv-list-item:before {
  content: "✓";
  color: #22c55e;
  flex-shrink: 0;
  font-size: 1.1em;
  font-weight: 900;
}

.adv-list--star .adv-list-item {
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.adv-list--star .adv-list-item:before {
  content: "★";
  color: var(--al-accent, #f59e0b);
  flex-shrink: 0;
  font-size: 1em;
}

.adv-list--gradient-num .adv-list-item {
  align-items: flex-start;
  gap: 12px;
  display: flex;
}

.adv-list--gradient-num .adv-list-num {
  background: linear-gradient(135deg, var(--al-accent, #4f46e5), #8b5cf6);
  color: #fff;
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  font-size: .8em;
  font-weight: 800;
  display: inline-flex;
}

.adv-list--bordered .adv-list-item {
  border-inline-start: 4px solid var(--al-accent, #4f46e5);
  background: #4f46e50a;
  border-radius: 0 6px 6px 0;
  padding: 8px 14px;
}

.adv-list--timeline {
  padding-inline-start: 32px;
  position: relative;
}

.adv-list--timeline:before {
  content: "";
  inset-inline-start: 14px;
  background: var(--al-accent, #4f46e5);
  opacity: .3;
  width: 2px;
  position: absolute;
  top: 8px;
  bottom: 8px;
}

.adv-list--timeline .adv-list-item {
  padding-inline-start: 20px;
  position: relative;
}

.adv-list--timeline .adv-list-item:before {
  content: "";
  inset-inline-start: -22px;
  background: var(--al-accent, #4f46e5);
  width: 10px;
  height: 10px;
  box-shadow: 0 0 0 2px var(--al-accent, #4f46e5);
  border: 2px solid #fff;
  border-radius: 50%;
  position: absolute;
  top: 6px;
}

.adv-list--badge .adv-list-item {
  align-items: flex-start;
  gap: 10px;
  display: flex;
}

.adv-list--badge .adv-list-item:before {
  content: "";
  background: var(--al-accent, #4f46e5);
  border-radius: 3px;
  flex-shrink: 0;
  width: 12px;
  height: 12px;
  margin-top: 4px;
  transform: rotate(45deg);
}

.adv-list--card .adv-list-item {
  border-radius: var(--al-radius, 8px);
  background: #fff;
  border: 1px solid #e2e8f0;
  padding: 10px 14px;
  transition: box-shadow .15s;
  box-shadow: 0 1px 3px #0000000f;
}

.adv-list--card .adv-list-item:hover {
  box-shadow: 0 4px 12px #0000001a;
}

.adv-list--highlight .adv-list-item {
  border-inline-start: 3px solid var(--al-accent, #4f46e5);
  background: linear-gradient(90deg, #4f46e514 0%, #0000 100%);
  border-radius: 4px;
  padding: 6px 12px;
}

.adv-list--pill {
  gap: var(--al-gap, 8px);
  flex-wrap: wrap;
  display: flex;
}

.adv-list--pill .adv-list-item {
  background: var(--al-accent, #4f46e5);
  color: #fff;
  border-radius: 999px;
  margin-bottom: 0;
  padding: 4px 16px;
  font-size: .9em;
  font-weight: 600;
  display: inline-block;
}

.adv-list--separator .adv-list-item {
  padding-bottom: var(--al-gap, 8px);
  border-bottom: 1px solid #e2e8f0;
}

.adv-list--separator .adv-list-item:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

.adv-list--indented-quote .adv-list-item {
  border-inline-start: 3px solid var(--al-accent, #4f46e5);
  color: #475569;
  background: #00000005;
  border-radius: 0 6px 6px 0;
  padding: 8px 16px;
  font-style: italic;
}

.adv-list--neon .adv-list-item {
  border: 1px solid var(--al-accent, #0f8);
  border-radius: var(--al-radius, 8px);
  color: var(--al-accent, #0f8);
  background: #000000e6;
  padding: 8px 14px;
  font-weight: 500;
  transition: box-shadow .2s;
  box-shadow: 0 0 8px #0f83, inset 0 0 8px #00ff880d;
}

.adv-list--neon .adv-list-item:hover {
  box-shadow: 0 0 16px #0f86, inset 0 0 12px #00ff8814;
}

.adv-list--glass .adv-list-item {
  -webkit-backdrop-filter: blur(10px);
  border-radius: var(--al-radius, 10px);
  background: #ffffff26;
  border: 1px solid #ffffff40;
  padding: 10px 14px;
  box-shadow: 0 4px 16px #00000014;
}

.adv-list--gradient-bg .adv-list-item {
  background: linear-gradient(135deg, var(--al-accent, #4f46e5), #8b5cf6);
  color: #fff;
  border-radius: var(--al-radius, 8px);
  padding: 10px 14px;
  font-weight: 600;
  box-shadow: 0 2px 8px #4f46e540;
}

.adv-list--holographic .adv-list-item {
  border-radius: var(--al-radius, 8px);
  background: linear-gradient(135deg, #3b82f61a, #ec48991a, #8b5cf61a);
  border: 1px solid #8b5cf64d;
  padding: 10px 14px;
  position: relative;
  overflow: hidden;
}

.adv-list--holographic .adv-list-item:after {
  content: "";
  pointer-events: none;
  background: linear-gradient(45deg, #0000 40%, #ffffff1a 50%, #0000 60%);
  width: 200%;
  height: 200%;
  animation: 3s ease-in-out infinite alHoloShimmer;
  position: absolute;
  top: -50%;
  left: -50%;
}

@keyframes alHoloShimmer {
  0% {
    transform: translateX(-100%);
  }

  100% {
    transform: translateX(100%);
  }
}

.adv-list--dark-elite .adv-list-item {
  color: #e0e0ff;
  border-radius: var(--al-radius, 8px);
  background: #1a1a2e;
  border: 1px solid #8b5cf64d;
  padding: 10px 14px;
  font-weight: 500;
  box-shadow: 0 2px 8px #0000004d;
}

.adv-list--dark-elite .adv-list-item:hover {
  border-color: var(--al-accent, #8b5cf6);
  box-shadow: 0 4px 16px #8b5cf633;
}

.adv-list--step-progress .adv-list-item {
  align-items: flex-start;
  gap: 14px;
  padding: 8px 0;
  display: flex;
}

.adv-list--step-progress .adv-list-num {
  background: var(--al-accent, #4f46e5);
  color: #fff;
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  font-size: .85em;
  font-weight: 800;
  display: inline-flex;
  position: relative;
  box-shadow: 0 2px 6px #4f46e54d;
}

.adv-list--step-progress .adv-list-item:not(:last-child) .adv-list-num:after {
  content: "";
  width: 2px;
  height: calc(var(--al-gap, 8px)  + 16px);
  background: var(--al-accent, #4f46e5);
  opacity: .3;
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
}

.adv-list--kanban .adv-list-item {
  border-radius: var(--al-radius, 8px);
  border: 1px solid #e2e8f0;
  border-inline-start: 4px solid var(--al-accent, #4f46e5);
  background: #fff;
  align-items: center;
  gap: 8px;
  padding: 10px 14px;
  display: flex;
  box-shadow: 0 1px 4px #0000000f;
}

.adv-list--kanban .adv-list-item:before {
  content: "";
  background: var(--al-accent, #4f46e5);
  border-radius: 50%;
  flex-shrink: 0;
  width: 8px;
  height: 8px;
}

.adv-list--tag-cloud {
  gap: var(--al-gap, 8px);
  flex-wrap: wrap;
  display: flex;
}

.adv-list--tag-cloud .adv-list-item {
  border: 1px solid var(--al-accent, #4f46e5);
  color: var(--al-accent, #4f46e5);
  background: #4f46e50f;
  border-radius: 6px;
  margin-bottom: 0;
  padding: 5px 14px;
  font-size: .9em;
  font-weight: 500;
  transition: all .15s;
  display: inline-flex;
}

.adv-list--tag-cloud .adv-list-item:hover {
  background: var(--al-accent, #4f46e5);
  color: #fff;
}

.adv-list--cyberpunk .adv-list-item {
  color: #0f8;
  border-inline-start: 3px solid #ff0080;
  background: #0d0d1a;
  border-bottom: 1px solid #00ff8826;
  border-radius: 2px;
  padding: 8px 14px;
  font-family: Courier New, monospace;
  position: relative;
}

.adv-list--cyberpunk .adv-list-item:before {
  content: ">";
  color: #ff0080;
  margin-inline-end: 8px;
  font-weight: 900;
}

.adv-list--minimal-icon .adv-list-item {
  align-items: flex-start;
  gap: 10px;
  display: flex;
}

.adv-list--minimal-icon .adv-list-item:before {
  content: "◉";
  color: var(--al-accent, #4f46e5);
  flex-shrink: 0;
  margin-top: -1px;
}

@media (prefers-color-scheme: dark) {
  .adv-list--card .adv-list-item {
    background: #1e293b;
    border-color: #334155;
  }

  .adv-list--bordered .adv-list-item {
    background: #4f46e514;
  }

  .adv-list--highlight .adv-list-item {
    background: linear-gradient(90deg, #4f46e526 0%, #0000 100%);
  }

  .adv-list--separator .adv-list-item {
    border-color: #334155;
  }

  .adv-list--kanban .adv-list-item {
    background: #1e293b;
    border-color: #334155;
  }

  .adv-list--indented-quote .adv-list-item {
    color: #94a3b8;
    background: #ffffff0a;
  }
}

.dark .adv-list--card .adv-list-item {
  background: #1e293b;
  border-color: #334155;
}

.dark .adv-list--bordered .adv-list-item {
  background: #4f46e514;
}

.dark .adv-list--highlight .adv-list-item {
  background: linear-gradient(90deg, #4f46e526 0%, #0000 100%);
}

.dark .adv-list--separator .adv-list-item {
  border-color: #334155;
}

.dark .adv-list--kanban .adv-list-item {
  background: #1e293b;
  border-color: #334155;
}

.dark .adv-list--indented-quote .adv-list-item {
  color: #94a3b8;
  background: #ffffff0a;
}

.advancedListContent[data-al-anim="fadeIn"] .adv-list-item {
  animation: .6s both alFadeIn;
}

.advancedListContent[data-al-anim="slideUp"] .adv-list-item {
  animation: .5s both alSlideUp;
}

.advancedListContent[data-al-anim="slideLeft"] .adv-list-item {
  animation: .5s both alSlideLeft;
}

.advancedListContent[data-al-anim="zoomIn"] .adv-list-item {
  animation: .5s both alZoomIn;
}

.advancedListContent[data-al-anim="bounceIn"] .adv-list-item {
  animation: .6s both alBounceIn;
}

.advancedListContent[data-al-anim="flipIn"] .adv-list-item {
  animation: .6s both alFlipIn;
}

.advancedListContent[data-al-anim="staggerFade"] .adv-list-item {
  animation: .4s both alFadeIn;
}

.advancedListContent[data-al-anim="staggerFade"] .adv-list-item:first-child {
  animation-delay: 0s;
}

.advancedListContent[data-al-anim="staggerFade"] .adv-list-item:nth-child(2) {
  animation-delay: 80ms;
}

.advancedListContent[data-al-anim="staggerFade"] .adv-list-item:nth-child(3) {
  animation-delay: .16s;
}

.advancedListContent[data-al-anim="staggerFade"] .adv-list-item:nth-child(4) {
  animation-delay: .24s;
}

.advancedListContent[data-al-anim="staggerFade"] .adv-list-item:nth-child(5) {
  animation-delay: .32s;
}

.advancedListContent[data-al-anim="staggerFade"] .adv-list-item:nth-child(6) {
  animation-delay: .4s;
}

.advancedListContent[data-al-anim="staggerFade"] .adv-list-item:nth-child(7) {
  animation-delay: .48s;
}

.advancedListContent[data-al-anim="staggerFade"] .adv-list-item:nth-child(8) {
  animation-delay: .56s;
}

.advancedListContent[data-al-anim="staggerFade"] .adv-list-item:nth-child(9) {
  animation-delay: .64s;
}

.advancedListContent[data-al-anim="staggerFade"] .adv-list-item:nth-child(10) {
  animation-delay: .72s;
}

.advancedListContent[data-al-anim="cascadeUp"] .adv-list-item {
  animation: .5s both alSlideUp;
}

.advancedListContent[data-al-anim="cascadeUp"] .adv-list-item:first-child {
  animation-delay: 0s;
}

.advancedListContent[data-al-anim="cascadeUp"] .adv-list-item:nth-child(2) {
  animation-delay: .1s;
}

.advancedListContent[data-al-anim="cascadeUp"] .adv-list-item:nth-child(3) {
  animation-delay: .2s;
}

.advancedListContent[data-al-anim="cascadeUp"] .adv-list-item:nth-child(4) {
  animation-delay: .3s;
}

.advancedListContent[data-al-anim="cascadeUp"] .adv-list-item:nth-child(5) {
  animation-delay: .4s;
}

.advancedListContent[data-al-anim="cascadeUp"] .adv-list-item:nth-child(6) {
  animation-delay: .5s;
}

.advancedListContent[data-al-anim="cascadeUp"] .adv-list-item:nth-child(7) {
  animation-delay: .6s;
}

.advancedListContent[data-al-anim="cascadeUp"] .adv-list-item:nth-child(8) {
  animation-delay: .7s;
}

.advancedListContent[data-al-anim="cascadeUp"] .adv-list-item:nth-child(9) {
  animation-delay: .8s;
}

.advancedListContent[data-al-anim="cascadeUp"] .adv-list-item:nth-child(10) {
  animation-delay: .9s;
}

@keyframes alFadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes alSlideUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes alSlideLeft {
  from {
    opacity: 0;
    transform: translateX(30px);
  }

  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes alZoomIn {
  from {
    opacity: 0;
    transform: scale(.85);
  }

  to {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes alBounceIn {
  0% {
    opacity: 0;
    transform: scale(.3);
  }

  50% {
    opacity: 1;
    transform: scale(1.05);
  }

  70% {
    transform: scale(.95);
  }

  100% {
    transform: scale(1);
  }
}

@keyframes alFlipIn {
  from {
    opacity: 0;
    transform: perspective(400px)rotateX(-90deg);
  }

  to {
    opacity: 1;
    transform: perspective(400px)rotateX(0);
  }
}

.advancedListContent[data-al-hover="lift"] .adv-list-item {
  transition: transform .2s, box-shadow .2s;
}

.advancedListContent[data-al-hover="lift"] .adv-list-item:hover {
  transform: translateY(-3px);
  box-shadow: 0 6px 16px #0000001f;
}

.advancedListContent[data-al-hover="scale"] .adv-list-item {
  transition: transform .2s;
}

.advancedListContent[data-al-hover="scale"] .adv-list-item:hover {
  transform: scale(1.03);
}

.advancedListContent[data-al-hover="glow"] .adv-list-item {
  transition: box-shadow .2s;
}

.advancedListContent[data-al-hover="glow"] .adv-list-item:hover {
  box-shadow: 0 0 16px #4f46e559;
}

.advancedListContent[data-al-hover="slideRight"] .adv-list-item {
  transition: transform .2s, padding-inline-start .2s;
}

.advancedListContent[data-al-hover="slideRight"] .adv-list-item:hover {
  transform: translateX(8px);
}

.advancedListContent[data-al-hover="borderPulse"] .adv-list-item {
  border: 1px solid #0000;
  transition: border-color .3s, box-shadow .3s;
}

.advancedListContent[data-al-hover="borderPulse"] .adv-list-item:hover {
  border-color: var(--al-accent, #4f46e5);
  box-shadow: 0 0 0 2px var(--al-accent, #4f46e5), 0 0 12px #4f46e526;
}

.advancedListContent[data-al-hover="neonLine"] .adv-list-item {
  border-bottom: 2px solid #0000;
  transition: border-color .3s, box-shadow .3s;
}

.advancedListContent[data-al-hover="neonLine"] .adv-list-item:hover {
  border-bottom-color: var(--al-accent, #0f8);
  box-shadow: 0 4px 12px #0f83;
}

.advancedListContent[data-al-hover="colorShift"] .adv-list-item {
  transition: color .3s, background .3s;
}

.advancedListContent[data-al-hover="colorShift"] .adv-list-item:hover {
  color: #fff;
  background: var(--al-accent, #4f46e5);
  border-radius: var(--al-radius, 8px);
}

.advancedListContent[data-al-effect="shadow"] .adv-list-item {
  text-shadow: 2px 2px 4px #00000026;
}

.advancedListContent[data-al-effect="textGlow"] .adv-list-item {
  text-shadow: 0 0 8px var(--al-accent, #4f46e5), 0 0 16px #4f46e533;
}

.advancedListContent[data-al-effect="borderGlow"] .adv-list-item {
  box-shadow: inset 0 0 0 1px var(--al-accent, #4f46e5), 0 0 12px #4f46e533;
  border-radius: var(--al-radius, 8px);
}

.advancedListContent[data-al-effect="gradient-text"] .adv-list-item span {
  background: linear-gradient(135deg, var(--al-accent, #4f46e5), #ec4899, #3b82f6);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
}

.advancedListContent[data-al-effect="retro-scanlines"] {
  position: relative;
  overflow: hidden;
}

.advancedListContent[data-al-effect="retro-scanlines"]:after {
  content: "";
  pointer-events: none;
  background: repeating-linear-gradient(0deg, #0000, #0000 2px, #00000008 2px 4px);
  position: absolute;
  inset: 0;
}

.advancedListContent[data-al-effect="particle-bg"] {
  position: relative;
  overflow: hidden;
}

.advancedListContent[data-al-effect="particle-bg"]:before {
  content: "";
  background: radial-gradient(circle at 20% 30%, var(--al-accent, #4f46e5) 1px, transparent 1px), radial-gradient(circle at 80% 70%, #8b5cf64d 1px, transparent 1px), radial-gradient(circle at 50% 50%, #ec489933 1px, transparent 1px);
  opacity: .4;
  pointer-events: none;
  background-size: 40px 40px, 60px 60px, 80px 80px;
  width: 200%;
  height: 200%;
  animation: 20s linear infinite alParticleDrift;
  position: absolute;
  top: -50%;
  left: -50%;
}

@keyframes alParticleDrift {
  from {
    transform: translate(0);
  }

  to {
    transform: translate(40px, 40px);
  }
}

.advancedListContent[data-al-effect="frosted"] .adv-list-item {
  -webkit-backdrop-filter: blur(8px);
  border-radius: var(--al-radius, 8px);
  background: #ffffff1f;
  border: 1px solid #fff3;
  padding: 8px 14px;
}

/* [project]/apps/web/src/app/thread/[id]/components/ReadingProgressBar.module.css [app-client] (css) */
.ReadingProgressBar-module__Zcc8eq__progressBar {
  z-index: 200;
  background: linear-gradient(90deg, #667eea 0%, #764ba2 50%, #f093fb 100%);
  border-radius: 0 2px 2px 0;
  height: 3px;
  transition: width .15s ease-out;
  position: fixed;
  top: 0;
  left: 0;
}

/* [project]/apps/web/src/components/role-badge/RoleBadge.module.css [app-client] (css) */
.RoleBadge-module__8fyl6W__badge {
  letter-spacing: .5px;
  text-transform: uppercase;
  white-space: nowrap;
  cursor: default;
  -webkit-font-smoothing: antialiased;
  border-radius: 9999px;
  align-items: center;
  gap: 6px;
  padding: 4px 14px;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.4;
  transition: transform .25s, box-shadow .25s;
  display: inline-flex;
  position: relative;
  overflow: hidden;
}

.RoleBadge-module__8fyl6W__badge:hover {
  transform: translateY(-1px)scale(1.02);
}

.RoleBadge-module__8fyl6W__icon {
  flex-shrink: 0;
  align-items: center;
  font-size: 13px;
  display: inline-flex;
}

.RoleBadge-module__8fyl6W__badge:after {
  content: "";
  border-radius: inherit;
  pointer-events: none;
  opacity: 0;
  background: linear-gradient(90deg, #0000 0%, #ffffff26 50%, #0000 100%);
  width: 60%;
  height: 100%;
  transition: opacity .3s;
  position: absolute;
  top: 0;
  left: -100%;
}

.RoleBadge-module__8fyl6W__badge:hover:after {
  opacity: 1;
  animation: .6s ease-out forwards RoleBadge-module__8fyl6W__sheen;
}

.RoleBadge-module__8fyl6W__member {
  color: #4b5563;
  background: linear-gradient(135deg, #f3f4f6 0%, #e5e7eb 100%);
  border: 1px solid #d1d5db99;
  box-shadow: 0 1px 3px #0000000f;
}

.RoleBadge-module__8fyl6W__member:hover {
  box-shadow: 0 3px 8px #0000001a;
}

.dark .RoleBadge-module__8fyl6W__member {
  color: #d1d5db;
  background: linear-gradient(135deg, #374151 0%, #1f2937 100%);
  border-color: #4b556380;
  box-shadow: 0 1px 3px #0003;
}

.dark .RoleBadge-module__8fyl6W__member:hover {
  box-shadow: 0 3px 8px #00000059;
}

.RoleBadge-module__8fyl6W__moderator {
  color: #fff;
  background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);
  border: 1px solid #3b82f64d;
  box-shadow: 0 2px 8px #3b82f640, inset 0 1px #ffffff26;
}

.RoleBadge-module__8fyl6W__moderator:hover {
  box-shadow: 0 4px 14px #3b82f659, inset 0 1px #ffffff26;
}

.dark .RoleBadge-module__8fyl6W__moderator {
  background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);
  border-color: #2563eb66;
  box-shadow: 0 2px 8px #2563eb4d, inset 0 1px #ffffff1a;
}

.dark .RoleBadge-module__8fyl6W__moderator:hover {
  box-shadow: 0 4px 14px #2563eb66, inset 0 1px #ffffff1a;
}

.RoleBadge-module__8fyl6W__moderator .RoleBadge-module__8fyl6W__pulseRing {
  display: none;
}

.RoleBadge-module__8fyl6W__admin {
  color: #fff;
  background: linear-gradient(135deg, #a855f7 0%, #7c3aed 100%);
  border: 1px solid #8b5cf64d;
  box-shadow: 0 2px 10px #8b5cf640, inset 0 1px #ffffff26;
}

.RoleBadge-module__8fyl6W__admin:hover {
  box-shadow: 0 4px 16px #8b5cf666, inset 0 1px #ffffff26;
}

.dark .RoleBadge-module__8fyl6W__admin {
  background: linear-gradient(135deg, #7c3aed 0%, #6d28d9 100%);
  border-color: #7c3aed66;
  box-shadow: 0 2px 10px #7c3aed4d, inset 0 1px #ffffff1a;
}

.dark .RoleBadge-module__8fyl6W__admin:hover {
  box-shadow: 0 4px 16px #7c3aed73, inset 0 1px #ffffff1a;
}

.RoleBadge-module__8fyl6W__admin .RoleBadge-module__8fyl6W__sparkle {
  display: none;
}

.RoleBadge-module__8fyl6W__superAdmin {
  color: #fff;
  text-shadow: 0 1px 2px #00000026;
  background: linear-gradient(135deg, #f97316 0%, #ef4444 50%, #dc2626 100%);
  border: 1px solid #ffc86459;
  box-shadow: 0 2px 12px #ef44444d, 0 0 8px #f9731633, inset 0 1px #ffffff40;
}

.RoleBadge-module__8fyl6W__superAdmin:hover {
  box-shadow: 0 4px 20px #ef444473, 0 0 16px #f973164d, inset 0 1px #ffffff40;
}

.dark .RoleBadge-module__8fyl6W__superAdmin {
  background: linear-gradient(135deg, #ea580c 0%, #dc2626 50%, #b91c1c 100%);
  border-color: #fbbf244d;
  box-shadow: 0 2px 12px #dc262659, 0 0 10px #ea580c40, inset 0 1px #ffffff26;
}

.dark .RoleBadge-module__8fyl6W__superAdmin:hover {
  box-shadow: 0 4px 20px #dc262680, 0 0 18px #ea580c59, inset 0 1px #ffffff26;
}

.RoleBadge-module__8fyl6W__superAdmin:after {
  opacity: 1;
  background: linear-gradient(90deg, #0000 0%, #ffffff14 25%, #ffffff4d 50%, #ffffff14 75%, #0000 100%);
  width: 40%;
  animation: 6s ease-in-out infinite RoleBadge-module__8fyl6W__superSheen;
}

.RoleBadge-module__8fyl6W__crownIcon {
  filter: drop-shadow(0 0 3px #fbbf2499) drop-shadow(0 1px 1px #0003);
  transition: filter .3s, transform .3s;
}

.RoleBadge-module__8fyl6W__superAdmin:hover .RoleBadge-module__8fyl6W__crownIcon {
  filter: drop-shadow(0 0 5px #fbbf24cc) drop-shadow(0 0 10px #fbbf2466) drop-shadow(0 1px 1px #0003);
  transform: scale(1.1);
}

.RoleBadge-module__8fyl6W__unknown {
  color: #fff;
  background: linear-gradient(135deg, #6366f1 0%, #4f46e5 100%);
  border: 1px solid #6366f14d;
  box-shadow: 0 2px 6px #6366f140;
}

.RoleBadge-module__8fyl6W__unknown:hover {
  box-shadow: 0 4px 12px #6366f166;
}

.dark .RoleBadge-module__8fyl6W__unknown {
  background: linear-gradient(135deg, #4f46e5 0%, #4338ca 100%);
  border-color: #4f46e566;
  box-shadow: 0 2px 6px #4f46e54d;
}

.RoleBadge-module__8fyl6W__compact {
  letter-spacing: .3px;
  gap: 4px;
  padding: 2px 10px;
  font-size: 10px;
}

.RoleBadge-module__8fyl6W__compact .RoleBadge-module__8fyl6W__icon {
  font-size: 11px;
}

.RoleBadge-module__8fyl6W__large {
  letter-spacing: .6px;
  gap: 7px;
  padding: 6px 18px;
  font-size: 13px;
}

.RoleBadge-module__8fyl6W__large .RoleBadge-module__8fyl6W__icon {
  font-size: 15px;
}

@keyframes RoleBadge-module__8fyl6W__sheen {
  0% {
    left: -100%;
  }

  100% {
    left: 150%;
  }
}

@keyframes RoleBadge-module__8fyl6W__superSheen {
  0%, 85%, 100% {
    opacity: 0;
    left: -100%;
  }

  5% {
    opacity: 1;
  }

  40% {
    opacity: 1;
    left: 200%;
  }

  45% {
    opacity: 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .RoleBadge-module__8fyl6W__badge, .RoleBadge-module__8fyl6W__badge:after, .RoleBadge-module__8fyl6W__superAdmin:after, .RoleBadge-module__8fyl6W__crownIcon {
    transition: none !important;
    animation: none !important;
  }
}

@media (max-width: 640px) {
  .RoleBadge-module__8fyl6W__badge {
    gap: 4px;
    padding: 3px 10px;
    font-size: 11px;
  }

  .RoleBadge-module__8fyl6W__large {
    padding: 4px 14px;
    font-size: 12px;
  }

  .RoleBadge-module__8fyl6W__compact {
    padding: 2px 8px;
    font-size: 9px;
  }
}

/* [project]/apps/web/src/components/user-badges/UserBadges.module.css [app-client] (css) */
.UserBadges-module__I6dBPq__badgesContainer {
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  margin-top: 4px;
  display: flex;
}

.UserBadges-module__I6dBPq__authorBadge, .UserBadges-module__I6dBPq__roleBadge {
  text-transform: uppercase;
  letter-spacing: .3px;
  border-radius: 4px;
  align-items: center;
  padding: 2px 8px;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.4;
  display: inline-flex;
}

.UserBadges-module__I6dBPq__authorBadge {
  color: #fff;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  box-shadow: 0 1px 3px #667eea4d;
}

.UserBadges-module__I6dBPq__roleBadge {
  color: #374151;
  background: #e5e7eb;
}

.UserBadges-module__I6dBPq__roleBadge[data-style*="bg-blue"] {
  color: #fff;
  background: #3b82f6;
}

.UserBadges-module__I6dBPq__roleBadge[data-style*="bg-green"] {
  color: #fff;
  background: #10b981;
}

.UserBadges-module__I6dBPq__roleBadge[data-style*="bg-yellow"] {
  color: #fff;
  background: #f59e0b;
}

.UserBadges-module__I6dBPq__roleBadge[data-style*="bg-red"] {
  color: #fff;
  background: #ef4444;
}

.UserBadges-module__I6dBPq__roleBadge[data-style*="bg-purple"] {
  color: #fff;
  background: #8b5cf6;
}

.UserBadges-module__I6dBPq__roleBadge[data-style*="bg-pink"] {
  color: #fff;
  background: #ec4899;
}

.UserBadges-module__I6dBPq__roleBadge[data-style*="bg-indigo"] {
  color: #fff;
  background: #6366f1;
}

.dark .UserBadges-module__I6dBPq__roleBadge {
  color: #e5e7eb;
  background: #374151;
}

.dark .UserBadges-module__I6dBPq__authorBadge {
  box-shadow: 0 1px 3px #667eea80;
}

.dark .UserBadges-module__I6dBPq__roleBadge[data-style*="bg-blue"] {
  background: #2563eb;
}

.dark .UserBadges-module__I6dBPq__roleBadge[data-style*="bg-green"] {
  background: #059669;
}

.dark .UserBadges-module__I6dBPq__roleBadge[data-style*="bg-yellow"] {
  background: #d97706;
}

.dark .UserBadges-module__I6dBPq__roleBadge[data-style*="bg-red"] {
  background: #dc2626;
}

.dark .UserBadges-module__I6dBPq__roleBadge[data-style*="bg-purple"] {
  background: #7c3aed;
}

.dark .UserBadges-module__I6dBPq__roleBadge[data-style*="bg-pink"] {
  background: #db2777;
}

.dark .UserBadges-module__I6dBPq__roleBadge[data-style*="bg-indigo"] {
  background: #4f46e5;
}

@media (max-width: 640px) {
  .UserBadges-module__I6dBPq__badgesContainer {
    gap: 4px;
  }

  .UserBadges-module__I6dBPq__authorBadge, .UserBadges-module__I6dBPq__roleBadge {
    padding: 2px 6px;
    font-size: 10px;
  }
}

/* [project]/apps/web/src/components/user-dropdown/UserDropdown.module.css [app-client] (css) */
.UserDropdown-module__ZfqNKa__dropdownWrapper {
  display: inline-block;
  position: relative;
}

.UserDropdown-module__ZfqNKa__trigger {
  cursor: pointer;
  background: none;
  border: none;
  align-items: center;
  margin: 0;
  padding: 0;
  transition: opacity .2s;
  display: inline-flex;
}

.UserDropdown-module__ZfqNKa__trigger:hover {
  opacity: .8;
}

.UserDropdown-module__ZfqNKa__dropdownMenu {
  z-index: 9999;
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  min-width: 200px;
  padding: 8px 0;
  animation: .15s ease-out UserDropdown-module__ZfqNKa__slideDown;
  box-shadow: 0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;
}

@keyframes UserDropdown-module__ZfqNKa__slideDown {
  from {
    opacity: 0;
    transform: translateY(-8px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.UserDropdown-module__ZfqNKa__dropdownItem {
  color: #374151;
  align-items: center;
  gap: 12px;
  padding: 10px 16px;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  transition: background-color .15s;
  display: flex;
}

.UserDropdown-module__ZfqNKa__dropdownItem:hover {
  background-color: #f3f4f6;
}

.UserDropdown-module__ZfqNKa__icon {
  color: #6b7280;
  flex-shrink: 0;
  width: 18px;
  height: 18px;
}

.dark .UserDropdown-module__ZfqNKa__dropdownMenu {
  background: #1f2937;
  border-color: #374151;
  box-shadow: 0 4px 6px -1px #0000004d, 0 2px 4px -1px #0003;
}

.dark .UserDropdown-module__ZfqNKa__dropdownItem {
  color: #e5e7eb;
}

.dark .UserDropdown-module__ZfqNKa__dropdownItem:hover {
  background-color: #374151;
}

.dark .UserDropdown-module__ZfqNKa__icon {
  color: #9ca3af;
}

@media (max-width: 640px) {
  .UserDropdown-module__ZfqNKa__dropdownMenu {
    min-width: 180px;
  }

  .UserDropdown-module__ZfqNKa__dropdownItem {
    padding: 8px 12px;
    font-size: 13px;
  }

  .UserDropdown-module__ZfqNKa__icon {
    width: 16px;
    height: 16px;
  }
}

.UserDropdown-module__ZfqNKa__adminDivider {
  background: #e5e7eb;
  height: 1px;
  margin: 6px 0;
}

.dark .UserDropdown-module__ZfqNKa__adminDivider {
  background: #374151;
}

.UserDropdown-module__ZfqNKa__adminIcon {
  text-align: center;
  flex-shrink: 0;
  width: 18px;
  font-size: 16px;
}

.UserDropdown-module__ZfqNKa__adminItemDanger {
  color: #dc2626 !important;
}

.UserDropdown-module__ZfqNKa__adminItemDanger:hover {
  background: #fef2f2 !important;
}

.dark .UserDropdown-module__ZfqNKa__adminItemDanger:hover {
  background: #451a1a !important;
}

.UserDropdown-module__ZfqNKa__adminItemWarning {
  color: #d97706 !important;
}

.UserDropdown-module__ZfqNKa__adminItemWarning:hover {
  background: #fffbeb !important;
}

.dark .UserDropdown-module__ZfqNKa__adminItemWarning:hover {
  background: #451a03 !important;
}

.UserDropdown-module__ZfqNKa__adminItemSuccess {
  color: #059669 !important;
}

.UserDropdown-module__ZfqNKa__adminItemSuccess:hover {
  background: #ecfdf5 !important;
}

.dark .UserDropdown-module__ZfqNKa__adminItemSuccess:hover {
  background: #064e3b !important;
}

.UserDropdown-module__ZfqNKa__adminItemAlert {
  color: #ea580c !important;
}

.UserDropdown-module__ZfqNKa__adminItemAlert:hover {
  background: #fff7ed !important;
}

.dark .UserDropdown-module__ZfqNKa__adminItemAlert:hover {
  background: #431407 !important;
}

.UserDropdown-module__ZfqNKa__modalOverlay {
  z-index: 1000;
  background: #00000080;
  justify-content: center;
  align-items: center;
  padding: 20px;
  display: flex;
  position: fixed;
  inset: 0;
}

.UserDropdown-module__ZfqNKa__modalContent {
  background: #fff;
  border-radius: 12px;
  width: 100%;
  max-width: 480px;
  max-height: 80vh;
  padding: 24px;
  overflow-y: auto;
  box-shadow: 0 20px 60px #0000004d;
}

.dark .UserDropdown-module__ZfqNKa__modalContent {
  background: #1f2937;
  border: 1px solid #374151;
}

.UserDropdown-module__ZfqNKa__modalTitle {
  color: #111827;
  margin: 0 0 4px;
  font-size: 18px;
  font-weight: 700;
}

.dark .UserDropdown-module__ZfqNKa__modalTitle {
  color: #f3f4f6;
}

.UserDropdown-module__ZfqNKa__modalUser {
  color: #6b7280;
  margin: 0 0 16px;
  font-size: 14px;
}

.UserDropdown-module__ZfqNKa__presetsContainer {
  flex-direction: column;
  gap: 6px;
  margin-bottom: 12px;
  display: flex;
}

.UserDropdown-module__ZfqNKa__presetBtn {
  color: #374151;
  cursor: pointer;
  text-align: start;
  background: #f3f4f6;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  padding: 8px 12px;
  font-size: 13px;
  transition: all .15s;
}

.UserDropdown-module__ZfqNKa__presetBtn:hover {
  background: #e5e7eb;
  border-color: #d1d5db;
}

.dark .UserDropdown-module__ZfqNKa__presetBtn {
  color: #e5e7eb;
  background: #374151;
  border-color: #4b5563;
}

.dark .UserDropdown-module__ZfqNKa__presetBtn:hover {
  background: #4b5563;
}

.UserDropdown-module__ZfqNKa__modalTextarea {
  resize: vertical;
  color: #111827;
  background: #fff;
  border: 1px solid #d1d5db;
  border-radius: 8px;
  width: 100%;
  margin-bottom: 16px;
  padding: 10px 12px;
  font-family: inherit;
  font-size: 14px;
}

.UserDropdown-module__ZfqNKa__modalTextarea:focus {
  border-color: #3b82f6;
  outline: none;
  box-shadow: 0 0 0 3px #3b82f626;
}

.dark .UserDropdown-module__ZfqNKa__modalTextarea {
  color: #f3f4f6;
  background: #111827;
  border-color: #4b5563;
}

.UserDropdown-module__ZfqNKa__modalActions {
  justify-content: flex-end;
  gap: 10px;
  display: flex;
}

.UserDropdown-module__ZfqNKa__modalCancel {
  color: #374151;
  cursor: pointer;
  background: #fff;
  border: 1px solid #d1d5db;
  border-radius: 8px;
  padding: 8px 18px;
  font-size: 14px;
  font-weight: 500;
}

.UserDropdown-module__ZfqNKa__modalCancel:hover {
  background: #f3f4f6;
}

.dark .UserDropdown-module__ZfqNKa__modalCancel {
  color: #e5e7eb;
  background: #374151;
  border-color: #4b5563;
}

.UserDropdown-module__ZfqNKa__modalConfirm {
  color: #fff;
  cursor: pointer;
  background: #3b82f6;
  border: none;
  border-radius: 8px;
  padding: 8px 18px;
  font-size: 14px;
  font-weight: 600;
}

.UserDropdown-module__ZfqNKa__modalConfirm:hover {
  background: #2563eb;
}

.UserDropdown-module__ZfqNKa__modalConfirm:disabled {
  opacity: .5;
  cursor: not-allowed;
}

.UserDropdown-module__ZfqNKa__modalConfirmDanger {
  background: #dc2626;
}

.UserDropdown-module__ZfqNKa__modalConfirmDanger:hover {
  background: #b91c1c;
}

.UserDropdown-module__ZfqNKa__bannedBadge {
  color: #dc2626;
  background: #fef2f2;
  border: 1px solid #fecaca;
  border-radius: 4px;
  align-items: center;
  gap: 3px;
  margin-inline-start: 4px;
  padding: 1px 5px;
  font-size: 10px;
  font-weight: 600;
  display: inline-flex;
}

.dark .UserDropdown-module__ZfqNKa__bannedBadge {
  color: #fca5a5;
  background: #450a0a;
  border-color: #7f1d1d;
}

.UserDropdown-module__ZfqNKa__mutedBadge {
  color: #d97706;
  background: #fffbeb;
  border: 1px solid #fde68a;
  border-radius: 4px;
  align-items: center;
  gap: 3px;
  margin-inline-start: 4px;
  padding: 1px 5px;
  font-size: 10px;
  font-weight: 600;
  display: inline-flex;
}

.dark .UserDropdown-module__ZfqNKa__mutedBadge {
  color: #fbbf24;
  background: #451a03;
  border-color: #92400e;
}

/* [project]/apps/web/src/app/thread/[id]/components/AuthorCard.module.css [app-client] (css) */
.AuthorCard-module__j6xoUG__authorCard {
  text-align: center;
  background: #fff;
  border: 2px solid #e2e8f0;
  border-radius: 16px;
  padding: 1.5rem;
  position: sticky;
  top: 1rem;
  box-shadow: 0 4px 6px -1px #0000000d, 0 2px 4px -1px #00000008;
}

.AuthorCard-module__j6xoUG__avatar {
  justify-content: center;
  align-items: center;
  margin: 0 auto 1rem;
  display: flex;
}

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

.AuthorCard-module__j6xoUG__nameContainer {
  flex-direction: column;
  align-items: center;
  gap: .5rem;
  margin-bottom: .25rem;
  display: flex;
}

.AuthorCard-module__j6xoUG__name {
  color: #1e293b;
  font-size: 1.1rem;
  font-weight: 700;
}

.AuthorCard-module__j6xoUG__authorBadge {
  color: #1e293b;
  text-transform: uppercase;
  letter-spacing: .5px;
  background: linear-gradient(135deg, #fbbf24 0%, #f59e0b 100%);
  border-radius: 16px;
  align-items: center;
  gap: .25rem;
  padding: .35rem .75rem;
  font-size: .7rem;
  font-weight: 700;
  animation: 2s ease-in-out infinite AuthorCard-module__j6xoUG__authorBadgePulse;
  display: inline-flex;
  box-shadow: 0 4px 12px #fbbf2466, inset 0 1px #ffffff4d;
}

@keyframes AuthorCard-module__j6xoUG__authorBadgePulse {
  0%, 100% {
    transform: scale(1);
    box-shadow: 0 4px 12px #fbbf2466, inset 0 1px #ffffff4d;
  }

  50% {
    transform: scale(1.05);
    box-shadow: 0 6px 20px #fbbf2499, inset 0 1px #ffffff80;
  }
}

.AuthorCard-module__j6xoUG__joinDate {
  color: #94a3b8;
  margin-bottom: 1rem;
  font-size: .8rem;
}

.AuthorCard-module__j6xoUG__stats {
  border-top: 1px solid #e2e8f0;
  justify-content: center;
  gap: 1.5rem;
  padding-top: 1rem;
  display: flex;
}

.AuthorCard-module__j6xoUG__statBlock {
  text-align: center;
}

.AuthorCard-module__j6xoUG__statValue {
  color: #667eea;
  font-size: 1.25rem;
  font-weight: 700;
  display: block;
}

.AuthorCard-module__j6xoUG__statLabel {
  color: #94a3b8;
  text-transform: uppercase;
  letter-spacing: .05em;
  font-size: .75rem;
}

.dark .AuthorCard-module__j6xoUG__authorCard {
  background: #1e293b;
  border-color: #334155;
}

.dark .AuthorCard-module__j6xoUG__name {
  color: #f8fafc;
}

.dark .AuthorCard-module__j6xoUG__joinDate {
  color: #64748b;
}

.dark .AuthorCard-module__j6xoUG__stats {
  border-color: #334155;
}

.dark .AuthorCard-module__j6xoUG__statLabel {
  color: #64748b;
}

/* [project]/apps/web/src/app/thread/[id]/components/HighlightQuotes.module.css [app-client] (css) */
.HighlightQuotes-module__1l0fEG__container {
  background: #fff;
  border: 2px solid #e2e8f0;
  border-radius: 16px;
  padding: 1.5rem;
  box-shadow: 0 4px 6px -1px #0000000d, 0 2px 4px -1px #00000008;
}

.HighlightQuotes-module__1l0fEG__title {
  text-transform: uppercase;
  letter-spacing: .05em;
  color: #94a3b8;
  margin-bottom: 1rem;
  font-size: .85rem;
  font-weight: 700;
}

.HighlightQuotes-module__1l0fEG__quote {
  border-left: 3px solid #667eea;
  margin-bottom: 1.25rem;
  padding-left: 1rem;
}

.HighlightQuotes-module__1l0fEG__quote:last-child {
  margin-bottom: 0;
}

.HighlightQuotes-module__1l0fEG__quoteText {
  color: #475569;
  margin-bottom: .5rem;
  font-size: .9rem;
  font-style: italic;
  line-height: 1.6;
}

.HighlightQuotes-module__1l0fEG__quoteMeta {
  color: #94a3b8;
  justify-content: space-between;
  align-items: center;
  font-size: .75rem;
  display: flex;
}

.HighlightQuotes-module__1l0fEG__quoteAuthor {
  font-weight: 600;
}

.HighlightQuotes-module__1l0fEG__quoteLikes {
  align-items: center;
  gap: .25rem;
  display: flex;
}

.dark .HighlightQuotes-module__1l0fEG__container {
  background: #1e293b;
  border-color: #334155;
}

.dark .HighlightQuotes-module__1l0fEG__title {
  color: #64748b;
}

.dark .HighlightQuotes-module__1l0fEG__quoteText {
  color: #cbd5e1;
}

.dark .HighlightQuotes-module__1l0fEG__quoteMeta {
  color: #64748b;
}

/* [project]/apps/web/src/app/thread/[id]/page.module.css [app-client] (css) */
.page-module__8tegPG__pageContainer {
  width: 100%;
  padding: 0 1rem;
}

.page-module__8tegPG__innerContainer {
  max-width: 1400px;
  margin: 0 auto;
  padding: 2rem 0;
}

.page-module__8tegPG__breadcrumbWrap {
  margin-bottom: 2rem;
}

.page-module__8tegPG__previewBanner {
  color: #92400e;
  background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);
  border: 2px solid #f59e0b;
  border-radius: 12px;
  align-items: flex-start;
  gap: 1rem;
  margin-bottom: 2rem;
  padding: 1.25rem 1.5rem;
  display: flex;
}

.page-module__8tegPG__previewBannerIcon {
  flex-shrink: 0;
  font-size: 1.5rem;
  line-height: 1;
}

.page-module__8tegPG__previewBannerText {
  margin: .25rem 0 0;
  font-size: .9rem;
  line-height: 1.5;
}

.dark .page-module__8tegPG__previewBanner {
  color: #fde68a;
  background: linear-gradient(135deg, #451a03 0%, #78350f 100%);
  border-color: #b45309;
}

.page-module__8tegPG__magazineLayout {
  grid-template-columns: 1fr 340px;
  align-items: start;
  gap: 2rem;
  display: grid;
}

.page-module__8tegPG__mainColumn {
  min-width: 0;
}

.page-module__8tegPG__sidebar {
  flex-direction: column;
  gap: 1.5rem;
  display: flex;
}

.page-module__8tegPG__threadHeader {
  color: #fff;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  border-radius: 16px;
  margin-bottom: 2rem;
  padding: 2rem;
  box-shadow: 0 10px 30px #667eea4d, inset 0 1px #fff3;
}

.page-module__8tegPG__threadHeaderTop {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  margin-bottom: 1rem;
  display: flex;
}

.page-module__8tegPG__threadMeta {
  flex-wrap: wrap;
  align-items: center;
  gap: 1rem;
  display: flex;
}

.page-module__8tegPG__editButton {
  color: #fff;
  cursor: pointer;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background: #ffffff26;
  border: 2px solid #ffffff4d;
  border-radius: 8px;
  align-items: center;
  gap: .5rem;
  padding: .6rem 1.2rem;
  font-size: .9rem;
  font-weight: 600;
  transition: all .3s cubic-bezier(.4, 0, .2, 1);
  display: flex;
}

.page-module__8tegPG__editButton:hover {
  background: #ffffff40;
  border-color: #ffffff80;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px #0003;
}

.page-module__8tegPG__threadIcon {
  background: #fff3;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  font-size: 24px;
  display: flex;
}

.page-module__8tegPG__threadBadge {
  text-transform: uppercase;
  border-radius: 8px;
  padding: .4rem .8rem;
  font-size: .75rem;
  font-weight: 600;
}

.page-module__8tegPG__pinnedBadge {
  color: #1e293b;
  background: linear-gradient(135deg, #fbbf24 0%, #f59e0b 100%);
}

.page-module__8tegPG__lockedBadge {
  color: #fff;
  background: linear-gradient(135deg, #64748b 0%, #475569 100%);
}

.page-module__8tegPG__threadTitle {
  text-shadow: 0 2px 4px #0000001a;
  margin: 0 0 1rem;
  font-size: 2rem;
  font-weight: 800;
  line-height: 1.2;
}

.page-module__8tegPG__threadInfo {
  flex-wrap: wrap;
  align-items: center;
  gap: 1.5rem;
  font-size: .9rem;
  display: flex;
}

.page-module__8tegPG__threadAuthor {
  align-items: center;
  gap: .5rem;
  display: flex;
}

.page-module__8tegPG__authorAvatar {
  background: #fff3;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  font-weight: 600;
  display: flex;
}

.page-module__8tegPG__threadStats {
  align-items: center;
  gap: 1rem;
  display: flex;
}

.page-module__8tegPG__statItem {
  align-items: center;
  gap: .4rem;
  display: flex;
}

.page-module__8tegPG__threadContent {
  background: #fff;
  border: 2px solid #e2e8f0;
  border-radius: 16px;
  margin-bottom: 2rem;
  padding: 2.5rem;
  box-shadow: 0 4px 6px -1px #0000000d, 0 2px 4px -1px #00000008;
}

.page-module__8tegPG__contentBody {
  color: #1e293b;
}

.page-module__8tegPG__contentBody img {
  max-width: 100%;
}

.page-module__8tegPG__threadActionsFooter {
  border-top: 2px solid #e2e8f0;
  flex-wrap: wrap;
  align-items: center;
  gap: .75rem;
  margin-top: 1.5rem;
  padding-top: 1.5rem;
  display: flex;
}

.page-module__8tegPG__threadReplyButton {
  color: #64748b;
  cursor: pointer;
  background: #fff;
  border: 2px solid #e2e8f0;
  border-radius: 8px;
  align-items: center;
  gap: .4rem;
  padding: .5rem 1rem;
  font-size: .9rem;
  font-weight: 600;
  transition: all .3s;
  display: flex;
}

.page-module__8tegPG__threadReplyButton:hover {
  color: #667eea;
  border-color: #667eea;
  transform: scale(1.05);
}

.dark .page-module__8tegPG__threadActionsFooter {
  border-color: #334155;
}

.dark .page-module__8tegPG__threadReplyButton {
  color: #cbd5e1;
  background: #334155;
  border-color: #475569;
}

.dark .page-module__8tegPG__threadReplyButton:hover {
  color: #818cf8;
  border-color: #667eea;
}

.page-module__8tegPG__editorWrapper {
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  margin-bottom: 1.25rem;
  overflow: hidden;
}

.page-module__8tegPG__commentFormFullWidth {
  background: #fff;
  border: 2px solid #e2e8f0;
  border-radius: 16px;
  margin-bottom: 2rem;
  padding: 2rem;
  box-shadow: 0 4px 6px -1px #0000000d, 0 2px 4px -1px #00000008;
}

.dark .page-module__8tegPG__commentFormFullWidth {
  background: #1e293b;
  border-color: #334155;
}

.page-module__8tegPG__commentsSection {
  background: #fff;
  border: 2px solid #e2e8f0;
  border-radius: 16px;
  padding: 2rem;
  box-shadow: 0 4px 6px -1px #0000000d, 0 2px 4px -1px #00000008;
}

.page-module__8tegPG__commentsHeader {
  border-bottom: 2px solid #e2e8f0;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 2rem;
  padding-bottom: 1rem;
  display: flex;
}

.page-module__8tegPG__commentsTitle {
  color: #1e293b;
  font-size: 1.5rem;
  font-weight: 700;
}

.page-module__8tegPG__commentsCount {
  color: #fff;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  border-radius: 20px;
  padding: .4rem 1rem;
  font-size: .9rem;
  font-weight: 600;
}

.page-module__8tegPG__commentForm {
  background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
  border: 2px solid #e2e8f0;
  border-radius: 16px;
  margin-bottom: 2rem;
  padding: 2rem;
}

.page-module__8tegPG__formHeader {
  color: #1e293b;
  margin-bottom: 1.25rem;
  font-size: 1.25rem;
  font-weight: 700;
}

.page-module__8tegPG__textareaWrapper {
  margin-bottom: 1rem;
  position: relative;
}

.page-module__8tegPG__commentTextarea {
  resize: vertical;
  border: 2px solid #cbd5e1;
  border-radius: 8px;
  width: 100%;
  min-height: 120px;
  padding: 1rem;
  font-family: inherit;
  font-size: 1rem;
  transition: all .3s;
}

.page-module__8tegPG__commentTextarea:focus {
  border-color: #667eea;
  outline: none;
  box-shadow: 0 0 0 3px #667eea1a;
}

.page-module__8tegPG__formActions {
  justify-content: flex-end;
  gap: .75rem;
  display: flex;
}

.page-module__8tegPG__submitButton, .page-module__8tegPG__cancelButton {
  cursor: pointer;
  border: none;
  border-radius: 8px;
  padding: .75rem 1.5rem;
  font-size: .95rem;
  font-weight: 600;
  transition: all .3s;
}

.page-module__8tegPG__submitButton {
  color: #fff;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}

.page-module__8tegPG__submitButton:hover:not(:disabled) {
  transform: translateY(-2px);
  box-shadow: 0 10px 20px #667eea4d;
}

.page-module__8tegPG__submitButton:disabled {
  opacity: .5;
  cursor: not-allowed;
}

.page-module__8tegPG__cancelButton {
  color: #64748b;
  background: #e2e8f0;
}

.page-module__8tegPG__cancelButton:hover {
  background: #cbd5e1;
}

.page-module__8tegPG__signInPrompt {
  text-align: center;
  background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
  border: 2px dashed #cbd5e1;
  border-radius: 12px;
  margin-bottom: 2rem;
  padding: 2rem 1rem;
}

.page-module__8tegPG__signInLink {
  color: #fff;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  border-radius: 8px;
  padding: .75rem 2rem;
  font-weight: 600;
  text-decoration: none;
  transition: all .3s;
  display: inline-block;
}

.page-module__8tegPG__signInLink:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 20px #667eea4d;
}

.page-module__8tegPG__bestAnswerSection {
  margin: 1.5rem 0;
  animation: .4s ease-out page-module__8tegPG__fadeInUp;
}

@keyframes page-module__8tegPG__fadeInUp {
  from {
    opacity: 0;
    transform: translateY(12px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.page-module__8tegPG__bestAnswerHeader {
  align-items: center;
  gap: .5rem;
  margin-bottom: .75rem;
  display: flex;
}

.page-module__8tegPG__bestAnswerIcon {
  font-size: 1.25rem;
}

.page-module__8tegPG__bestAnswerTitle {
  color: #16a34a;
  margin: 0;
  font-size: 1.1rem;
  font-weight: 700;
}

.page-module__8tegPG__bestAnswerCard {
  background: linear-gradient(135deg, #f0fdf4 0%, #ecfdf5 50%, #f0fdf4 100%);
  border: 2px solid #86efac;
  border-radius: 16px;
  padding: 1.25rem;
  position: relative;
  overflow: hidden;
}

.page-module__8tegPG__bestAnswerCard:before {
  content: "";
  background: linear-gradient(90deg, #22c55e, #16a34a, #15803d);
  height: 3px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.page-module__8tegPG__bestAnswerMeta {
  justify-content: space-between;
  align-items: center;
  margin-bottom: .75rem;
  display: flex;
}

.page-module__8tegPG__bestAnswerAuthor {
  color: inherit;
  align-items: center;
  gap: .5rem;
  text-decoration: none;
  transition: opacity .2s;
  display: flex;
}

.page-module__8tegPG__bestAnswerAuthor:hover {
  opacity: .8;
}

.page-module__8tegPG__bestAnswerAuthorName {
  color: #1e293b;
  font-size: .9rem;
  font-weight: 600;
}

.page-module__8tegPG__bestAnswerTime {
  color: #94a3b8;
  font-size: .8rem;
}

.page-module__8tegPG__bestAnswerContent {
  color: #334155;
  max-height: 200px;
  font-size: .95rem;
  line-height: 1.7;
  position: relative;
  overflow: hidden;
}

.page-module__8tegPG__bestAnswerContent:after {
  content: "";
  pointer-events: none;
  background: linear-gradient(#0000, #f0fdf4);
  height: 40px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.page-module__8tegPG__bestAnswerLink {
  color: #16a34a;
  align-items: center;
  gap: .25rem;
  margin-top: .75rem;
  font-size: .85rem;
  font-weight: 600;
  text-decoration: none;
  transition: color .2s;
  display: inline-flex;
}

.page-module__8tegPG__bestAnswerLink:hover {
  color: #15803d;
}

.dark .page-module__8tegPG__bestAnswerTitle {
  color: #4ade80;
}

.dark .page-module__8tegPG__bestAnswerCard {
  background: linear-gradient(135deg, #16a34a14 0%, #22c55e0d 50%, #16a34a14 100%);
  border-color: #22c55e4d;
}

.dark .page-module__8tegPG__bestAnswerCard:before {
  background: linear-gradient(90deg, #22c55e, #4ade80, #22c55e);
}

.dark .page-module__8tegPG__bestAnswerAuthorName {
  color: #e2e8f0;
}

.dark .page-module__8tegPG__bestAnswerTime {
  color: #64748b;
}

.dark .page-module__8tegPG__bestAnswerContent {
  color: #cbd5e1;
}

.dark .page-module__8tegPG__bestAnswerContent:after {
  background: linear-gradient(#0000, #16a34a14);
}

.dark .page-module__8tegPG__bestAnswerLink {
  color: #4ade80;
}

.dark .page-module__8tegPG__bestAnswerLink:hover {
  color: #86efac;
}

.page-module__8tegPG__noComments {
  text-align: center;
  color: #64748b;
  padding: 3rem 1rem;
  font-size: 1.1rem;
}

@media (min-width: 1536px) {
  .page-module__8tegPG__magazineLayout {
    grid-template-columns: 1fr 380px;
  }

  .page-module__8tegPG__threadContent {
    padding: 4rem;
  }
}

@media (min-width: 1280px) and (max-width: 1535px) {
  .page-module__8tegPG__threadContent {
    padding: 3rem;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .page-module__8tegPG__magazineLayout {
    grid-template-columns: 1fr 300px;
  }

  .page-module__8tegPG__threadContent {
    padding: 2rem;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .page-module__8tegPG__magazineLayout {
    grid-template-columns: 1fr;
  }

  .page-module__8tegPG__sidebar {
    order: -1;
    grid-template-columns: 1fr 1fr;
    gap: 1.5rem;
    display: grid;
  }
}

@media (max-width: 767px) {
  .page-module__8tegPG__pageContainer {
    padding: 0 .5rem;
  }

  .page-module__8tegPG__innerContainer {
    padding: 1rem 0;
  }

  .page-module__8tegPG__magazineLayout {
    grid-template-columns: 1fr;
  }

  .page-module__8tegPG__sidebar {
    order: -1;
  }

  .page-module__8tegPG__threadTitle {
    font-size: 1.5rem;
  }

  .page-module__8tegPG__threadHeader {
    padding: 1.5rem;
  }

  .page-module__8tegPG__threadHeaderTop {
    flex-direction: column;
    align-items: flex-start;
  }

  .page-module__8tegPG__editButton {
    justify-content: center;
    width: 100%;
  }

  .page-module__8tegPG__threadContent, .page-module__8tegPG__commentsSection {
    padding: 1.5rem;
  }

  .page-module__8tegPG__commentsHeader {
    flex-direction: column;
    align-items: flex-start;
    gap: .75rem;
  }

  .page-module__8tegPG__tag-block {
    margin: 1rem 0;
    padding: 0;
  }

  .page-module__8tegPG__tag-label {
    padding: .75rem 1rem;
    font-size: .8rem;
  }

  .page-module__8tegPG__tag-content {
    padding: 1rem;
  }

  .page-module__8tegPG__content-gallery {
    margin: 1.5rem 0;
    padding: 1rem;
  }

  .page-module__8tegPG__gallery-header {
    flex-direction: column;
    align-items: flex-start;
    gap: .75rem;
  }

  .page-module__8tegPG__gallery-controls {
    width: 100%;
  }

  .page-module__8tegPG__gallery-button {
    flex: 1;
    width: 100%;
  }

  .page-module__8tegPG__gallery-container {
    max-height: 200px;
  }

  .page-module__8tegPG__gallery-thumbnail {
    width: 80px;
    height: 80px;
  }

  .page-module__8tegPG__content-table, .page-module__8tegPG__threadContent table {
    margin: 1rem 0;
    font-size: .875rem;
  }

  .page-module__8tegPG__content-table th, .page-module__8tegPG__threadContent table th, .page-module__8tegPG__content-table td, .page-module__8tegPG__threadContent table td {
    padding: .5rem;
  }

  .page-module__8tegPG__download-area, .page-module__8tegPG__team-table, .page-module__8tegPG__quick-download {
    margin: 1rem 0;
    padding: 1rem;
  }

  .page-module__8tegPG__download-area-title, .page-module__8tegPG__team-table-title, .page-module__8tegPG__quick-download-title {
    margin-bottom: .75rem;
    font-size: 1rem;
  }

  .page-module__8tegPG__download-item, .page-module__8tegPG__team-member, .page-module__8tegPG__quick-download-item {
    flex-direction: column;
    align-items: flex-start;
    gap: .75rem;
    padding: .75rem;
  }

  .page-module__8tegPG__download-item-link, .page-module__8tegPG__quick-download-link {
    text-align: center;
    width: 100%;
  }

  .page-module__8tegPG__team-member-avatar {
    width: 32px;
    height: 32px;
    font-size: .75rem;
  }

  .page-module__8tegPG__threadContent {
    padding: 1.5rem;
  }
}

.page-module__8tegPG__tag-block {
  border-radius: 12px;
  margin: 1.5rem 0;
  padding: 0;
  display: block;
  position: relative;
  overflow: hidden;
}

.page-module__8tegPG__tag-label {
  text-transform: uppercase;
  letter-spacing: .05em;
  color: #fff;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  border-radius: 12px 12px 0 0;
  align-items: center;
  gap: .75rem;
  margin-bottom: 0;
  padding: 1rem 1.25rem;
  font-size: .875rem;
  font-weight: 700;
  display: flex;
}

.page-module__8tegPG__reactions-tag .page-module__8tegPG__tag-label {
  color: #fff;
  background: linear-gradient(135deg, #ec4899 0%, #be185d 100%);
}

.page-module__8tegPG__reactions-tag .page-module__8tegPG__tag-content {
  color: #831843;
  background: linear-gradient(135deg, #fce7f3 0%, #fbcfe8 100%);
  border: 1px solid #f9a8d4;
}

.page-module__8tegPG__comments-tag .page-module__8tegPG__tag-label {
  color: #fff;
  background: linear-gradient(135deg, #3b82f6 0%, #1e40af 100%);
}

.page-module__8tegPG__comments-tag .page-module__8tegPG__tag-content {
  color: #1e3a8a;
  background: linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%);
  border: 1px solid #93c5fd;
}

.page-module__8tegPG__tag-content {
  border-top: 2px solid #0000001a;
  border-radius: 0 0 12px 12px;
  padding: 1.25rem;
  line-height: 1.6;
}

.page-module__8tegPG__tag-content > :first-child {
  margin-top: 0;
}

.page-module__8tegPG__tag-content > :last-child {
  margin-bottom: 0;
}

.page-module__8tegPG__gated-section-wrapper {
  background: linear-gradient(135deg, #f0f9ff 0%, #f0fdf4 100%);
  border: 2px dashed #93c5fd;
  border-radius: 12px;
  margin: 1.5rem 0;
  padding: 1.5rem;
  position: relative;
}

.page-module__8tegPG__gated-section-wrapper.page-module__8tegPG__is-locked {
  opacity: .6;
  cursor: not-allowed;
}

.page-module__8tegPG__gated-overlay {
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  background: #ffffffe6;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0;
}

.page-module__8tegPG__gated-message {
  text-align: center;
  padding: 2rem;
}

.page-module__8tegPG__gated-message p {
  color: #475569;
  margin: .5rem 0;
  font-size: .95rem;
}

.page-module__8tegPG__gated-action-button {
  color: #fff;
  cursor: pointer;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  border: none;
  border-radius: 8px;
  margin-top: 1rem;
  padding: .75rem 1.5rem;
  font-weight: 600;
  transition: all .3s;
  display: inline-block;
}

.page-module__8tegPG__gated-action-button:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px #667eea4d;
}

.page-module__8tegPG__content-gallery {
  background: linear-gradient(135deg, #f8fafc 0%, #e0e7ff 100%);
  border: 2px solid #e0e7ff;
  border-radius: 16px;
  margin: 2rem 0;
  padding: 1.5rem;
  position: relative;
  overflow: hidden;
  box-shadow: 0 4px 12px #667eea1a;
}

.page-module__8tegPG__gallery-header {
  border-bottom: 2px solid #667eea33;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  margin-bottom: 1rem;
  padding-bottom: 1rem;
  display: flex;
}

.page-module__8tegPG__gallery-title {
  color: #1e293b;
  align-items: center;
  gap: .75rem;
  margin: 0;
  font-size: 1.125rem;
  font-weight: 700;
  display: flex;
}

.page-module__8tegPG__gallery-info {
  color: #64748b;
  margin: 0;
  font-size: .875rem;
}

.page-module__8tegPG__gallery-controls {
  gap: .5rem;
  display: flex;
}

.page-module__8tegPG__gallery-button {
  color: #fff;
  cursor: pointer;
  background: #667eea;
  border: none;
  border-radius: 8px;
  padding: .5rem 1rem;
  font-size: .875rem;
  font-weight: 600;
  transition: all .3s;
}

.page-module__8tegPG__gallery-button:hover {
  background: #5568d3;
  transform: translateY(-2px);
}

.page-module__8tegPG__gallery-container {
  background: #fff;
  border-radius: 8px;
  flex-wrap: wrap;
  align-items: center;
  gap: 1rem;
  max-height: 250px;
  padding: .5rem;
  display: flex;
  overflow-y: auto;
}

.page-module__8tegPG__gallery-thumbnail {
  -o-object-fit: cover;
  object-fit: cover;
  cursor: pointer;
  border: 2px solid #e0e7ff;
  border-radius: 8px;
  flex-shrink: 0;
  width: 100px;
  height: 100px;
  transition: all .3s;
}

.page-module__8tegPG__gallery-thumbnail:hover {
  border-color: #667eea;
  transform: scale(1.05);
  box-shadow: 0 4px 12px #667eea4d;
}

.page-module__8tegPG__gallery-description {
  color: #5b21b6;
  text-align: center;
  background: #ede9fe;
  border-radius: 8px;
  margin-top: 1rem;
  padding: .75rem;
  font-size: .875rem;
}

.page-module__8tegPG__gallery-template-default {
  background: linear-gradient(135deg, #f8fafc 0%, #fff 100%);
}

.page-module__8tegPG__gallery-template-modern {
  background: linear-gradient(135deg, #667eea15 0%, #fff 100%);
}

.page-module__8tegPG__gallery-template-elegant {
  background: linear-gradient(135deg, #1e293b 0%, #334155 100%);
}

.page-module__8tegPG__gallery-template-minimal {
  background: #fff;
  border: 1px solid #e2e8f0;
}

.page-module__8tegPG__gallery-template-vibrant {
  background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);
}

.page-module__8tegPG__content-table, .page-module__8tegPG__threadContent table {
  border-collapse: collapse;
  border-radius: 8px;
  width: 100%;
  margin: 1.5rem 0;
  overflow: hidden;
  box-shadow: 0 2px 8px #0000001a;
}

.page-module__8tegPG__content-table th, .page-module__8tegPG__threadContent table th {
  color: #fff;
  text-align: left;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  border: none;
  padding: 1rem;
  font-weight: 700;
}

.page-module__8tegPG__content-table td, .page-module__8tegPG__threadContent table td {
  color: #334155;
  border-bottom: 1px solid #e2e8f0;
  padding: .75rem 1rem;
}

.page-module__8tegPG__content-table tbody tr:nth-child(2n), .page-module__8tegPG__threadContent table tbody tr:nth-child(2n) {
  background: #f8fafc;
}

.page-module__8tegPG__content-table tbody tr:hover, .page-module__8tegPG__threadContent table tbody tr:hover {
  background: #e0e7ff;
}

.page-module__8tegPG__content-list, .page-module__8tegPG__threadContent ul, .page-module__8tegPG__threadContent ol {
  margin: 1.5rem 0;
  padding: 0 0 0 2rem;
}

.page-module__8tegPG__content-list li, .page-module__8tegPG__threadContent ul li, .page-module__8tegPG__threadContent ol li {
  color: #334155;
  margin-bottom: .75rem;
  line-height: 1.6;
}

.page-module__8tegPG__content-list li::marker {
  color: #667eea;
  font-weight: 700;
}

.page-module__8tegPG__threadContent ul li::marker {
  color: #667eea;
  font-weight: 700;
}

.page-module__8tegPG__threadContent ol li::marker {
  color: #667eea;
  font-weight: 700;
}

.page-module__8tegPG__download-area, .page-module__8tegPG__team-table, .page-module__8tegPG__quick-download {
  background: #f9fafb;
  border: 1px solid #e5e7eb;
  border-radius: 4px;
  margin: .5rem 0;
  padding: .5rem;
  font-size: .875rem;
}

.page-module__8tegPG__download-area-title, .page-module__8tegPG__team-table-title, .page-module__8tegPG__quick-download-title {
  color: #1f2937;
  border-bottom: 1px solid #e5e7eb;
  margin: 0 0 .35rem;
  padding-bottom: .35rem;
  font-size: .8rem;
  font-weight: 600;
}

.page-module__8tegPG__download-item, .page-module__8tegPG__team-member, .page-module__8tegPG__quick-download-item {
  border-bottom: 1px solid #f3f4f6;
  justify-content: space-between;
  align-items: center;
  gap: .35rem;
  padding: .25rem 0;
  line-height: 1.2;
  display: flex;
}

.page-module__8tegPG__download-item:last-child, .page-module__8tegPG__team-member:last-child, .page-module__8tegPG__quick-download-item:last-child {
  border-bottom: none;
}

.page-module__8tegPG__download-item-name, .page-module__8tegPG__team-member-name, .page-module__8tegPG__quick-download-name {
  color: #111827;
  flex: 1;
  font-size: .75rem;
  font-weight: 500;
}

.page-module__8tegPG__download-item-link, .page-module__8tegPG__quick-download-link {
  color: #fff;
  cursor: pointer;
  background: #3b82f6;
  border: none;
  border-radius: 2px;
  flex-shrink: 0;
  padding: .2rem .5rem;
  font-size: .7rem;
  font-weight: 500;
  line-height: 1;
  text-decoration: none;
  display: inline-block;
}

.page-module__8tegPG__download-item-link:hover, .page-module__8tegPG__quick-download-link:hover {
  background: #2563eb;
}

.page-module__8tegPG__download-item-size, .page-module__8tegPG__team-member-info {
  color: #64748b;
  flex-shrink: 0;
  font-size: .7rem;
}

.page-module__8tegPG__team-member-avatar {
  color: #fff;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  font-size: .75rem;
  font-weight: 600;
  display: flex;
}

.page-module__8tegPG__team-member-details {
  flex: 1;
}

.page-module__8tegPG__team-member-name {
  color: #1e3a8a;
  margin-bottom: 0;
  font-size: .8rem;
  font-weight: 600;
  display: block;
}

.page-module__8tegPG__team-member-nickname {
  color: #64748b;
  font-size: .7rem;
  display: block;
}

.page-module__8tegPG__threadContent {
  background: linear-gradient(135deg, #fff 0%, #f8fafc 100%);
  border: 1px solid #e0e7ff;
  border-radius: 16px;
  margin-bottom: 2rem;
  padding: 2rem;
  transition: all .3s;
  box-shadow: 0 4px 12px #667eea1a;
}

.page-module__8tegPG__threadContent:hover {
  box-shadow: 0 8px 24px #667eea26;
}

.page-module__8tegPG__threadContentCompact {
  border-radius: 12px;
  padding: 1.5rem;
}

.page-module__8tegPG__threadContentModern {
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  background: linear-gradient(135deg, #ffffffe6 0%, #f8fafcb3 100%);
  border: 1px solid #6366f126;
  box-shadow: 0 8px 32px #6366f114, 0 2px 8px #0000000a;
}

.page-module__8tegPG__threadContentElegant {
  background: linear-gradient(#fff 0%, #faf8ff 100%);
  border: 1px solid #a855f726;
  border-radius: 12px;
  padding: 2.5rem;
  box-shadow: 0 2px 8px #a855f70f;
}

.page-module__8tegPG__threadContentGlassmorphism {
  -webkit-backdrop-filter: blur(24px);
  background: #ffffff40;
  border: 1px solid #ffffff59;
  box-shadow: 0 8px 32px #0000000f;
}

.page-module__8tegPG__threadContentNeon {
  color: #e2e8f0;
  background: linear-gradient(135deg, #0f172a 0%, #1e1b4b 100%);
  border: 1px solid #06b6d466;
  box-shadow: 0 0 20px #06b6d41a, 0 0 60px #06b6d40d;
}

.page-module__8tegPG__threadContentGradient {
  background: linear-gradient(135deg, #eef2ffe6 0%, #f3e8ffcc 50%, #fce7f3e6 100%);
  border: 1px solid #8b5cf626;
  box-shadow: 0 4px 16px #8b5cf614;
}

.page-module__8tegPG__threadContentMagazine {
  box-shadow: none;
  background: #fff;
  border-top: none;
  border-bottom: 2px solid #e2e8f0;
  border-left: 4px solid #667eea;
  border-right: none;
  border-radius: 0;
  padding: 2.5rem 2rem;
}

.dark .page-module__8tegPG__threadContentModern {
  background: linear-gradient(135deg, #111827e6 0%, #1e1b4bb3 100%);
  border-color: #6366f140;
}

.dark .page-module__8tegPG__threadContentElegant {
  background: linear-gradient(#1f2937 0%, #1e1b3a 100%);
  border-color: #a855f740;
}

.dark .page-module__8tegPG__threadContentGlassmorphism {
  background: #1118274d;
  border-color: #4b55634d;
}

.dark .page-module__8tegPG__threadContentGradient {
  background: linear-gradient(135deg, #1e1b4b80 0%, #581c874d 50%, #83184366 100%);
  border-color: #8b5cf640;
}

.dark .page-module__8tegPG__threadContentMagazine {
  background: #111827;
  border-bottom-color: #374151;
  border-left-color: #818cf8;
}

.page-module__8tegPG__threadContent, .page-module__8tegPG__commentsSection, .page-module__8tegPG__tag-block, .page-module__8tegPG__content-gallery, .page-module__8tegPG__download-area, .page-module__8tegPG__team-table, .page-module__8tegPG__quick-download {
  animation: .5s ease-out page-module__8tegPG__slideUpSmooth;
}

@keyframes page-module__8tegPG__slideUpSmooth {
  from {
    opacity: 0;
    transform: translateY(10px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.page-module__8tegPG__download-item-link, .page-module__8tegPG__gallery-button, .page-module__8tegPG__gated-action-button {
  transition: all .3s cubic-bezier(.4, 0, .2, 1);
}

:is(.dark .page-module__8tegPG__threadContent, .dark .page-module__8tegPG__commentsSection) {
  background: #1e293b;
  border-color: #334155;
}

:is(.dark .page-module__8tegPG__contentBody, .dark .page-module__8tegPG__commentsTitle) {
  color: #f8fafc;
}

.dark .page-module__8tegPG__commentForm {
  background: linear-gradient(135deg, #334155 0%, #1e293b 100%);
  border-color: #475569;
}

.dark .page-module__8tegPG__formHeader {
  color: #f8fafc;
}

.dark .page-module__8tegPG__commentTextarea {
  color: #f8fafc;
  background: #334155;
  border-color: #475569;
}

.dark .page-module__8tegPG__commentsHeader {
  border-color: #334155;
}

.dark .page-module__8tegPG__noComments {
  color: #94a3b8;
}

.dark .page-module__8tegPG__editorWrapper {
  border-color: #475569;
}

.dark .page-module__8tegPG__tag-block {
  background: #1e293b;
}

.dark .page-module__8tegPG__reactions-tag .page-module__8tegPG__tag-content {
  color: #f8a8d3;
  background: linear-gradient(135deg, #4c0a16 0%, #3f0d18 100%);
  border-color: #4c1d2a;
}

.dark .page-module__8tegPG__comments-tag .page-module__8tegPG__tag-content {
  color: #93c5fd;
  background: linear-gradient(135deg, #1e3a5f 0%, #1e2d4a 100%);
  border-color: #2d5a96;
}

.dark .page-module__8tegPG__gated-section-wrapper {
  background: linear-gradient(135deg, #1e3a5f 0%, #1a3a3a 100%);
  border-color: #2d5a96;
}

.dark .page-module__8tegPG__gated-message p {
  color: #cbd5e1;
}

.dark .page-module__8tegPG__content-gallery {
  background: linear-gradient(135deg, #1e293b 0%, #312e81 100%);
  border-color: #475569;
}

.dark .page-module__8tegPG__gallery-title {
  color: #f1f5f9;
}

.dark .page-module__8tegPG__gallery-info {
  color: #cbd5e1;
}

.dark .page-module__8tegPG__gallery-container {
  background: #0f172a;
}

.dark .page-module__8tegPG__gallery-thumbnail {
  border-color: #475569;
}

.dark .page-module__8tegPG__gallery-description {
  color: #c084fc;
  background: #312e81;
}

.dark .page-module__8tegPG__content-table th {
  color: #f1f5f9;
  background: linear-gradient(135deg, #312e81 0%, #1e1b4b 100%);
}

.dark .page-module__8tegPG__threadContent table th {
  color: #f1f5f9;
  background: linear-gradient(135deg, #312e81 0%, #1e1b4b 100%);
}

.dark .page-module__8tegPG__content-table td {
  color: #cbd5e1;
  border-bottom-color: #334155;
}

.dark .page-module__8tegPG__threadContent table td {
  color: #cbd5e1;
  border-bottom-color: #334155;
}

.dark .page-module__8tegPG__content-table tbody tr:nth-child(2n) {
  background: #1e293b;
}

.dark .page-module__8tegPG__threadContent table tbody tr:nth-child(2n) {
  background: #1e293b;
}

.dark .page-module__8tegPG__content-table tbody tr:hover {
  background: #334155;
}

.dark .page-module__8tegPG__threadContent table tbody tr:hover {
  background: #334155;
}

.dark .page-module__8tegPG__content-list li {
  color: #cbd5e1;
}

.dark .page-module__8tegPG__threadContent ul li {
  color: #cbd5e1;
}

.dark .page-module__8tegPG__threadContent ol li {
  color: #cbd5e1;
}

.dark .page-module__8tegPG__content-list li::marker {
  color: #a5b4fc;
}

.dark .page-module__8tegPG__threadContent ul li::marker {
  color: #a5b4fc;
}

.dark .page-module__8tegPG__threadContent ol li::marker {
  color: #a5b4fc;
}

:is(.dark .page-module__8tegPG__download-area, .dark .page-module__8tegPG__team-table, .dark .page-module__8tegPG__quick-download) {
  background: #1f2937;
  border-color: #374151;
}

:is(.dark .page-module__8tegPG__download-area-title, .dark .page-module__8tegPG__team-table-title, .dark .page-module__8tegPG__quick-download-title) {
  color: #e5e7eb;
  border-bottom-color: #374151;
}

:is(.dark .page-module__8tegPG__download-item, .dark .page-module__8tegPG__team-member, .dark .page-module__8tegPG__quick-download-item) {
  border-bottom-color: #2d3748;
}

:is(.dark .page-module__8tegPG__download-item:last-child, .dark .page-module__8tegPG__team-member:last-child, .dark .page-module__8tegPG__quick-download-item:last-child) {
  border-bottom: none;
}

:is(.dark .page-module__8tegPG__download-item-name, .dark .page-module__8tegPG__team-member-name, .dark .page-module__8tegPG__quick-download-name) {
  color: #f3f4f6;
}

:is(.dark .page-module__8tegPG__download-item-size, .dark .page-module__8tegPG__team-member-info) {
  color: #9ca3af;
}

.dark .page-module__8tegPG__team-member-nickname {
  color: #94a3b8;
}

.dark .page-module__8tegPG__threadContent {
  background: linear-gradient(135deg, #1e293b 0%, #1a1b3a 100%);
  border-color: #334155;
}

.dark .page-module__8tegPG__threadContent:hover {
  box-shadow: 0 8px 24px #667eea33;
}

.dark .page-module__8tegPG__signInPrompt {
  background: linear-gradient(135deg, #334155 0%, #1e293b 100%);
  border-color: #475569;
}

.downloadAreaContent {
  background: #fff;
  border: 1px solid #e0e7ff;
  border-radius: 10px;
  margin: 1.5rem 0;
  overflow: hidden;
  box-shadow: 0 4px 16px #6366f11f;
}

.downloadAreaHeader {
  background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);
  border-bottom: 2px solid #2563eb;
  justify-content: space-between;
  align-items: center;
  padding: 1rem 1.25rem;
  display: flex;
}

.downloadAreaTitle {
  color: #fff;
  letter-spacing: .3px;
  align-items: center;
  gap: .75rem;
  font-size: 1.1rem;
  font-weight: 700;
  display: flex;
}

.downloadAreaSubtitle {
  color: #fffc;
  font-size: .8rem;
  font-weight: 400;
}

.downloadAreaFile {
  border-bottom: 1px solid #f0f4ff;
  grid-template-columns: 2rem 1fr auto auto;
  align-items: center;
  gap: 1rem;
  padding: 1rem 1.25rem;
  transition: all .2s cubic-bezier(.4, 0, .2, 1);
  display: grid;
}

.downloadAreaFile:hover {
  background: linear-gradient(135deg, #f8fafc 0%, #eff6ff 100%);
  border-bottom-color: #dbeafe;
}

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

.downloadAreaFileName {
  color: #1f2937;
  letter-spacing: .2px;
  word-break: break-word;
  font-size: .95rem;
  font-weight: 600;
}

.downloadAreaFileSize {
  color: #64748b;
  font-size: .8rem;
  font-weight: 500;
}

.downloadAreaBtn {
  color: #fff;
  cursor: pointer;
  text-align: center;
  background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);
  border: none;
  border-radius: 6px;
  flex-shrink: 0;
  min-width: 80px;
  padding: .55rem 1.25rem;
  font-size: .85rem;
  font-weight: 600;
  text-decoration: none;
  transition: all .3s cubic-bezier(.4, 0, .2, 1);
  display: inline-block;
}

.downloadAreaBtn:hover {
  background: linear-gradient(135deg, #1d4ed8 0%, #3b82f6 100%);
  transform: translateY(-3px);
  box-shadow: 0 8px 20px #3b82f64d;
}

.dark .downloadAreaContent {
  background: #1f2937;
  border-color: #374151;
  box-shadow: 0 4px 16px #3b82f614;
}

.dark .downloadAreaHeader {
  background: linear-gradient(135deg, #2563eb 0%, #3b82f6 100%);
  border-bottom-color: #1d4ed8;
}

.dark .downloadAreaFile {
  border-bottom-color: #374151;
}

.dark .downloadAreaFile:hover {
  background: linear-gradient(135deg, #2d3748 0%, #1e3a5f 100%);
  border-bottom-color: #475569;
}

.dark .downloadAreaFileName {
  color: #e5e7eb;
}

.dark .downloadAreaFileSize {
  color: #9ca3af;
}

.dark .downloadAreaBtn {
  background: linear-gradient(135deg, #2563eb 0%, #3b82f6 100%);
  box-shadow: 0 4px 12px #2563eb33;
}

.dark .downloadAreaBtn:hover {
  background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);
  box-shadow: 0 8px 20px #3b82f64d;
}

.virusScanContent {
  background: #fff;
  border: 1px solid #e0e7ff;
  border-radius: 10px;
  margin: 1.5rem 0;
  overflow: hidden;
  box-shadow: 0 4px 16px #6366f11f;
}

.virusScanHeader {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  border-bottom: 2px solid #5a67d8;
  justify-content: space-between;
  align-items: center;
  padding: 1rem 1.25rem;
  display: flex;
}

.virusScanTitle {
  color: #fff;
  letter-spacing: .3px;
  align-items: center;
  gap: .75rem;
  font-size: 1.1rem;
  font-weight: 700;
  display: flex;
}

.virusScanFile {
  border-bottom: 1px solid #f0f4ff;
  grid-template-columns: 2rem 1fr auto;
  align-items: center;
  gap: 1rem;
  padding: 1rem 1.25rem;
  transition: all .2s cubic-bezier(.4, 0, .2, 1);
  display: grid;
}

.virusScanFile:hover {
  background: linear-gradient(135deg, #f8fafc 0%, #f5f7ff 100%);
  border-bottom-color: #e0e7ff;
}

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

.virusScanFile > span:first-child {
  text-align: center;
  font-size: 1.25rem;
}

.virusScanFileName {
  color: #1f2937;
  letter-spacing: .2px;
  word-break: break-word;
  font-size: .95rem;
  font-weight: 600;
}

.virusScanViewBtn {
  color: #fff;
  cursor: pointer;
  text-align: center;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  border: none;
  border-radius: 6px;
  flex-shrink: 0;
  min-width: 80px;
  padding: .55rem 1.25rem;
  font-size: .85rem;
  font-weight: 600;
  text-decoration: none;
  transition: all .3s cubic-bezier(.4, 0, .2, 1);
  display: inline-block;
}

.virusScanViewBtn:hover {
  background: linear-gradient(135deg, #764ba2 0%, #667eea 100%);
  transform: translateY(-3px);
  box-shadow: 0 8px 20px #667eea4d;
}

.dark .virusScanContent {
  background: #1f2937;
  border-color: #374151;
  box-shadow: 0 4px 16px #6366f114;
}

.dark .virusScanHeader {
  background: linear-gradient(135deg, #4f46e5 0%, #6366f1 100%);
  border-bottom-color: #4338ca;
}

.dark .virusScanTitle {
  color: #f8fafc;
}

.dark .virusScanFile {
  border-bottom-color: #374151;
}

.dark .virusScanFile:hover {
  background: linear-gradient(135deg, #2d3748 0%, #312e81 100%);
  border-bottom-color: #475569;
}

.dark .virusScanFileName {
  color: #e5e7eb;
}

.dark .virusScanViewBtn {
  background: linear-gradient(135deg, #4f46e5 0%, #6366f1 100%);
  box-shadow: 0 4px 12px #4f46e533;
}

.dark .virusScanViewBtn:hover {
  background: linear-gradient(135deg, #6366f1 0%, #4f46e5 100%);
  box-shadow: 0 8px 20px #6366f14d;
}

.page-module__8tegPG__threadHeader {
  color: #0f172a;
  background: radial-gradient(circle at 14% 10%, #14b8a62e, #0000 18rem), radial-gradient(circle at 88% 12%, #6366f124, #0000 18rem), linear-gradient(135deg, #fffffff5, #f8fafce6), #fff;
  border: 1px solid #94a3b847;
  border-radius: 1.1rem;
  gap: 1rem;
  max-width: 1400px;
  display: grid;
  position: relative;
  overflow: hidden;
  box-shadow: 0 22px 55px #0f172a1a;
}

.page-module__8tegPG__threadHeaderTop {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: start;
  gap: .85rem;
  margin-bottom: 0;
  display: grid;
}

.page-module__8tegPG__threadMeta, .page-module__8tegPG__threadActionGroup, .page-module__8tegPG__threadLanguageBadges, .page-module__8tegPG__threadInfo, .page-module__8tegPG__threadStats {
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.page-module__8tegPG__threadMeta {
  gap: .55rem;
  min-width: 0;
}

.page-module__8tegPG__threadActionGroup {
  justify-content: flex-end;
  gap: .5rem;
}

.page-module__8tegPG__threadIcon {
  color: #fff;
  background: linear-gradient(135deg, #14b8a6, #6366f1);
  border: 1px solid #ffffffb8;
  border-radius: 1rem;
  width: 3.5rem;
  height: 3.5rem;
  box-shadow: 0 16px 34px #14b8a63d;
}

.page-module__8tegPG__threadBadge {
  border: 1px solid #ffffff61;
  border-radius: 999px;
  padding: .38rem .68rem;
  box-shadow: 0 10px 22px #0f172a14;
}

.page-module__8tegPG__editButton {
  color: #0f172a;
  background: #ffffffc7;
  border: 1px solid #94a3b847;
  border-radius: 999px;
  min-height: 2.35rem;
  box-shadow: 0 10px 22px #0f172a14;
}

.page-module__8tegPG__editButton:hover {
  color: #0f172a;
  background: #ffffffeb;
  border-color: #14b8a661;
  box-shadow: 0 14px 28px #14b8a629;
}

.page-module__8tegPG__threadTitle {
  color: #0f172a;
  max-width: 76rem;
  text-shadow: none;
  overflow-wrap: anywhere;
  margin: 0;
  font-size: clamp(1.65rem, 3vw, 2.65rem);
  font-weight: 950;
  line-height: 1.08;
}

.page-module__8tegPG__threadLanguageBadges {
  gap: .35rem;
}

.page-module__8tegPG__threadLanguageBadge, .page-module__8tegPG__threadLanguageBadgeActive {
  border: 1px solid #94a3b840;
  border-radius: 999px;
  align-items: center;
  min-height: 1.45rem;
  padding: .18rem .48rem;
  font-size: .7rem;
  font-weight: 850;
  line-height: 1;
  display: inline-flex;
}

.page-module__8tegPG__threadLanguageBadge {
  color: #64748b;
  background: #ffffffb8;
}

.page-module__8tegPG__threadLanguageBadgeActive {
  color: #fff;
  background: linear-gradient(135deg, #14b8a6, #6366f1);
  border-color: #14b8a65c;
}

.page-module__8tegPG__threadInfo {
  color: #475569;
  background: #ffffffb8;
  border: 1px solid #e2e8f0d6;
  border-radius: .9rem;
  gap: .75rem;
  padding: .85rem;
}

.page-module__8tegPG__threadAuthor {
  flex: 18rem;
  min-width: min(100%, 18rem);
}

.page-module__8tegPG__threadAuthorDetails {
  flex-direction: column;
  gap: .25rem;
  min-width: 0;
  display: flex;
}

.page-module__8tegPG__threadStats {
  gap: .55rem;
  margin-inline-start: auto;
}

.page-module__8tegPG__statItem {
  color: #0f172a;
  background: #ffffff9e;
  border: 1px solid #e2e8f0d6;
  border-radius: 999px;
  min-height: 2rem;
  padding: .32rem .58rem;
  font-weight: 850;
}

.dark .page-module__8tegPG__threadHeader {
  color: #f8fafc;
  background: radial-gradient(circle at 14% 10%, #14b8a624, #0000 18rem), radial-gradient(circle at 88% 12%, #6366f129, #0000 18rem), linear-gradient(135deg, #0f172af0, #1e293be6), #0f172a;
  border-color: #475569bd;
  box-shadow: 0 22px 55px #00000047;
}

:is(.dark .page-module__8tegPG__threadTitle, .dark .page-module__8tegPG__editButton, .dark .page-module__8tegPG__statItem) {
  color: #f8fafc;
}

:is(.dark .page-module__8tegPG__editButton, .dark .page-module__8tegPG__threadInfo, .dark .page-module__8tegPG__statItem, .dark .page-module__8tegPG__threadLanguageBadge) {
  background: #0f172a9e;
  border-color: #475569bd;
}

:is(.dark .page-module__8tegPG__threadInfo, .dark .page-module__8tegPG__threadLanguageBadge) {
  color: #cbd5e1;
}

@media (max-width: 1023px) {
  .page-module__8tegPG__threadHeaderTop {
    grid-template-columns: 1fr;
  }

  .page-module__8tegPG__threadActionGroup {
    justify-content: flex-start;
  }

  .page-module__8tegPG__threadStats {
    margin-inline-start: 0;
  }
}

@media (max-width: 767px) {
  .page-module__8tegPG__threadHeader {
    padding: 1rem;
  }

  .page-module__8tegPG__threadMeta, .page-module__8tegPG__threadActionGroup {
    width: 100%;
  }

  .page-module__8tegPG__threadActionGroup {
    grid-template-columns: 1fr;
    display: grid;
  }

  .page-module__8tegPG__editButton {
    width: 100%;
  }

  .page-module__8tegPG__threadInfo {
    grid-template-columns: 1fr;
    display: grid;
  }

  .page-module__8tegPG__threadStats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: 100%;
    display: grid;
  }

  .page-module__8tegPG__statItem {
    justify-content: center;
  }
}

/* [project]/apps/web/src/app/thread/[id]/components/ReactionBar.module.css [app-client] (css) */
.ReactionBar-module__NFFoJW__reactionBar {
  flex-wrap: wrap;
  align-items: center;
  gap: .75rem;
  display: flex;
}

.ReactionBar-module__NFFoJW__reactionTrigger {
  position: relative;
}

.ReactionBar-module__NFFoJW__mainButton {
  color: #64748b;
  cursor: pointer;
  background: #fff;
  border: 2px solid #e2e8f0;
  border-radius: 8px;
  align-items: center;
  gap: .4rem;
  padding: .5rem 1rem;
  font-size: .9rem;
  font-weight: 600;
  transition: all .3s cubic-bezier(.4, 0, .2, 1);
  display: flex;
  position: relative;
  overflow: visible;
}

.ReactionBar-module__NFFoJW__mainButton:hover {
  color: #667eea;
  border-color: #667eea;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px #667eea33;
}

.ReactionBar-module__NFFoJW__mainButton.ReactionBar-module__NFFoJW__reacted {
  color: #fff;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  border-color: #0000;
  box-shadow: 0 4px 12px #667eea4d;
}

.ReactionBar-module__NFFoJW__mainButton.ReactionBar-module__NFFoJW__animating {
  animation: .6s cubic-bezier(.4, 0, .2, 1) ReactionBar-module__NFFoJW__buttonPulse;
}

@keyframes ReactionBar-module__NFFoJW__buttonPulse {
  0% {
    transform: scale(1);
  }

  30% {
    transform: scale(1.1);
  }

  50% {
    transform: scale(.95);
  }

  100% {
    transform: scale(1);
  }
}

.ReactionBar-module__NFFoJW__emoji {
  font-size: 1rem;
  line-height: 1;
  transition: transform .3s cubic-bezier(.4, 0, .2, 1);
  display: inline-block;
}

.ReactionBar-module__NFFoJW__emojiPop {
  animation: .6s cubic-bezier(.4, 0, .2, 1) ReactionBar-module__NFFoJW__emojiPop;
}

@keyframes ReactionBar-module__NFFoJW__emojiPop {
  0% {
    transform: scale(1)rotate(0);
  }

  25% {
    transform: scale(1.5)rotate(-10deg);
  }

  50% {
    transform: scale(1.3)rotate(10deg);
  }

  75% {
    transform: scale(1.4)rotate(-5deg);
  }

  100% {
    transform: scale(1)rotate(0);
  }
}

.ReactionBar-module__NFFoJW__label {
  font-size: .85rem;
}

.ReactionBar-module__NFFoJW__count {
  opacity: .85;
  font-size: .8rem;
  font-weight: 700;
}

.ReactionBar-module__NFFoJW__picker {
  z-index: 100;
  white-space: nowrap;
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 24px;
  gap: .25rem;
  padding: .5rem;
  animation: .2s cubic-bezier(.4, 0, .2, 1) ReactionBar-module__NFFoJW__pickerFadeIn;
  display: flex;
  position: absolute;
  bottom: calc(100% + 4px);
  left: 0;
  box-shadow: 0 8px 24px #00000026;
}

[dir="rtl"] .ReactionBar-module__NFFoJW__picker {
  left: auto;
  right: 0;
}

.ReactionBar-module__NFFoJW__picker:after {
  content: "";
  height: 8px;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
}

@keyframes ReactionBar-module__NFFoJW__pickerFadeIn {
  from {
    opacity: 0;
    transform: translateY(8px)scale(.95);
  }

  to {
    opacity: 1;
    transform: translateY(0)scale(1);
  }
}

.ReactionBar-module__NFFoJW__pickerItem {
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  transition: all .2s cubic-bezier(.4, 0, .2, 1);
  display: flex;
  position: relative;
}

.ReactionBar-module__NFFoJW__pickerItem:hover {
  background: #f1f5f9;
  transform: scale(1.3);
}

.ReactionBar-module__NFFoJW__pickerItem:active {
  transform: scale(1.5);
}

.ReactionBar-module__NFFoJW__pickerItemActive {
  background: #ede9fe;
}

.ReactionBar-module__NFFoJW__pickerItemActive:after {
  content: "";
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  border-radius: 2px;
  width: 20px;
  height: 3px;
  position: absolute;
  bottom: -2px;
  left: 50%;
  transform: translateX(-50%);
}

.ReactionBar-module__NFFoJW__pickerEmoji {
  font-size: 1.25rem;
  line-height: 1;
  transition: transform .2s cubic-bezier(.4, 0, .2, 1);
}

.ReactionBar-module__NFFoJW__pickerItem:hover .ReactionBar-module__NFFoJW__pickerEmoji {
  transform: scale(1.1);
}

.ReactionBar-module__NFFoJW__reactionUsers {
  color: #64748b;
  flex-wrap: wrap;
  align-items: center;
  gap: .5rem;
  font-size: .85rem;
  display: flex;
}

.ReactionBar-module__NFFoJW__userNames {
  font-weight: 500;
}

.ReactionBar-module__NFFoJW__showMore {
  color: #667eea;
  cursor: pointer;
  background: none;
  border: none;
  padding: 0;
  font-weight: 600;
  text-decoration: underline;
  transition: color .2s;
}

.ReactionBar-module__NFFoJW__showMore:hover {
  color: #764ba2;
}

.dark .ReactionBar-module__NFFoJW__mainButton {
  color: #cbd5e1;
  background: #334155;
  border-color: #475569;
}

.dark .ReactionBar-module__NFFoJW__mainButton:hover {
  color: #818cf8;
  border-color: #667eea;
  box-shadow: 0 4px 12px #667eea66;
}

.dark .ReactionBar-module__NFFoJW__mainButton.ReactionBar-module__NFFoJW__reacted {
  box-shadow: 0 4px 12px #667eea80;
}

.dark .ReactionBar-module__NFFoJW__picker {
  background: #1e293b;
  border-color: #334155;
  box-shadow: 0 8px 24px #0009;
}

.dark .ReactionBar-module__NFFoJW__pickerItem:hover {
  background: #334155;
}

.dark .ReactionBar-module__NFFoJW__pickerItemActive {
  background: #3730a3;
}

.dark .ReactionBar-module__NFFoJW__reactionUsers {
  color: #94a3b8;
}

.dark .ReactionBar-module__NFFoJW__showMore {
  color: #818cf8;
}

.dark .ReactionBar-module__NFFoJW__showMore:hover {
  color: #a78bfa;
}

/* [project]/apps/web/src/app/thread/[id]/components/ReactionsModal.module.css [app-client] (css) */
.ReactionsModal-module__X3qLLq__modalOverlay {
  z-index: 500;
  background: #00000080;
  justify-content: center;
  align-items: center;
  padding: 1rem;
  animation: .2s ease-out ReactionsModal-module__X3qLLq__fadeIn;
  display: flex;
  position: fixed;
  inset: 0;
}

@keyframes ReactionsModal-module__X3qLLq__fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.ReactionsModal-module__X3qLLq__modalContent {
  background: #fff;
  border-radius: 16px;
  flex-direction: column;
  width: 100%;
  max-width: 500px;
  max-height: 80vh;
  animation: .3s cubic-bezier(.4, 0, .2, 1) ReactionsModal-module__X3qLLq__slideUp;
  display: flex;
  box-shadow: 0 20px 40px #0000004d;
}

@keyframes ReactionsModal-module__X3qLLq__slideUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.ReactionsModal-module__X3qLLq__modalHeader {
  border-bottom: 2px solid #e2e8f0;
  justify-content: space-between;
  align-items: center;
  padding: 1.5rem;
  display: flex;
}

.ReactionsModal-module__X3qLLq__modalTitle {
  color: #1e293b;
  margin: 0;
  font-size: 1.25rem;
  font-weight: 700;
}

.ReactionsModal-module__X3qLLq__closeButton {
  color: #64748b;
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  font-size: 1.5rem;
  transition: all .2s;
  display: flex;
}

.ReactionsModal-module__X3qLLq__closeButton:hover {
  color: #1e293b;
  background: #f1f5f9;
}

.ReactionsModal-module__X3qLLq__tabsContainer {
  scrollbar-width: thin;
  border-bottom: 2px solid #e2e8f0;
  gap: .5rem;
  padding: 1rem 1.5rem 0;
  display: flex;
  overflow-x: auto;
}

.ReactionsModal-module__X3qLLq__tab {
  cursor: pointer;
  color: #64748b;
  white-space: nowrap;
  background: none;
  border: none;
  border-radius: 8px 8px 0 0;
  align-items: center;
  gap: .5rem;
  padding: .75rem 1rem;
  font-size: .95rem;
  font-weight: 600;
  transition: all .2s;
  display: flex;
  position: relative;
}

.ReactionsModal-module__X3qLLq__tab:hover {
  color: #1e293b;
  background: #f8fafc;
}

.ReactionsModal-module__X3qLLq__tabActive {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  color: #fff !important;
}

.ReactionsModal-module__X3qLLq__tabActive:after {
  content: "";
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  height: 3px;
  position: absolute;
  bottom: -2px;
  left: 0;
  right: 0;
}

.ReactionsModal-module__X3qLLq__tabLabel {
  font-size: .9rem;
}

.ReactionsModal-module__X3qLLq__tabEmoji {
  font-size: 1.1rem;
  line-height: 1;
}

.ReactionsModal-module__X3qLLq__tabCount {
  background: #0000001a;
  border-radius: 12px;
  padding: .15rem .5rem;
  font-size: .8rem;
}

.ReactionsModal-module__X3qLLq__tabActive .ReactionsModal-module__X3qLLq__tabCount {
  background: #fff3;
}

.ReactionsModal-module__X3qLLq__usersList {
  flex-direction: column;
  flex: 1;
  gap: .75rem;
  padding: 1rem 1.5rem;
  display: flex;
  overflow-y: auto;
}

.ReactionsModal-module__X3qLLq__userItem {
  border-radius: 8px;
  align-items: center;
  gap: .75rem;
  padding: .75rem;
  transition: background .2s;
  display: flex;
}

.ReactionsModal-module__X3qLLq__userItem:hover {
  background: #f8fafc;
}

.ReactionsModal-module__X3qLLq__userAvatar {
  color: #fff;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  font-size: 1rem;
  font-weight: 700;
  display: flex;
  overflow: hidden;
}

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

.ReactionsModal-module__X3qLLq__userInfo {
  flex: 1;
  justify-content: space-between;
  align-items: center;
  gap: .5rem;
  display: flex;
}

.ReactionsModal-module__X3qLLq__userName {
  color: #1e293b;
  font-size: .95rem;
  font-weight: 600;
}

.ReactionsModal-module__X3qLLq__userReaction {
  font-size: 1.25rem;
  line-height: 1;
}

.ReactionsModal-module__X3qLLq__emptyState {
  text-align: center;
  color: #64748b;
  padding: 3rem 1rem;
  font-size: .95rem;
}

.dark .ReactionsModal-module__X3qLLq__modalOverlay {
  background: #000000b3;
}

.dark .ReactionsModal-module__X3qLLq__modalContent {
  background: #1e293b;
  box-shadow: 0 20px 40px #0009;
}

.dark .ReactionsModal-module__X3qLLq__modalHeader {
  border-color: #334155;
}

.dark .ReactionsModal-module__X3qLLq__modalTitle {
  color: #f8fafc;
}

.dark .ReactionsModal-module__X3qLLq__closeButton {
  color: #cbd5e1;
}

.dark .ReactionsModal-module__X3qLLq__closeButton:hover {
  color: #f8fafc;
  background: #334155;
}

.dark .ReactionsModal-module__X3qLLq__tabsContainer {
  border-color: #334155;
}

.dark .ReactionsModal-module__X3qLLq__tab {
  color: #94a3b8;
}

.dark .ReactionsModal-module__X3qLLq__tab:hover {
  color: #f8fafc;
  background: #334155;
}

.dark .ReactionsModal-module__X3qLLq__userItem:hover {
  background: #334155;
}

.dark .ReactionsModal-module__X3qLLq__userName {
  color: #f8fafc;
}

.dark .ReactionsModal-module__X3qLLq__emptyState {
  color: #94a3b8;
}

@media (max-width: 768px) {
  .ReactionsModal-module__X3qLLq__modalContent {
    max-height: 90vh;
  }

  .ReactionsModal-module__X3qLLq__tabsContainer {
    padding: .75rem 1rem 0;
  }

  .ReactionsModal-module__X3qLLq__tab {
    padding: .5rem .75rem;
    font-size: .85rem;
  }

  .ReactionsModal-module__X3qLLq__usersList {
    padding: .75rem 1rem;
  }
}

/* [project]/apps/web/src/app/thread/[id]/components/PendingEditBanner.module.css [app-client] (css) */
.PendingEditBanner-module__ZG3Qiq__banner {
  border: 2px solid;
  border-radius: 12px;
  margin-bottom: 2rem;
  padding: 1.5rem;
  animation: .3s ease-out PendingEditBanner-module__ZG3Qiq__slideIn;
}

@keyframes PendingEditBanner-module__ZG3Qiq__slideIn {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.PendingEditBanner-module__ZG3Qiq__bannerHeader {
  align-items: flex-start;
  gap: 1rem;
  margin-bottom: 1rem;
  display: flex;
}

.PendingEditBanner-module__ZG3Qiq__icon {
  flex-shrink: 0;
  font-size: 1.75rem;
  line-height: 1;
}

.PendingEditBanner-module__ZG3Qiq__content {
  flex: 1;
}

.PendingEditBanner-module__ZG3Qiq__title {
  color: #92400e;
  margin-bottom: .5rem;
  font-size: 1.1rem;
  font-weight: 700;
  display: block;
}

.PendingEditBanner-module__ZG3Qiq__description {
  color: #92400e;
  margin: 0;
  font-size: .9rem;
  line-height: 1.5;
}

.PendingEditBanner-module__ZG3Qiq__toggleButton {
  color: #92400e;
  cursor: pointer;
  background: #ffffff80;
  border: 2px solid #0000001a;
  border-radius: 8px;
  align-items: center;
  gap: .5rem;
  padding: .6rem 1.2rem;
  font-size: .9rem;
  font-weight: 600;
  transition: all .3s;
  display: inline-flex;
}

.PendingEditBanner-module__ZG3Qiq__toggleButton:hover {
  background: #fffc;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px #0000001a;
}

.PendingEditBanner-module__ZG3Qiq__comparison {
  border-top: 2px solid #0000001a;
  grid-template-columns: 1fr 1fr;
  gap: 1.5rem;
  margin-top: 1.5rem;
  padding-top: 1.5rem;
  display: grid;
}

.PendingEditBanner-module__ZG3Qiq__comparisonColumn {
  min-width: 0;
}

.PendingEditBanner-module__ZG3Qiq__columnTitle {
  color: #92400e;
  text-transform: uppercase;
  letter-spacing: .05em;
  margin: 0 0 .75rem;
  font-size: .9rem;
  font-weight: 700;
}

.PendingEditBanner-module__ZG3Qiq__versionCard {
  background: #fff;
  border: 2px solid #0000001a;
  border-radius: 8px;
  padding: 1.25rem;
  box-shadow: 0 2px 8px #0000000d;
}

.PendingEditBanner-module__ZG3Qiq__pendingCard {
  background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);
  border-color: #f59e0b;
}

.PendingEditBanner-module__ZG3Qiq__versionTitle {
  color: #1e293b;
  margin: 0 0 .75rem;
  font-size: 1rem;
  font-weight: 700;
}

.PendingEditBanner-module__ZG3Qiq__versionContent {
  color: #334155;
  white-space: pre-wrap;
  word-wrap: break-word;
  font-size: .9rem;
  line-height: 1.6;
}

.PendingEditBanner-module__ZG3Qiq__versionContent img {
  border-radius: 8px;
  max-width: 100%;
  height: auto;
  margin: .75rem 0;
}

.dark .PendingEditBanner-module__ZG3Qiq__banner {
  background: linear-gradient(135deg, #451a03 0%, #78350f 100%) !important;
}

:is(.dark .PendingEditBanner-module__ZG3Qiq__title, .dark .PendingEditBanner-module__ZG3Qiq__description, .dark .PendingEditBanner-module__ZG3Qiq__columnTitle) {
  color: #fde68a;
}

.dark .PendingEditBanner-module__ZG3Qiq__toggleButton {
  color: #fde68a;
  background: #0000004d;
  border-color: #fde68a4d;
}

.dark .PendingEditBanner-module__ZG3Qiq__toggleButton:hover {
  background: #00000080;
}

.dark .PendingEditBanner-module__ZG3Qiq__comparison {
  border-color: #fde68a33;
}

.dark .PendingEditBanner-module__ZG3Qiq__versionCard {
  background: #1e293b;
  border-color: #334155;
}

.dark .PendingEditBanner-module__ZG3Qiq__pendingCard {
  border-color: #f59e0b;
  background: #78350f !important;
}

.dark .PendingEditBanner-module__ZG3Qiq__versionTitle {
  color: #f8fafc;
}

.dark .PendingEditBanner-module__ZG3Qiq__versionContent {
  color: #cbd5e1;
}

@media (max-width: 768px) {
  .PendingEditBanner-module__ZG3Qiq__comparison {
    grid-template-columns: 1fr;
  }

  .PendingEditBanner-module__ZG3Qiq__banner {
    padding: 1.25rem;
  }

  .PendingEditBanner-module__ZG3Qiq__icon {
    font-size: 1.5rem;
  }

  .PendingEditBanner-module__ZG3Qiq__title {
    font-size: 1rem;
  }
}

/* [project]/apps/web/src/components/common/LoadingSpinner.module.css [app-client] (css) */
.LoadingSpinner-module__WjAEFG__container {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 1.5rem;
  display: flex;
}

.LoadingSpinner-module__WjAEFG__fullScreen {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-width: 100vw;
  min-height: 100vh;
  display: flex;
}

.LoadingSpinner-module__WjAEFG__inline {
  width: 100%;
  min-height: 300px;
}

.LoadingSpinner-module__WjAEFG__spinner {
  position: relative;
}

.LoadingSpinner-module__WjAEFG__small {
  width: 40px;
  height: 40px;
}

.LoadingSpinner-module__WjAEFG__medium {
  width: 60px;
  height: 60px;
}

.LoadingSpinner-module__WjAEFG__large {
  width: 80px;
  height: 80px;
}

.LoadingSpinner-module__WjAEFG__spinnerTrack {
  background: conic-gradient(#3b82f6 0deg, #8b5cf6 90deg, #ec4899 180deg, #f97316 270deg, #3b82f6 360deg);
  border-radius: 50%;
  width: 100%;
  height: 100%;
  padding: 3px;
  animation: 3s linear infinite LoadingSpinner-module__WjAEFG__spin;
  position: relative;
}

.LoadingSpinner-module__WjAEFG__spinnerBar {
  background: #fff;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 3px;
}

.LoadingSpinner-module__WjAEFG__spinnerBar:after {
  content: "";
  background: conic-gradient(#3b82f6 0deg, #8b5cf6 90deg, #ec4899 180deg, #f97316 270deg, #3b82f6 360deg);
  border-radius: 50%;
  width: 70%;
  height: 70%;
  animation: 2s linear infinite reverse LoadingSpinner-module__WjAEFG__spin;
}

.LoadingSpinner-module__WjAEFG__message {
  color: #1f2937;
  text-align: center;
  margin: 0;
  font-size: clamp(1rem, 2vw, 1.25rem);
  font-weight: 600;
  animation: .6s ease-out .3s both LoadingSpinner-module__WjAEFG__fadeInUp;
}

.LoadingSpinner-module__WjAEFG__subtitle {
  color: #6b7280;
  text-align: center;
  margin: 0;
  font-size: clamp(.875rem, 1.5vw, 1rem);
  animation: .6s ease-out .5s both LoadingSpinner-module__WjAEFG__fadeInUp;
}

@keyframes LoadingSpinner-module__WjAEFG__spin {
  from {
    transform: rotate(0);
  }

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

@keyframes LoadingSpinner-module__WjAEFG__fadeInUp {
  from {
    opacity: 0;
    transform: translateY(10px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.dark .LoadingSpinner-module__WjAEFG__container {
  color: #e2e8f0;
}

.dark .LoadingSpinner-module__WjAEFG__spinnerTrack {
  background: conic-gradient(#60a5fa 0deg, #a78bfa 90deg, #f472b6 180deg, #fb923c 270deg, #60a5fa 360deg);
}

.dark .LoadingSpinner-module__WjAEFG__spinnerBar {
  background: #111827;
}

.dark .LoadingSpinner-module__WjAEFG__spinnerBar:after {
  background: conic-gradient(#60a5fa 0deg, #a78bfa 90deg, #f472b6 180deg, #fb923c 270deg, #60a5fa 360deg);
}

.dark .LoadingSpinner-module__WjAEFG__message {
  color: #f8fafc;
}

.dark .LoadingSpinner-module__WjAEFG__subtitle {
  color: #94a3b8;
}

[dir="rtl"] .LoadingSpinner-module__WjAEFG__container {
  direction: rtl;
}

[dir="rtl"] .LoadingSpinner-module__WjAEFG__message, [dir="rtl"] .LoadingSpinner-module__WjAEFG__subtitle {
  text-align: right;
}

@media (max-width: 480px) {
  .LoadingSpinner-module__WjAEFG__fullScreen {
    min-width: 100%;
    min-height: 100vh;
  }

  .LoadingSpinner-module__WjAEFG__message {
    font-size: 1rem;
  }

  .LoadingSpinner-module__WjAEFG__subtitle {
    font-size: .875rem;
  }
}

/* [project]/apps/web/src/app/thread/[id]/components/BumpModal.module.css [app-client] (css) */
.BumpModal-module__UShy8W__overlay {
  z-index: 500;
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  background: #0009;
  justify-content: center;
  align-items: center;
  animation: .2s ease-out BumpModal-module__UShy8W__fadeIn;
  display: flex;
  position: fixed;
  inset: 0;
}

@keyframes BumpModal-module__UShy8W__fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.BumpModal-module__UShy8W__modal {
  background: #fff;
  border-radius: 20px;
  flex-direction: column;
  width: 90%;
  max-width: 480px;
  max-height: 85vh;
  animation: .35s cubic-bezier(.34, 1.56, .64, 1) BumpModal-module__UShy8W__slideUp;
  display: flex;
  overflow: hidden;
  box-shadow: 0 25px 60px #0000004d, 0 0 0 1px #ffffff1a;
}

@keyframes BumpModal-module__UShy8W__slideUp {
  from {
    opacity: 0;
    transform: translateY(30px)scale(.96);
  }

  to {
    opacity: 1;
    transform: translateY(0)scale(1);
  }
}

.BumpModal-module__UShy8W__header {
  color: #fff;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  justify-content: space-between;
  align-items: center;
  padding: 1.25rem 1.5rem;
  display: flex;
}

.BumpModal-module__UShy8W__title {
  margin: 0;
  font-size: 1.2rem;
  font-weight: 700;
}

.BumpModal-module__UShy8W__closeBtn {
  color: #fff;
  cursor: pointer;
  background: #fff3;
  border: none;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  transition: all .2s;
  display: flex;
}

.BumpModal-module__UShy8W__closeBtn:hover {
  background: #ffffff59;
  transform: scale(1.1);
}

.BumpModal-module__UShy8W__tabs {
  border-bottom: 2px solid #e2e8f0;
  display: flex;
}

.BumpModal-module__UShy8W__tab {
  color: #64748b;
  cursor: pointer;
  background: none;
  border: none;
  flex: 1;
  padding: .85rem 1rem;
  font-size: .95rem;
  font-weight: 600;
  transition: all .3s;
  position: relative;
}

.BumpModal-module__UShy8W__tab:hover {
  color: #667eea;
  background: #f8fafc;
}

.BumpModal-module__UShy8W__tabActive {
  color: #667eea;
}

.BumpModal-module__UShy8W__tabActive:after {
  content: "";
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  border-radius: 2px 2px 0 0;
  height: 3px;
  position: absolute;
  bottom: -2px;
  left: 0;
  right: 0;
}

.BumpModal-module__UShy8W__content {
  flex: 1;
  padding: 1.25rem 1.5rem;
  overflow-y: auto;
}

.BumpModal-module__UShy8W__loading {
  color: #64748b;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  padding: 2rem;
  display: flex;
}

.BumpModal-module__UShy8W__spinner {
  border: 3px solid #e2e8f0;
  border-top-color: #667eea;
  border-radius: 50%;
  width: 36px;
  height: 36px;
  animation: .8s linear infinite BumpModal-module__UShy8W__spin;
}

@keyframes BumpModal-module__UShy8W__spin {
  to {
    transform: rotate(360deg);
  }
}

.BumpModal-module__UShy8W__cooldownNotice {
  color: #92400e;
  background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);
  border: 1px solid #f59e0b;
  border-radius: 12px;
  align-items: flex-start;
  gap: .75rem;
  margin-bottom: 1rem;
  padding: 1rem;
  font-size: .9rem;
  animation: .3s ease-out BumpModal-module__UShy8W__optionSlide;
  display: flex;
}

.BumpModal-module__UShy8W__cooldownNotice span:first-child {
  flex-shrink: 0;
  font-size: 1.3rem;
}

.BumpModal-module__UShy8W__cooldownNotice p {
  margin: .25rem 0 0;
  font-size: .85rem;
}

.BumpModal-module__UShy8W__countdownTimer {
  font-variant-numeric: tabular-nums;
  letter-spacing: .05em;
  background: linear-gradient(135deg, #f59e0b 0%, #dc2626 100%);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  margin-top: .4rem;
  font-size: 1.3rem;
  font-weight: 800;
  animation: 2s ease-in-out infinite BumpModal-module__UShy8W__pulse;
}

@keyframes BumpModal-module__UShy8W__pulse {
  0%, 100% {
    opacity: 1;
  }

  50% {
    opacity: .7;
  }
}

.dark .BumpModal-module__UShy8W__countdownTimer {
  background: linear-gradient(135deg, #fbbf24 0%, #f87171 100%);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
}

.BumpModal-module__UShy8W__optionsList {
  flex-direction: column;
  gap: .6rem;
  display: flex;
}

.BumpModal-module__UShy8W__optionCard {
  cursor: pointer;
  text-align: start;
  background: #fff;
  border: 2px solid #e2e8f0;
  border-radius: 12px;
  align-items: center;
  gap: .85rem;
  width: 100%;
  padding: .9rem 1rem;
  transition: all .3s cubic-bezier(.4, 0, .2, 1);
  animation: .35s ease-out both BumpModal-module__UShy8W__optionSlide;
  display: flex;
}

@keyframes BumpModal-module__UShy8W__optionSlide {
  from {
    opacity: 0;
    transform: translateX(-15px);
  }

  to {
    opacity: 1;
    transform: translateX(0);
  }
}

.BumpModal-module__UShy8W__optionCard:hover:not(:disabled) {
  background: linear-gradient(135deg, #f8fafc 0%, #eef2ff 100%);
  border-color: #667eea;
  transform: translateY(-2px);
  box-shadow: 0 6px 20px #667eea26;
}

.BumpModal-module__UShy8W__optionCard:active:not(:disabled) {
  transform: translateY(0);
}

.BumpModal-module__UShy8W__optionDisabled {
  opacity: .45;
  cursor: not-allowed;
}

.BumpModal-module__UShy8W__optionLowCoins {
  opacity: .75;
  border-color: #fecaca;
}

.BumpModal-module__UShy8W__optionLowCoins .BumpModal-module__UShy8W__optionDesc {
  color: #dc2626;
}

.dark .BumpModal-module__UShy8W__optionLowCoins {
  border-color: #7f1d1d;
}

.dark .BumpModal-module__UShy8W__optionLowCoins .BumpModal-module__UShy8W__optionDesc {
  color: #fca5a5;
}

.BumpModal-module__UShy8W__stickyCard {
  border-color: #fde68a;
}

.BumpModal-module__UShy8W__stickyCard:hover:not(:disabled) {
  background: linear-gradient(135deg, #fffbeb 0%, #fef3c7 100%);
  border-color: #f59e0b;
}

.BumpModal-module__UShy8W__optionIcon {
  text-align: center;
  flex-shrink: 0;
  width: 36px;
  font-size: 1.5rem;
}

.BumpModal-module__UShy8W__optionInfo {
  flex-direction: column;
  flex: 1;
  gap: .15rem;
  display: flex;
}

.BumpModal-module__UShy8W__optionLabel {
  color: #1e293b;
  font-size: .95rem;
  font-weight: 600;
}

.BumpModal-module__UShy8W__optionDesc {
  color: #64748b;
  font-size: .8rem;
}

.BumpModal-module__UShy8W__optionCost {
  color: #667eea;
  white-space: nowrap;
  flex-shrink: 0;
  font-size: .9rem;
  font-weight: 700;
}

.BumpModal-module__UShy8W__errorMsg {
  color: #dc2626;
  background: #fef2f2;
  border: 1px solid #fca5a5;
  border-radius: 10px;
  align-items: center;
  gap: .5rem;
  margin-top: 1rem;
  padding: .85rem 1rem;
  font-size: .9rem;
  font-weight: 500;
  animation: .3s ease-out BumpModal-module__UShy8W__optionSlide;
  display: flex;
}

.BumpModal-module__UShy8W__successMsg {
  color: #16a34a;
  background: #f0fdf4;
  border: 1px solid #86efac;
  border-radius: 10px;
  align-items: center;
  gap: .5rem;
  margin-top: 1rem;
  padding: .85rem 1rem;
  font-size: .9rem;
  font-weight: 500;
  animation: .3s ease-out BumpModal-module__UShy8W__optionSlide;
  display: flex;
}

.BumpModal-module__UShy8W__footer {
  background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
  border-top: 2px solid #e2e8f0;
  padding: 1rem 1.5rem;
}

.BumpModal-module__UShy8W__balanceInfo {
  justify-content: center;
  align-items: center;
  gap: 1.25rem;
  display: flex;
}

.BumpModal-module__UShy8W__balanceSeparator {
  background: #e2e8f0;
  width: 1px;
  height: 24px;
}

.BumpModal-module__UShy8W__balanceItem {
  align-items: center;
  gap: .5rem;
  display: flex;
}

.BumpModal-module__UShy8W__balanceItem > span:first-child {
  font-size: 1.3rem;
}

.BumpModal-module__UShy8W__balanceLabel {
  color: #64748b;
  font-size: .9rem;
  font-weight: 500;
}

.BumpModal-module__UShy8W__balanceValue {
  color: #667eea;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  font-size: 1.1rem;
  font-weight: 700;
}

.dark .BumpModal-module__UShy8W__modal {
  background: #1e293b;
}

.dark .BumpModal-module__UShy8W__tabs {
  border-color: #334155;
}

.dark .BumpModal-module__UShy8W__tab {
  color: #94a3b8;
}

.dark .BumpModal-module__UShy8W__tab:hover {
  color: #818cf8;
  background: #334155;
}

.dark .BumpModal-module__UShy8W__tabActive {
  color: #818cf8;
}

.dark .BumpModal-module__UShy8W__optionCard {
  background: #1e293b;
  border-color: #334155;
}

.dark .BumpModal-module__UShy8W__optionCard:hover:not(:disabled) {
  background: linear-gradient(135deg, #1e293b 0%, #312e81 100%);
  border-color: #818cf8;
}

.dark .BumpModal-module__UShy8W__optionLabel {
  color: #f1f5f9;
}

.dark .BumpModal-module__UShy8W__optionDesc {
  color: #94a3b8;
}

.dark .BumpModal-module__UShy8W__optionCost {
  color: #a5b4fc;
}

.dark .BumpModal-module__UShy8W__stickyCard {
  border-color: #78350f;
}

.dark .BumpModal-module__UShy8W__stickyCard:hover:not(:disabled) {
  background: linear-gradient(135deg, #1e293b 0%, #451a03 100%);
  border-color: #f59e0b;
}

.dark .BumpModal-module__UShy8W__cooldownNotice {
  color: #fde68a;
  background: linear-gradient(135deg, #451a03 0%, #78350f 100%);
  border-color: #b45309;
}

.dark .BumpModal-module__UShy8W__errorMsg {
  color: #fca5a5;
  background: #450a0a;
  border-color: #991b1b;
}

.dark .BumpModal-module__UShy8W__successMsg {
  color: #86efac;
  background: #052e16;
  border-color: #166534;
}

.dark .BumpModal-module__UShy8W__footer {
  background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
  border-color: #334155;
}

.dark .BumpModal-module__UShy8W__balanceSeparator {
  background: #475569;
}

.dark .BumpModal-module__UShy8W__balanceLabel {
  color: #94a3b8;
}

@media (max-width: 480px) {
  .BumpModal-module__UShy8W__modal {
    border-radius: 16px;
    width: 95%;
    max-height: 90vh;
  }

  .BumpModal-module__UShy8W__header, .BumpModal-module__UShy8W__content {
    padding: 1rem;
  }

  .BumpModal-module__UShy8W__optionCard {
    gap: .65rem;
    padding: .75rem;
  }

  .BumpModal-module__UShy8W__optionIcon {
    width: 28px;
    font-size: 1.2rem;
  }
}

/* [project]/apps/web/src/app/thread/[id]/components/AdminThreadToolbar.module.css [app-client] (css) */
.AdminThreadToolbar-module__0RTOZW__adminToolbar {
  background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%);
  border: 2px solid #3b82f6;
  border-radius: 12px;
  flex-wrap: wrap;
  align-items: center;
  gap: .75rem;
  margin-bottom: 2rem;
  padding: 1rem 1.25rem;
  display: flex;
}

.dark .AdminThreadToolbar-module__0RTOZW__adminToolbar {
  background: linear-gradient(135deg, #1e1b4b 0%, #1e3a5f 100%);
  border-color: #60a5fa;
}

.AdminThreadToolbar-module__0RTOZW__adminToolbarLabel {
  color: #1e40af;
  white-space: nowrap;
  align-items: center;
  gap: .5rem;
  font-size: .9rem;
  font-weight: 700;
  display: flex;
}

.dark .AdminThreadToolbar-module__0RTOZW__adminToolbarLabel {
  color: #93c5fd;
}

.AdminThreadToolbar-module__0RTOZW__adminToolbarDivider {
  background: #93c5fd;
  flex-shrink: 0;
  width: 1px;
  height: 28px;
}

.dark .AdminThreadToolbar-module__0RTOZW__adminToolbarDivider {
  background: #3b82f6;
}

.AdminThreadToolbar-module__0RTOZW__adminToolbarActions {
  flex-wrap: wrap;
  align-items: center;
  gap: .5rem;
  display: flex;
}

.AdminThreadToolbar-module__0RTOZW__adminBtn {
  color: #334155;
  cursor: pointer;
  white-space: nowrap;
  background: #fff;
  border: 1px solid #cbd5e1;
  border-radius: 8px;
  align-items: center;
  gap: .35rem;
  padding: .4rem .85rem;
  font-size: .82rem;
  font-weight: 500;
  transition: all .15s;
  display: inline-flex;
}

.AdminThreadToolbar-module__0RTOZW__adminBtn:hover {
  background: #f1f5f9;
  border-color: #94a3b8;
}

.dark .AdminThreadToolbar-module__0RTOZW__adminBtn {
  color: #e2e8f0;
  background: #1e293b;
  border-color: #475569;
}

.dark .AdminThreadToolbar-module__0RTOZW__adminBtn:hover {
  background: #334155;
  border-color: #64748b;
}

.AdminThreadToolbar-module__0RTOZW__adminBtnApprove {
  color: #065f46;
  background: #ecfdf5;
  border-color: #6ee7b7;
}

.AdminThreadToolbar-module__0RTOZW__adminBtnApprove:hover {
  background: #d1fae5;
}

.dark .AdminThreadToolbar-module__0RTOZW__adminBtnApprove {
  color: #6ee7b7;
  background: #064e3b;
  border-color: #34d399;
}

.dark .AdminThreadToolbar-module__0RTOZW__adminBtnApprove:hover {
  background: #065f46;
}

.AdminThreadToolbar-module__0RTOZW__adminBtnReject {
  color: #991b1b;
  background: #fef2f2;
  border-color: #fca5a5;
}

.AdminThreadToolbar-module__0RTOZW__adminBtnReject:hover {
  background: #fee2e2;
}

.dark .AdminThreadToolbar-module__0RTOZW__adminBtnReject {
  color: #fca5a5;
  background: #450a0a;
  border-color: #f87171;
}

.dark .AdminThreadToolbar-module__0RTOZW__adminBtnReject:hover {
  background: #7f1d1d;
}

.AdminThreadToolbar-module__0RTOZW__adminBtnDanger {
  color: #991b1b;
  background: #fef2f2;
  border-color: #fca5a5;
}

.AdminThreadToolbar-module__0RTOZW__adminBtnDanger:hover {
  background: #fee2e2;
}

.dark .AdminThreadToolbar-module__0RTOZW__adminBtnDanger {
  color: #fca5a5;
  background: #450a0a;
  border-color: #f87171;
}

.dark .AdminThreadToolbar-module__0RTOZW__adminBtnDanger:hover {
  background: #7f1d1d;
}

.AdminThreadToolbar-module__0RTOZW__adminBtnActive {
  color: #fff;
  background: #6366f1;
  border-color: #6366f1;
}

.AdminThreadToolbar-module__0RTOZW__adminBtnActive:hover {
  background: #4f46e5;
}

.dark .AdminThreadToolbar-module__0RTOZW__adminBtnActive {
  color: #fff;
  background: #6366f1;
  border-color: #818cf8;
}

.AdminThreadToolbar-module__0RTOZW__statusBadge {
  border-radius: 20px;
  align-items: center;
  gap: .3rem;
  padding: .3rem .7rem;
  font-size: .78rem;
  font-weight: 600;
  display: inline-flex;
}

.AdminThreadToolbar-module__0RTOZW__statusPending {
  color: #92400e;
  background: #fef3c7;
}

.dark .AdminThreadToolbar-module__0RTOZW__statusPending {
  color: #fde68a;
  background: #78350f;
}

.AdminThreadToolbar-module__0RTOZW__statusApproved {
  color: #065f46;
  background: #d1fae5;
}

.dark .AdminThreadToolbar-module__0RTOZW__statusApproved {
  color: #6ee7b7;
  background: #064e3b;
}

.AdminThreadToolbar-module__0RTOZW__statusRejected {
  color: #991b1b;
  background: #fee2e2;
}

.dark .AdminThreadToolbar-module__0RTOZW__statusRejected {
  color: #fca5a5;
  background: #450a0a;
}

.AdminThreadToolbar-module__0RTOZW__statusViolation {
  color: #92400e;
  background: #fef3c7;
}

.dark .AdminThreadToolbar-module__0RTOZW__statusViolation {
  color: #fbbf24;
  background: #451a03;
}

.AdminThreadToolbar-module__0RTOZW__adminBtnViolation {
  color: #92400e;
  background: #fef3c7;
  border-color: #fbbf24;
}

.AdminThreadToolbar-module__0RTOZW__adminBtnViolation:hover {
  background: #fde68a;
}

.dark .AdminThreadToolbar-module__0RTOZW__adminBtnViolation {
  color: #fbbf24;
  background: #451a03;
  border-color: #f59e0b;
}

.dark .AdminThreadToolbar-module__0RTOZW__adminBtnViolation:hover {
  background: #78350f;
}

.AdminThreadToolbar-module__0RTOZW__adminBtnViolationConfirm {
  color: #fff;
  cursor: pointer;
  background: linear-gradient(135deg, #f59e0b, #d97706);
  border: none;
  border-radius: 8px;
  padding: .5rem 1rem;
  font-size: .85rem;
  font-weight: 600;
  transition: all .2s;
}

.AdminThreadToolbar-module__0RTOZW__adminBtnViolationConfirm:hover:not(:disabled) {
  transform: translateY(-1px);
  box-shadow: 0 4px 12px #f59e0b66;
}

.AdminThreadToolbar-module__0RTOZW__adminBtnViolationConfirm:disabled {
  opacity: .5;
  cursor: not-allowed;
}

.AdminThreadToolbar-module__0RTOZW__adminConfirmOverlay {
  z-index: 9999;
  background: #00000080;
  justify-content: center;
  align-items: center;
  display: flex;
  position: fixed;
  inset: 0;
}

.AdminThreadToolbar-module__0RTOZW__adminConfirmDialog {
  text-align: center;
  background: #fff;
  border-radius: 12px;
  width: 90%;
  max-width: 400px;
  padding: 2rem;
}

.dark .AdminThreadToolbar-module__0RTOZW__adminConfirmDialog {
  color: #e2e8f0;
  background: #1e293b;
}

.AdminThreadToolbar-module__0RTOZW__adminConfirmDialog h3 {
  margin: 0 0 .5rem;
  font-size: 1.1rem;
}

.AdminThreadToolbar-module__0RTOZW__adminConfirmDialog p {
  color: #64748b;
  margin: 0 0 1.5rem;
  font-size: .9rem;
}

.dark .AdminThreadToolbar-module__0RTOZW__adminConfirmDialog p {
  color: #94a3b8;
}

.AdminThreadToolbar-module__0RTOZW__adminConfirmActions {
  justify-content: center;
  gap: .75rem;
  display: flex;
}

.AdminThreadToolbar-module__0RTOZW__adminConfirmCancel {
  color: #334155;
  cursor: pointer;
  background: #fff;
  border: 1px solid #cbd5e1;
  border-radius: 8px;
  padding: .5rem 1.25rem;
  font-size: .85rem;
}

.dark .AdminThreadToolbar-module__0RTOZW__adminConfirmCancel {
  color: #e2e8f0;
  background: #334155;
  border-color: #475569;
}

.AdminThreadToolbar-module__0RTOZW__adminConfirmDelete {
  color: #fff;
  cursor: pointer;
  background: #ef4444;
  border: none;
  border-radius: 8px;
  padding: .5rem 1.25rem;
  font-size: .85rem;
  font-weight: 600;
}

.AdminThreadToolbar-module__0RTOZW__adminConfirmDelete:hover {
  background: #dc2626;
}

.AdminThreadToolbar-module__0RTOZW__editStatusSection {
  color: #64748b;
  border-inline-start: 1px solid #93c5fd;
  align-items: center;
  gap: .5rem;
  margin-inline-start: auto;
  padding-inline-start: .5rem;
  font-size: .82rem;
  display: flex;
}

.dark .AdminThreadToolbar-module__0RTOZW__editStatusSection {
  color: #94a3b8;
  border-color: #3b82f6;
}

.AdminThreadToolbar-module__0RTOZW__rejectReasonInput {
  resize: vertical;
  box-sizing: border-box;
  border: 2px solid #e2e8f0;
  border-radius: 8px;
  width: 100%;
  margin-bottom: .75rem;
  padding: .75rem;
  font-family: inherit;
  font-size: .9rem;
  transition: border-color .2s;
}

.AdminThreadToolbar-module__0RTOZW__rejectReasonInput:focus {
  border-color: #667eea;
  outline: none;
}

.dark .AdminThreadToolbar-module__0RTOZW__rejectReasonInput {
  color: #f1f5f9;
  background: #1e293b;
  border-color: #334155;
}

.dark .AdminThreadToolbar-module__0RTOZW__rejectReasonInput:focus {
  border-color: #818cf8;
}

.AdminThreadToolbar-module__0RTOZW__presetReasons {
  flex-wrap: wrap;
  gap: .4rem;
  margin-bottom: .75rem;
  display: flex;
}

.AdminThreadToolbar-module__0RTOZW__presetReasonBtn {
  color: #475569;
  cursor: pointer;
  background: #fff;
  border: 1.5px solid #e2e8f0;
  border-radius: 20px;
  padding: .35rem .7rem;
  font-size: .8rem;
  font-weight: 500;
  transition: all .2s;
}

.AdminThreadToolbar-module__0RTOZW__presetReasonBtn:hover {
  color: #667eea;
  background: #667eea0a;
  border-color: #667eea;
}

.AdminThreadToolbar-module__0RTOZW__presetReasonBtn.AdminThreadToolbar-module__0RTOZW__presetReasonActive {
  color: #fff;
  background: linear-gradient(135deg, #667eea, #764ba2);
  border-color: #667eea;
}

.dark .AdminThreadToolbar-module__0RTOZW__presetReasonBtn {
  color: #94a3b8;
  background: #1e293b;
  border-color: #334155;
}

.dark .AdminThreadToolbar-module__0RTOZW__presetReasonBtn:hover {
  color: #818cf8;
  border-color: #818cf8;
}

.dark .AdminThreadToolbar-module__0RTOZW__presetReasonBtn.AdminThreadToolbar-module__0RTOZW__presetReasonActive {
  color: #fff;
  background: linear-gradient(135deg, #667eea, #764ba2);
  border-color: #0000;
}

/* [project]/apps/web/src/components/unified-editor/toolbar/EditorToolbar.module.css [app-client] (css) */
:root {
  --tb-bg: #fff;
  --tb-border: #e0e0e0;
  --tb-text: #333;
  --tb-text-muted: #999;
  --tb-hover-bg: #f0f0f0;
  --tb-active-bg: #e3edf7;
  --tb-active-color: #4a90d9;
  --tb-divider: #e0e0e0;
  --tb-radius: 4px;
  --tb-gap: 6px;
  --tb-dropdown-bg: #fff;
  --tb-dropdown-shadow: 0 4px 16px #0000001f;
}

.EditorToolbar-module__e16cfq__toolbar {
  align-items: center;
  gap: var(--tb-gap);
  background: var(--tb-bg);
  border: 1px solid var(--tb-border);
  z-index: 10;
  border-radius: 8px 8px 0 0;
  flex-wrap: wrap;
  padding: 6px 8px;
  display: flex;
  position: sticky;
  top: 0;
}

.EditorToolbar-module__e16cfq__toolbar.EditorToolbar-module__e16cfq__static {
  position: static;
}

.EditorToolbar-module__e16cfq__toolbar.EditorToolbar-module__e16cfq__floating {
  z-index: 1000;
  border-radius: 8px;
  max-width: min(90vw, 640px);
  animation: .15s ease-out EditorToolbar-module__e16cfq__floatingToolbarIn;
  position: fixed;
  box-shadow: 0 4px 20px #00000026;
}

@keyframes EditorToolbar-module__e16cfq__floatingToolbarIn {
  from {
    opacity: 0;
    transform: translateY(4px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.EditorToolbar-module__e16cfq__toolbar.EditorToolbar-module__e16cfq__compact {
  padding: 4px 6px;
}

.EditorToolbar-module__e16cfq__toolbarGroup {
  align-items: center;
  gap: var(--tb-gap);
  flex-wrap: nowrap;
  display: flex;
}

.EditorToolbar-module__e16cfq__mainGroups {
  align-items: center;
  gap: var(--tb-gap);
  flex-wrap: wrap;
  flex: 1;
  min-width: 0;
  display: flex;
}

.EditorToolbar-module__e16cfq__toolbarBtn {
  border-radius: var(--tb-radius);
  width: 30px;
  height: 30px;
  color: var(--tb-text);
  cursor: pointer;
  touch-action: manipulation;
  -webkit-tap-highlight-color: transparent;
  background: none;
  border: none;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  padding: 0;
  font-size: 14px;
  transition: background .12s, color .12s;
  display: inline-flex;
  position: relative;
}

.EditorToolbar-module__e16cfq__toolbarBtn:hover {
  background: var(--tb-hover-bg);
}

.EditorToolbar-module__e16cfq__toolbarBtn.EditorToolbar-module__e16cfq__active {
  background: var(--tb-active-bg);
  color: var(--tb-active-color);
}

.EditorToolbar-module__e16cfq__toolbarBtn:disabled {
  opacity: .4;
  cursor: not-allowed;
}

.EditorToolbar-module__e16cfq__toolbarBtn:disabled:hover {
  background: none;
}

.EditorToolbar-module__e16cfq__toolbarBtn.EditorToolbar-module__e16cfq__small {
  width: 26px;
  height: 26px;
  font-size: 12px;
}

.EditorToolbar-module__e16cfq__btnIcon {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: inline-flex;
}

.EditorToolbar-module__e16cfq__alignmentGroup {
  gap: 8px;
}

.EditorToolbar-module__e16cfq__alignIcon {
  flex-direction: column;
  justify-content: center;
  gap: 2px;
  width: 16px;
  height: 16px;
  display: inline-flex;
}

.EditorToolbar-module__e16cfq__alignIcon span {
  background: currentColor;
  border-radius: 999px;
  height: 2px;
  display: block;
}

.EditorToolbar-module__e16cfq__alignIcon_left span:first-child, .EditorToolbar-module__e16cfq__alignIcon_left span:nth-child(3), .EditorToolbar-module__e16cfq__alignIcon_center span:first-child, .EditorToolbar-module__e16cfq__alignIcon_center span:nth-child(3), .EditorToolbar-module__e16cfq__alignIcon_right span:first-child, .EditorToolbar-module__e16cfq__alignIcon_right span:nth-child(3) {
  width: 10px;
}

.EditorToolbar-module__e16cfq__alignIcon_left span:nth-child(2), .EditorToolbar-module__e16cfq__alignIcon_left span:nth-child(4), .EditorToolbar-module__e16cfq__alignIcon_center span:nth-child(2), .EditorToolbar-module__e16cfq__alignIcon_center span:nth-child(4), .EditorToolbar-module__e16cfq__alignIcon_right span:nth-child(2), .EditorToolbar-module__e16cfq__alignIcon_right span:nth-child(4), .EditorToolbar-module__e16cfq__alignIcon_justify span {
  width: 16px;
}

.EditorToolbar-module__e16cfq__alignIcon_center {
  align-items: center;
}

.EditorToolbar-module__e16cfq__alignIcon_right {
  align-items: flex-end;
}

.EditorToolbar-module__e16cfq__divider {
  background: var(--tb-divider);
  flex-shrink: 0;
  width: 1px;
  height: 20px;
  margin: 0 8px;
}

.EditorToolbar-module__e16cfq__dropdownWrapper {
  display: inline-flex;
  position: relative;
}

.EditorToolbar-module__e16cfq__dropdownTrigger {
  border-radius: var(--tb-radius);
  color: var(--tb-text);
  cursor: pointer;
  white-space: nowrap;
  background: none;
  border: none;
  align-items: center;
  gap: 2px;
  height: 30px;
  padding: 4px 8px;
  font-size: 12px;
  transition: background .12s;
  display: inline-flex;
}

.EditorToolbar-module__e16cfq__dropdownTrigger:hover {
  background: var(--tb-hover-bg);
}

.EditorToolbar-module__e16cfq__dropdownTrigger.EditorToolbar-module__e16cfq__active {
  background: var(--tb-active-bg);
  color: var(--tb-active-color);
}

.EditorToolbar-module__e16cfq__colorIndicator {
  border: 1px solid #00000026;
  border-radius: 2px;
  flex-shrink: 0;
  width: 14px;
  height: 14px;
  display: inline-block;
}

.EditorToolbar-module__e16cfq__dropdownArrow {
  opacity: .6;
  margin-inline-start: 2px;
  font-size: 8px;
}

.EditorToolbar-module__e16cfq__dropdownMenu {
  background: var(--tb-dropdown-bg);
  border: 1px solid var(--tb-border);
  min-width: 120px;
  box-shadow: var(--tb-dropdown-shadow);
  z-index: 100;
  border-radius: 6px;
  max-height: 320px;
  padding: 4px;
  position: absolute;
  top: calc(100% + 4px);
  left: 0;
  overflow-y: auto;
}

.EditorToolbar-module__e16cfq__dropdownMenu.EditorToolbar-module__e16cfq__alignRight {
  left: auto;
  right: 0;
}

.EditorToolbar-module__e16cfq__dropdownPanel {
  top: calc(100% + 4px);
  background: var(--tb-dropdown-bg);
  border: 1px solid var(--tb-border);
  min-width: 120px;
  box-shadow: var(--tb-dropdown-shadow);
  z-index: 100;
  border-radius: 6px;
  max-height: 320px;
  padding: 4px;
  position: absolute;
  inset-inline-start: 0;
  overflow-y: auto;
}

.EditorToolbar-module__e16cfq__dropdownPanelAbove {
  top: auto;
  bottom: calc(100% + 4px);
}

.EditorToolbar-module__e16cfq__dropdownPanelEnd {
  inset-inline: auto 0;
}

.EditorToolbar-module__e16cfq__dropdownItem {
  width: 100%;
  color: var(--tb-text);
  cursor: pointer;
  text-align: start;
  white-space: nowrap;
  background: none;
  border: none;
  border-radius: 4px;
  align-items: center;
  gap: 8px;
  padding: 6px 8px;
  font-size: 13px;
  transition: background .12s;
  display: flex;
}

.EditorToolbar-module__e16cfq__dropdownItem:hover {
  background: var(--tb-hover-bg);
}

.EditorToolbar-module__e16cfq__dropdownItem.EditorToolbar-module__e16cfq__activeItem {
  background: var(--tb-active-bg);
  color: var(--tb-active-color);
}

.EditorToolbar-module__e16cfq__dropdownItemIcon {
  text-align: center;
  flex-shrink: 0;
  width: 18px;
  font-size: 14px;
}

.EditorToolbar-module__e16cfq__dropdownItemLabel {
  flex: 1;
}

.EditorToolbar-module__e16cfq__dropdownItemCheck {
  color: var(--tb-active-color);
  margin-inline-start: auto;
  font-size: 12px;
}

.EditorToolbar-module__e16cfq__colorPalette {
  grid-template-columns: repeat(5, 1fr);
  gap: 3px;
  padding: 4px;
  display: grid;
}

.EditorToolbar-module__e16cfq__colorPalette.EditorToolbar-module__e16cfq__wide {
  grid-template-columns: repeat(8, 1fr);
}

.EditorToolbar-module__e16cfq__colorBtn {
  cursor: pointer;
  border: 1px solid #0000001a;
  border-radius: 3px;
  width: 24px;
  height: 24px;
  padding: 0;
  transition: transform .1s;
}

.EditorToolbar-module__e16cfq__colorBtn:hover {
  z-index: 1;
  transform: scale(1.15);
  box-shadow: 0 2px 4px #00000026;
}

.EditorToolbar-module__e16cfq__colorBtn.EditorToolbar-module__e16cfq__selectedColor {
  outline: 2px solid var(--tb-active-color);
  outline-offset: 1px;
}

.EditorToolbar-module__e16cfq__advancedColorLink {
  border: none;
  border-top: 1px solid var(--tb-border);
  width: 100%;
  color: var(--tb-active-color);
  cursor: pointer;
  text-align: center;
  background: none;
  margin-top: 4px;
  padding: 6px 8px;
  font-size: 12px;
  transition: background .12s;
  display: block;
}

.EditorToolbar-module__e16cfq__advancedColorLink:hover {
  background: var(--tb-hover-bg);
}

.EditorToolbar-module__e16cfq__dropdownLabel {
  color: var(--tb-text-muted);
  text-transform: uppercase;
  letter-spacing: .5px;
  padding: 4px 8px 2px;
  font-size: 11px;
}

.EditorToolbar-module__e16cfq__pickerContainer {
  padding: 4px;
}

.EditorToolbar-module__e16cfq__emojiGrid {
  grid-template-columns: repeat(8, 1fr);
  gap: 2px;
  max-height: 200px;
  padding: 4px;
  display: grid;
  overflow-y: auto;
}

.EditorToolbar-module__e16cfq__emojiBtn {
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  font-size: 18px;
  transition: background .1s;
  display: flex;
}

.EditorToolbar-module__e16cfq__emojiBtn:hover {
  background: var(--tb-hover-bg);
}

.EditorToolbar-module__e16cfq__charGrid {
  grid-template-columns: repeat(8, 1fr);
  gap: 2px;
  max-height: 220px;
  padding: 4px;
  display: grid;
  overflow-y: auto;
}

.EditorToolbar-module__e16cfq__charBtn {
  border: 1px solid var(--tb-border);
  cursor: pointer;
  width: 30px;
  height: 30px;
  color: var(--tb-text);
  background: none;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  font-family: serif;
  font-size: 16px;
  transition: background .1s, border-color .1s;
  display: flex;
}

.EditorToolbar-module__e16cfq__charBtn:hover {
  background: var(--tb-active-bg);
  border-color: var(--tb-active-color);
}

.EditorToolbar-module__e16cfq__tableGrid {
  grid-template-columns: repeat(6, 1fr);
  gap: 2px;
  padding: 4px;
  display: grid;
}

.EditorToolbar-module__e16cfq__tableCell {
  border: 1px solid var(--tb-border);
  cursor: pointer;
  background: none;
  border-radius: 2px;
  width: 22px;
  height: 22px;
  padding: 0;
  transition: background 80ms, border-color 80ms;
}

.EditorToolbar-module__e16cfq__tableCell.EditorToolbar-module__e16cfq__cellHighlighted {
  background: var(--tb-active-bg);
  border-color: var(--tb-active-color);
}

.EditorToolbar-module__e16cfq__tableGridLabel {
  text-align: center;
  color: var(--tb-text-muted);
  padding: 4px 0 0;
  font-size: 11px;
}

.EditorToolbar-module__e16cfq__overflowGroup {
  display: none;
}

.EditorToolbar-module__e16cfq__toolbar.EditorToolbar-module__e16cfq__overflowing .EditorToolbar-module__e16cfq__overflowGroup {
  display: inline-flex;
}

.EditorToolbar-module__e16cfq__overflowMenu {
  background: var(--tb-dropdown-bg);
  border: 1px solid var(--tb-border);
  box-shadow: var(--tb-dropdown-shadow);
  z-index: 100;
  border-radius: 6px;
  flex-wrap: wrap;
  gap: 2px;
  max-width: 300px;
  padding: 6px;
  display: flex;
  position: absolute;
  top: calc(100% + 4px);
  right: 0;
}

@media (pointer: coarse) {
  .EditorToolbar-module__e16cfq__toolbarBtn {
    touch-action: manipulation;
    -webkit-tap-highlight-color: transparent;
    width: 36px;
    height: 36px;
    font-size: 15px;
  }

  .EditorToolbar-module__e16cfq__toolbarBtn.EditorToolbar-module__e16cfq__small {
    width: 32px;
    height: 32px;
    font-size: 13px;
  }

  .EditorToolbar-module__e16cfq__dropdownTrigger {
    touch-action: manipulation;
    -webkit-tap-highlight-color: transparent;
    min-height: 36px;
    padding: 4px 10px;
    font-size: 13px;
  }

  .EditorToolbar-module__e16cfq__toolbar {
    gap: 3px;
    padding: 6px 8px;
  }

  .EditorToolbar-module__e16cfq__toolbarGroup {
    gap: 3px;
  }

  .EditorToolbar-module__e16cfq__emojiBtn, .EditorToolbar-module__e16cfq__charBtn, .EditorToolbar-module__e16cfq__tableCell {
    touch-action: manipulation;
    width: 36px;
    height: 36px;
  }

  .EditorToolbar-module__e16cfq__colorBtn {
    touch-action: manipulation;
    width: 30px;
    height: 30px;
  }
}

@media (max-width: 768px) {
  .EditorToolbar-module__e16cfq__toolbar {
    gap: 2px;
    padding: 4px;
  }

  .EditorToolbar-module__e16cfq__toolbarBtn {
    width: 32px;
    height: 32px;
    font-size: 13px;
  }

  .EditorToolbar-module__e16cfq__dropdownTrigger {
    height: 32px;
    padding: 3px 8px;
    font-size: 11px;
  }

  .EditorToolbar-module__e16cfq__divider {
    height: 16px;
    margin: 0 2px;
  }
}

@media (max-width: 480px) {
  .EditorToolbar-module__e16cfq__toolbar {
    border-radius: 0;
    padding: 3px;
  }

  .EditorToolbar-module__e16cfq__toolbarBtn {
    width: 30px;
    height: 30px;
    font-size: 12px;
  }

  .EditorToolbar-module__e16cfq__hideOnMobile {
    display: none;
  }
}

@media (pointer: coarse) and (max-width: 768px) {
  .EditorToolbar-module__e16cfq__toolbarBtn {
    width: 38px;
    height: 38px;
    font-size: 14px;
  }

  .EditorToolbar-module__e16cfq__dropdownTrigger {
    min-height: 38px;
    padding: 4px 10px;
    font-size: 12px;
  }

  .EditorToolbar-module__e16cfq__emojiBtn, .EditorToolbar-module__e16cfq__charBtn {
    width: 38px;
    height: 38px;
  }

  .EditorToolbar-module__e16cfq__overflowMenu {
    max-width: calc(100vw - 24px);
    inset-inline: auto 0;
  }
}

@media (pointer: coarse) and (max-width: 480px) {
  .EditorToolbar-module__e16cfq__toolbarBtn {
    width: 40px;
    height: 40px;
    font-size: 15px;
  }

  .EditorToolbar-module__e16cfq__dropdownTrigger {
    min-height: 40px;
    padding: 4px 8px;
  }
}

.dark .EditorToolbar-module__e16cfq__toolbar {
  --tb-bg: #1e1e1e;
  --tb-border: #3a3a3a;
  --tb-text: #e0e0e0;
  --tb-text-muted: #777;
  --tb-hover-bg: #2a2a2a;
  --tb-active-bg: #1a2a3d;
  --tb-active-color: #5ba0e6;
  --tb-divider: #3a3a3a;
  --tb-dropdown-bg: #252525;
  --tb-dropdown-shadow: 0 4px 16px #0000004d;
}

.dark .EditorToolbar-module__e16cfq__dropdownPanel {
  --tb-dropdown-bg: #252525;
  --tb-border: #3a3a3a;
  --tb-text: #e0e0e0;
  --tb-text-muted: #777;
  --tb-hover-bg: #2a2a2a;
  --tb-active-bg: #1a2a3d;
  --tb-active-color: #5ba0e6;
}

.dark .EditorToolbar-module__e16cfq__overflowMenu {
  --tb-dropdown-bg: #252525;
  --tb-border: #3a3a3a;
  --tb-text: #e0e0e0;
  --tb-hover-bg: #2a2a2a;
  --tb-active-bg: #1a2a3d;
  --tb-active-color: #5ba0e6;
}

.dark .EditorToolbar-module__e16cfq__colorBtn {
  border-color: #ffffff26;
}

.dark .EditorToolbar-module__e16cfq__charBtn {
  color: #e0e0e0;
  border-color: #3a3a3a;
}

.dark .EditorToolbar-module__e16cfq__charBtn:hover {
  background: #1a2a3d;
  border-color: #5ba0e6;
}

.dark .EditorToolbar-module__e16cfq__tableCell {
  border-color: #3a3a3a;
}

.dark .EditorToolbar-module__e16cfq__tableCell.EditorToolbar-module__e16cfq__cellHighlighted {
  background: #1a2a3d;
  border-color: #5ba0e6;
}

.EditorToolbar-module__e16cfq__ribbonToolbar {
  z-index: 20;
  flex-direction: column;
  gap: 0;
  padding: 0;
  overflow: visible;
}

.EditorToolbar-module__e16cfq__ribbonHeader {
  align-items: center;
  gap: var(--tb-gap);
  border-bottom: 1px solid var(--tb-border);
  width: 100%;
  min-height: 38px;
  padding: 4px 8px;
  display: flex;
}

.EditorToolbar-module__e16cfq__ribbonToolbar.EditorToolbar-module__e16cfq__collapsed .EditorToolbar-module__e16cfq__ribbonHeader {
  border-bottom: none;
}

.EditorToolbar-module__e16cfq__tabStrip {
  scrollbar-width: none;
  -ms-overflow-style: none;
  flex: 1;
  align-items: center;
  gap: 2px;
  min-width: 0;
  display: flex;
  overflow-x: auto;
}

.EditorToolbar-module__e16cfq__tabStrip::-webkit-scrollbar {
  display: none;
}

.EditorToolbar-module__e16cfq__tabBtn {
  color: var(--tb-text-muted);
  cursor: pointer;
  white-space: nowrap;
  background: none;
  border: none;
  border-bottom: 2px solid #0000;
  border-radius: 4px 4px 0 0;
  flex-shrink: 0;
  align-items: center;
  gap: 4px;
  padding: 4px 10px;
  font-size: 12px;
  line-height: 1.4;
  transition: background .15s, color .15s, border-color .15s;
  display: inline-flex;
  position: relative;
}

.EditorToolbar-module__e16cfq__tabBtn:hover {
  color: var(--tb-text);
  background: var(--tb-hover-bg);
}

.EditorToolbar-module__e16cfq__tabBtnActive {
  color: var(--tb-active-color);
  border-bottom-color: var(--tb-active-color);
  background: var(--tb-active-bg);
  font-weight: 600;
}

.EditorToolbar-module__e16cfq__tabIcon {
  font-size: 13px;
  line-height: 1;
}

.EditorToolbar-module__e16cfq__tabLabel {
  letter-spacing: .3px;
  font-size: 11px;
}

.EditorToolbar-module__e16cfq__pinnedActions {
  flex-shrink: 0;
  margin-inline-start: auto;
}

.EditorToolbar-module__e16cfq__collapseChevron {
  font-size: 12px;
  line-height: 1;
  transition: transform .2s;
  display: inline-block;
}

.EditorToolbar-module__e16cfq__ribbonBody {
  border-top: none;
  align-items: center;
  width: 100%;
  padding: 4px 8px;
  animation: .15s ease-out EditorToolbar-module__e16cfq__ribbonSlideIn;
  display: flex;
  position: relative;
  overflow: visible;
}

@keyframes EditorToolbar-module__e16cfq__ribbonSlideIn {
  from {
    opacity: 0;
    max-height: 0;
    padding-top: 0;
    padding-bottom: 0;
  }

  to {
    opacity: 1;
    max-height: 100px;
    padding-top: 4px;
    padding-bottom: 4px;
  }
}

.EditorToolbar-module__e16cfq__tabContent {
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  min-width: 0;
  display: flex;
}

.EditorToolbar-module__e16cfq__subGroup {
  flex-direction: column;
  align-items: center;
  gap: 4px;
  padding-inline: 2px;
  display: flex;
  position: relative;
}

.EditorToolbar-module__e16cfq__subGroupLabel {
  color: var(--tb-text-muted);
  text-transform: uppercase;
  letter-spacing: .4px;
  -webkit-user-select: none;
  user-select: none;
  white-space: nowrap;
  padding-top: 1px;
  font-size: 9px;
  line-height: 1;
}

[dir="rtl"] .EditorToolbar-module__e16cfq__dropdownMenu {
  left: auto;
  right: 0;
}

[dir="rtl"] .EditorToolbar-module__e16cfq__dropdownMenu.EditorToolbar-module__e16cfq__alignRight {
  left: 0;
  right: auto;
}

[dir="rtl"] .EditorToolbar-module__e16cfq__inputLabel {
  text-align: start;
}

[dir="rtl"] .EditorToolbar-module__e16cfq__ribbonHeader, [dir="rtl"] .EditorToolbar-module__e16cfq__tabStrip {
  flex-direction: row;
}

.dark .EditorToolbar-module__e16cfq__ribbonHeader {
  border-bottom-color: #3a3a3a;
}

.dark .EditorToolbar-module__e16cfq__tabBtn {
  color: #777;
}

.dark .EditorToolbar-module__e16cfq__tabBtn:hover {
  color: #e0e0e0;
  background: #2a2a2a;
}

.dark .EditorToolbar-module__e16cfq__tabBtnActive {
  color: #5ba0e6;
  background: #1a2a3d;
  border-bottom-color: #5ba0e6;
}

.dark .EditorToolbar-module__e16cfq__subGroupLabel {
  color: #666;
}

@media (max-width: 768px) {
  .EditorToolbar-module__e16cfq__tabBtn {
    padding: 3px 7px;
    font-size: 11px;
  }

  .EditorToolbar-module__e16cfq__tabLabel {
    display: none;
  }

  .EditorToolbar-module__e16cfq__tabIcon {
    font-size: 14px;
  }

  .EditorToolbar-module__e16cfq__ribbonHeader {
    min-height: 34px;
    padding: 3px 6px;
  }

  .EditorToolbar-module__e16cfq__ribbonBody {
    padding: 3px 6px;
  }

  .EditorToolbar-module__e16cfq__subGroupLabel {
    display: none;
  }
}

@media (max-width: 480px) {
  .EditorToolbar-module__e16cfq__tabBtn {
    padding: 2px 5px;
  }

  .EditorToolbar-module__e16cfq__ribbonHeader {
    min-height: 32px;
    padding: 2px 4px;
  }

  .EditorToolbar-module__e16cfq__ribbonBody {
    padding: 2px 4px;
  }
}

@media (pointer: coarse) {
  .EditorToolbar-module__e16cfq__tabBtn {
    touch-action: manipulation;
    -webkit-tap-highlight-color: transparent;
    min-height: 36px;
    padding: 6px 12px;
    font-size: 12px;
  }

  .EditorToolbar-module__e16cfq__tabIcon {
    font-size: 15px;
  }
}

@media (pointer: coarse) and (max-width: 768px) {
  .EditorToolbar-module__e16cfq__tabBtn {
    min-height: 38px;
    padding: 5px 8px;
  }
}

@media (pointer: coarse) and (max-width: 480px) {
  .EditorToolbar-module__e16cfq__tabBtn {
    min-height: 40px;
    padding: 4px 6px;
  }
}

/* [project]/apps/web/src/components/unified-editor/toolbar/pickers/AdvancedColorPicker.module.css [app-client] (css) */
.AdvancedColorPicker-module__wcxUcG__picker {
  background: var(--editor-bg, #fff);
  border: 1px solid var(--editor-border, #e0e0e0);
  width: 280px;
  z-index: var(--color-picker-z, 10001);
  border-radius: 8px;
  font-family: inherit;
  overflow: hidden;
  box-shadow: 0 4px 20px #00000026;
}

.AdvancedColorPicker-module__wcxUcG__header {
  border-bottom: 1px solid var(--editor-border, #e0e0e0);
  justify-content: space-between;
  align-items: center;
  padding: 8px 12px;
  display: flex;
}

.AdvancedColorPicker-module__wcxUcG__title {
  color: var(--editor-text, #333);
  font-size: 13px;
  font-weight: 600;
}

.AdvancedColorPicker-module__wcxUcG__closeBtn {
  cursor: pointer;
  color: var(--editor-text-muted, #999);
  background: none;
  border: none;
  border-radius: 4px;
  padding: 2px 6px;
  font-size: 14px;
  line-height: 1;
}

.AdvancedColorPicker-module__wcxUcG__closeBtn:hover {
  background: var(--editor-hover-bg, #f0f0f0);
  color: var(--editor-text, #333);
}

.AdvancedColorPicker-module__wcxUcG__tabs {
  border-bottom: 1px solid var(--editor-border, #e0e0e0);
  display: flex;
}

.AdvancedColorPicker-module__wcxUcG__tab {
  cursor: pointer;
  color: var(--editor-text-muted, #999);
  background: none;
  border: none;
  border-bottom: 2px solid #0000;
  flex: 1;
  padding: 6px 0;
  font-size: 12px;
  transition: all .15s;
}

.AdvancedColorPicker-module__wcxUcG__tab:hover {
  color: var(--editor-text, #333);
  background: var(--editor-hover-bg, #f8f8f8);
}

.AdvancedColorPicker-module__wcxUcG__activeTab {
  color: var(--editor-accent, #4a90d9);
  border-bottom-color: var(--editor-accent, #4a90d9);
  font-weight: 500;
}

.AdvancedColorPicker-module__wcxUcG__presetsPanel {
  padding: 10px;
}

.AdvancedColorPicker-module__wcxUcG__colorGrid {
  grid-template-columns: repeat(10, 1fr);
  gap: 3px;
  display: grid;
}

.AdvancedColorPicker-module__wcxUcG__colorSwatch {
  cursor: pointer;
  border: 1px solid #0000001a;
  border-radius: 3px;
  width: 22px;
  height: 22px;
  padding: 0;
  transition: transform .1s, box-shadow .1s;
}

.AdvancedColorPicker-module__wcxUcG__colorSwatch:hover {
  z-index: 1;
  transform: scale(1.2);
  box-shadow: 0 2px 6px #0003;
}

.AdvancedColorPicker-module__wcxUcG__selectedSwatch {
  outline: 2px solid var(--editor-accent, #4a90d9);
  outline-offset: 1px;
}

.AdvancedColorPicker-module__wcxUcG__recentSection {
  border-top: 1px solid var(--editor-border, #e0e0e0);
  margin-top: 10px;
  padding-top: 8px;
}

.AdvancedColorPicker-module__wcxUcG__sectionLabel {
  color: var(--editor-text-muted, #999);
  margin-bottom: 4px;
  font-size: 11px;
  display: block;
}

.AdvancedColorPicker-module__wcxUcG__recentGrid {
  flex-wrap: wrap;
  gap: 4px;
  display: flex;
}

.AdvancedColorPicker-module__wcxUcG__recentSwatch {
  border-radius: 4px;
  width: 24px;
  height: 24px;
}

.AdvancedColorPicker-module__wcxUcG__removeColorBtn {
  border: 1px dashed var(--editor-border, #ddd);
  cursor: pointer;
  width: 100%;
  color: var(--editor-text-muted, #999);
  text-align: center;
  background: none;
  border-radius: 4px;
  margin-top: 8px;
  padding: 6px;
  font-size: 12px;
  transition: background .15s;
}

.AdvancedColorPicker-module__wcxUcG__removeColorBtn:hover {
  color: #e74c3c;
  background: #fff0f0;
  border-color: #e74c3c;
}

.AdvancedColorPicker-module__wcxUcG__customPanel {
  padding: 10px;
}

.AdvancedColorPicker-module__wcxUcG__slArea {
  cursor: crosshair;
  border-radius: 4px;
  width: 100%;
  height: 150px;
  margin-bottom: 8px;
  position: relative;
  overflow: hidden;
}

.AdvancedColorPicker-module__wcxUcG__slCanvas {
  width: 100%;
  height: 100%;
  display: block;
}

.AdvancedColorPicker-module__wcxUcG__slCursor {
  pointer-events: none;
  border: 2px solid #fff;
  border-radius: 50%;
  width: 14px;
  height: 14px;
  position: absolute;
  transform: translate(-50%, -50%);
  box-shadow: 0 0 0 1px #0000004d, inset 0 0 0 1px #0000001a;
}

.AdvancedColorPicker-module__wcxUcG__hueSliderWrapper {
  margin-bottom: 10px;
}

.AdvancedColorPicker-module__wcxUcG__hueSlider {
  cursor: pointer;
  background: linear-gradient(to right, red, #ff0, #0f0, #0ff, #00f, #f0f, red);
  border-radius: 7px;
  height: 14px;
  position: relative;
}

.AdvancedColorPicker-module__wcxUcG__hueThumb {
  pointer-events: none;
  background: #fff;
  border: 1px solid #0000004d;
  border-radius: 3px;
  width: 10px;
  height: 16px;
  position: absolute;
  top: -1px;
  transform: translateX(-50%);
  box-shadow: 0 1px 3px #0003;
}

.AdvancedColorPicker-module__wcxUcG__previewRow {
  align-items: center;
  gap: 8px;
  margin-bottom: 8px;
  display: flex;
}

.AdvancedColorPicker-module__wcxUcG__previewSwatch {
  border: 1px solid #0000001a;
  border-radius: 4px;
  flex-shrink: 0;
  width: 32px;
  height: 32px;
}

.AdvancedColorPicker-module__wcxUcG__previewHex {
  color: var(--editor-text, #333);
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 600;
}

.AdvancedColorPicker-module__wcxUcG__inputRow {
  align-items: center;
  gap: 8px;
  margin-bottom: 6px;
  display: flex;
}

.AdvancedColorPicker-module__wcxUcG__inputLabel {
  color: var(--editor-text-muted, #999);
  text-align: end;
  flex-shrink: 0;
  width: 30px;
  font-size: 11px;
  font-weight: 500;
}

.AdvancedColorPicker-module__wcxUcG__hexInput {
  border: 1px solid var(--editor-border, #ddd);
  color: var(--editor-text, #333);
  background: var(--editor-input-bg, #fff);
  text-transform: uppercase;
  border-radius: 4px;
  flex: 1;
  padding: 4px 8px;
  font-family: monospace;
  font-size: 13px;
}

.AdvancedColorPicker-module__wcxUcG__hexInput:focus {
  border-color: var(--editor-accent, #4a90d9);
  outline: none;
  box-shadow: 0 0 0 2px #4a90d926;
}

.AdvancedColorPicker-module__wcxUcG__rgbInputs {
  flex: 1;
  gap: 4px;
  display: flex;
}

.AdvancedColorPicker-module__wcxUcG__numberInput {
  border: 1px solid var(--editor-border, #ddd);
  text-align: center;
  color: var(--editor-text, #333);
  background: var(--editor-input-bg, #fff);
  appearance: textfield;
  border-radius: 4px;
  flex: 1;
  padding: 4px;
  font-size: 12px;
}

.AdvancedColorPicker-module__wcxUcG__numberInput::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.AdvancedColorPicker-module__wcxUcG__numberInput::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.AdvancedColorPicker-module__wcxUcG__numberInput:focus {
  border-color: var(--editor-accent, #4a90d9);
  outline: none;
}

.AdvancedColorPicker-module__wcxUcG__actions {
  border-top: 1px solid var(--editor-border, #e0e0e0);
  align-items: center;
  gap: 8px;
  margin-top: 10px;
  padding-top: 8px;
  display: flex;
}

.AdvancedColorPicker-module__wcxUcG__eyedropperBtn {
  background: var(--editor-hover-bg, #f5f5f5);
  border: 1px solid var(--editor-border, #ddd);
  cursor: pointer;
  border-radius: 4px;
  padding: 6px 10px;
  font-size: 16px;
  transition: background .15s;
}

.AdvancedColorPicker-module__wcxUcG__eyedropperBtn:hover {
  background: var(--editor-border, #e0e0e0);
}

.AdvancedColorPicker-module__wcxUcG__applyBtn {
  background: var(--editor-accent, #4a90d9);
  color: #fff;
  cursor: pointer;
  border: none;
  border-radius: 4px;
  flex: 1;
  padding: 6px 16px;
  font-size: 13px;
  font-weight: 500;
  transition: background .15s;
}

.AdvancedColorPicker-module__wcxUcG__applyBtn:hover {
  background: var(--editor-accent-hover, #3a7bc8);
}

.dark .AdvancedColorPicker-module__wcxUcG__picker {
  --editor-bg: #1e1e1e;
  --editor-border: #3a3a3a;
  --editor-text: #e0e0e0;
  --editor-text-muted: #888;
  --editor-hover-bg: #2a2a2a;
  --editor-input-bg: #2a2a2a;
  --editor-accent: #5ba0e6;
  --editor-accent-hover: #4a8fd5;
}

.dark .AdvancedColorPicker-module__wcxUcG__colorSwatch {
  border-color: #ffffff26;
}

.dark .AdvancedColorPicker-module__wcxUcG__removeColorBtn:hover {
  color: #f87171;
  background: #3a1515;
  border-color: #f87171;
}

/* [project]/apps/web/src/components/unified-editor/toolbar/SelectionToolbar.module.css [app-client] (css) */
.SelectionToolbar-module__tBDfCq__selectionToolbar {
  z-index: 10000;
  -webkit-user-select: none;
  user-select: none;
  background: #1e1e2e;
  border: 1px solid #333;
  border-radius: 8px;
  align-items: center;
  gap: 2px;
  padding: 4px 6px;
  animation: .12s ease-out SelectionToolbar-module__tBDfCq__selToolbarIn;
  display: flex;
  position: fixed;
  box-shadow: 0 4px 20px #00000040, 0 0 1px #0000004d;
}

@keyframes SelectionToolbar-module__tBDfCq__selToolbarIn {
  from {
    opacity: 0;
    transform: translateY(4px)scale(.97);
  }

  to {
    opacity: 1;
    transform: translateY(0)scale(1);
  }
}

.SelectionToolbar-module__tBDfCq__formatBadge {
  color: #5ba0e6;
  white-space: nowrap;
  background: #5aa0e626;
  border-radius: 4px;
  align-items: center;
  gap: 2px;
  padding: 2px 6px;
  font-size: 10px;
  font-weight: 600;
  line-height: 1;
  display: flex;
}

.SelectionToolbar-module__tBDfCq__badgeItem {
  padding: 1px 2px;
}

.SelectionToolbar-module__tBDfCq__miniBtn {
  color: #ccc;
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 4px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  padding: 0;
  font-size: 13px;
  transition: background .1s, color .1s;
  display: inline-flex;
}

.SelectionToolbar-module__tBDfCq__miniBtn:hover {
  color: #fff;
  background: #ffffff1a;
}

.SelectionToolbar-module__tBDfCq__miniBtnActive {
  color: #5ba0e6;
  background: #5aa0e633;
}

.SelectionToolbar-module__tBDfCq__miniBtnActive:hover {
  color: #6bb4f7;
  background: #5aa0e64d;
}

.SelectionToolbar-module__tBDfCq__colorUnderline {
  border-radius: 1px;
  height: 3px;
  position: absolute;
  bottom: -2px;
  left: 0;
  right: 0;
}

.SelectionToolbar-module__tBDfCq__miniDivider {
  background: #ffffff26;
  flex-shrink: 0;
  width: 1px;
  height: 18px;
  margin: 0 2px;
}

.SelectionToolbar-module__tBDfCq__colorPanel {
  background: #1e1e2e;
  border: 1px solid #333;
  border-radius: 8px;
  min-width: 180px;
  padding: 8px;
  animation: .1s ease-out SelectionToolbar-module__tBDfCq__selToolbarIn;
  position: absolute;
  bottom: calc(100% + 6px);
  left: 0;
  box-shadow: 0 4px 16px #0000004d;
}

.SelectionToolbar-module__tBDfCq__colorPanelLabel {
  color: #888;
  text-transform: uppercase;
  letter-spacing: .4px;
  margin-bottom: 6px;
  padding: 0 2px;
  font-size: 10px;
}

.SelectionToolbar-module__tBDfCq__colorGrid {
  grid-template-columns: repeat(5, 1fr);
  gap: 4px;
  display: grid;
}

.SelectionToolbar-module__tBDfCq__colorDot {
  cursor: pointer;
  border: 2px solid #0000;
  border-radius: 50%;
  width: 26px;
  height: 26px;
  padding: 0;
  transition: transform .1s, border-color .1s;
}

.SelectionToolbar-module__tBDfCq__colorDot:hover {
  border-color: #ffffff4d;
  transform: scale(1.15);
}

.SelectionToolbar-module__tBDfCq__colorDotClear {
  color: #888;
  background: none;
  border: 2px solid #555;
  justify-content: center;
  align-items: center;
  font-size: 10px;
  display: flex;
}

.SelectionToolbar-module__tBDfCq__colorDotClear:hover {
  color: #ef4444;
  border-color: #ef4444;
}

@media (prefers-color-scheme: light) {
  .SelectionToolbar-module__tBDfCq__selectionToolbar {
    background: #fff;
    border-color: #e0e0e0;
    box-shadow: 0 4px 20px #0000001f, 0 0 1px #0000001a;
  }

  .SelectionToolbar-module__tBDfCq__miniBtn {
    color: #555;
  }

  .SelectionToolbar-module__tBDfCq__miniBtn:hover {
    color: #222;
    background: #f0f0f0;
  }

  .SelectionToolbar-module__tBDfCq__miniBtnActive {
    color: #4a90d9;
    background: #e3edf7;
  }

  .SelectionToolbar-module__tBDfCq__miniBtnActive:hover {
    color: #3a7cc0;
    background: #d0e2f5;
  }

  .SelectionToolbar-module__tBDfCq__miniDivider {
    background: #e0e0e0;
  }

  .SelectionToolbar-module__tBDfCq__colorPanel {
    background: #fff;
    border-color: #e0e0e0;
    box-shadow: 0 4px 16px #0000001f;
  }

  .SelectionToolbar-module__tBDfCq__colorPanelLabel {
    color: #999;
  }

  .SelectionToolbar-module__tBDfCq__colorDotClear {
    color: #999;
    border-color: #ccc;
  }
}

.dark .SelectionToolbar-module__tBDfCq__selectionToolbar {
  background: #1e1e2e;
  border-color: #333;
}

.dark .SelectionToolbar-module__tBDfCq__miniBtn {
  color: #ccc;
}

.dark .SelectionToolbar-module__tBDfCq__miniBtn:hover {
  color: #fff;
  background: #ffffff1a;
}

.dark .SelectionToolbar-module__tBDfCq__miniBtnActive {
  color: #5ba0e6;
  background: #5aa0e633;
}

.dark .SelectionToolbar-module__tBDfCq__colorPanel {
  background: #1e1e2e;
  border-color: #333;
}

@media (max-width: 480px) {
  .SelectionToolbar-module__tBDfCq__selectionToolbar {
    flex-wrap: wrap;
    gap: 1px;
    max-width: calc(100vw - 16px);
    padding: 3px 4px;
  }

  .SelectionToolbar-module__tBDfCq__miniBtn {
    width: 32px;
    height: 32px;
    font-size: 14px;
  }

  .SelectionToolbar-module__tBDfCq__formatBadge {
    display: none;
  }
}

@media (pointer: coarse) {
  .SelectionToolbar-module__tBDfCq__miniBtn {
    touch-action: manipulation;
    -webkit-tap-highlight-color: transparent;
    width: 34px;
    height: 34px;
    font-size: 14px;
  }

  .SelectionToolbar-module__tBDfCq__colorDot {
    touch-action: manipulation;
    width: 30px;
    height: 30px;
  }
}

/* [project]/apps/web/src/components/unified-editor/image-toolbar/ImageToolbar.module.css [app-client] (css) */
.ImageToolbar-module__Skm63W__floatingToolbar {
  animation: .2s ease-out ImageToolbar-module__Skm63W__fadeInScale;
}

.ImageToolbar-module__Skm63W__quickActions {
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background: #000000d9;
  border-radius: 12px;
  align-items: center;
  gap: .25rem;
  padding: .5rem;
  display: flex;
  box-shadow: 0 8px 24px #0000004d;
}

.ImageToolbar-module__Skm63W__quickButton {
  color: #fff;
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  font-size: 1rem;
  transition: all .15s;
  display: flex;
}

.ImageToolbar-module__Skm63W__quickButton:hover {
  background: #ffffff1a;
  transform: scale(1.05);
}

.ImageToolbar-module__Skm63W__quickButton.ImageToolbar-module__Skm63W__active {
  color: #a78bfa;
  background: #667eea4d;
}

.ImageToolbar-module__Skm63W__quickIcon {
  font-size: 1.125rem;
}

.ImageToolbar-module__Skm63W__divider {
  background: #fff3;
  width: 1px;
  height: 24px;
  margin: 0 .25rem;
}

.ImageToolbar-module__Skm63W__advancedPanel {
  background: #fff;
  border-radius: 12px;
  width: 320px;
  animation: .2s ease-out ImageToolbar-module__Skm63W__slideDown;
  position: absolute;
  top: 48px;
  left: 50%;
  overflow: hidden;
  transform: translateX(-50%);
  box-shadow: 0 10px 30px #0000004d;
}

.ImageToolbar-module__Skm63W__panelContent {
  max-height: 60vh;
  padding: 1.25rem;
  overflow-y: auto;
}

.ImageToolbar-module__Skm63W__toolbar {
  z-index: 650;
  background: linear-gradient(135deg, #fff 0%, #f8fafc 100%);
  border-radius: 16px;
  width: 320px;
  max-height: 90vh;
  animation: .3s ease-out ImageToolbar-module__Skm63W__slideInRight;
  position: fixed;
  top: 50%;
  right: 2rem;
  overflow: hidden;
  transform: translateY(-50%);
  box-shadow: 0 10px 30px #0003;
}

.ImageToolbar-module__Skm63W__toolbarHeader {
  color: #fff;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  justify-content: space-between;
  align-items: center;
  padding: 1.25rem;
  display: flex;
}

.ImageToolbar-module__Skm63W__toolbarTitle {
  margin: 0;
  font-size: 1.125rem;
  font-weight: 700;
}

.ImageToolbar-module__Skm63W__closeButton {
  color: #fff;
  cursor: pointer;
  background: #fff3;
  border: none;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  font-size: 1.125rem;
  transition: all .2s;
  display: flex;
}

.ImageToolbar-module__Skm63W__closeButton:hover {
  background: #ffffff4d;
  transform: rotate(90deg);
}

.ImageToolbar-module__Skm63W__toolbarContent {
  max-height: calc(90vh - 70px);
  padding: 1.25rem;
  overflow-y: auto;
}

.ImageToolbar-module__Skm63W__section {
  border-bottom: 1px solid #e2e8f0;
  margin-bottom: 1.5rem;
  padding-bottom: 1.5rem;
}

.ImageToolbar-module__Skm63W__section:last-of-type {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}

.ImageToolbar-module__Skm63W__label {
  color: #1e293b;
  justify-content: space-between;
  align-items: center;
  margin-bottom: .75rem;
  font-size: .875rem;
  font-weight: 600;
  display: flex;
}

.ImageToolbar-module__Skm63W__value {
  color: #667eea;
  background: #ede9fe;
  border-radius: 4px;
  padding: .25rem .5rem;
  font-size: .875rem;
  font-weight: 500;
}

.ImageToolbar-module__Skm63W__slider {
  appearance: none;
  opacity: .8;
  background: linear-gradient(to right, #667eea 0%, #764ba2 100%);
  border-radius: 3px;
  outline: none;
  width: 100%;
  height: 6px;
  transition: opacity .2s;
}

.ImageToolbar-module__Skm63W__slider:hover {
  opacity: 1;
}

.ImageToolbar-module__Skm63W__slider::-webkit-slider-thumb {
  appearance: none;
  cursor: pointer;
  background: #fff;
  border: 3px solid #667eea;
  border-radius: 50%;
  width: 18px;
  height: 18px;
  transition: transform .2s;
  box-shadow: 0 2px 4px #0003;
}

.ImageToolbar-module__Skm63W__slider::-webkit-slider-thumb:hover {
  transform: scale(1.2);
}

.ImageToolbar-module__Skm63W__slider::-moz-range-thumb {
  cursor: pointer;
  background: #fff;
  border: 3px solid #667eea;
  border-radius: 50%;
  width: 18px;
  height: 18px;
  transition: transform .2s;
  box-shadow: 0 2px 4px #0003;
}

.ImageToolbar-module__Skm63W__slider::-moz-range-thumb:hover {
  transform: scale(1.2);
}

.ImageToolbar-module__Skm63W__sizePresets {
  grid-template-columns: repeat(4, 1fr);
  gap: .5rem;
  margin-top: .75rem;
  display: grid;
}

.ImageToolbar-module__Skm63W__presetButton {
  color: #475569;
  cursor: pointer;
  background: #fff;
  border: 2px solid #e2e8f0;
  border-radius: 6px;
  padding: .5rem;
  font-size: .8125rem;
  font-weight: 600;
  transition: all .2s;
}

.ImageToolbar-module__Skm63W__presetButton:hover {
  color: #fff;
  background: #667eea;
  border-color: #667eea;
  transform: translateY(-2px);
}

.ImageToolbar-module__Skm63W__alignButtons {
  grid-template-columns: repeat(3, 1fr);
  gap: .5rem;
  display: grid;
}

.ImageToolbar-module__Skm63W__alignButton {
  cursor: pointer;
  background: #fff;
  border: 2px solid #e2e8f0;
  border-radius: 8px;
  padding: .75rem;
  font-size: 1.25rem;
  transition: all .2s;
}

.ImageToolbar-module__Skm63W__alignButton:hover {
  background: #f5f3ff;
  border-color: #667eea;
}

.ImageToolbar-module__Skm63W__alignButton.ImageToolbar-module__Skm63W__active {
  color: #fff;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  border-color: #667eea;
}

.ImageToolbar-module__Skm63W__colorPicker {
  align-items: center;
  gap: .75rem;
  margin-top: .75rem;
  display: flex;
}

.ImageToolbar-module__Skm63W__colorLabel {
  color: #475569;
  font-size: .8125rem;
  font-weight: 500;
}

.ImageToolbar-module__Skm63W__colorInput {
  cursor: pointer;
  border: 2px solid #e2e8f0;
  border-radius: 6px;
  width: 50px;
  height: 35px;
  transition: all .2s;
}

.ImageToolbar-module__Skm63W__colorInput:hover {
  border-color: #667eea;
}

.ImageToolbar-module__Skm63W__checkboxLabel {
  color: #1e293b;
  cursor: pointer;
  align-items: center;
  gap: .75rem;
  font-size: .875rem;
  font-weight: 600;
  display: flex;
}

.ImageToolbar-module__Skm63W__checkbox {
  cursor: pointer;
  accent-color: #667eea;
  width: 20px;
  height: 20px;
}

.ImageToolbar-module__Skm63W__captionInput {
  color: #1e293b;
  border: 2px solid #e2e8f0;
  border-radius: 8px;
  width: 100%;
  margin-top: .75rem;
  padding: .75rem;
  font-size: .875rem;
  transition: all .2s;
}

.ImageToolbar-module__Skm63W__captionInput:focus {
  border-color: #667eea;
  outline: none;
  box-shadow: 0 0 0 3px #667eea1a;
}

.ImageToolbar-module__Skm63W__captionInput::placeholder {
  color: #94a3b8;
}

.ImageToolbar-module__Skm63W__actions {
  border-top: 1px solid #e2e8f0;
  grid-template-columns: 1fr 1fr;
  gap: .75rem;
  margin-top: 1.5rem;
  padding-top: 1.5rem;
  display: grid;
}

.ImageToolbar-module__Skm63W__duplicateButton, .ImageToolbar-module__Skm63W__deleteButton {
  cursor: pointer;
  border: none;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  gap: .5rem;
  padding: .75rem;
  font-size: .875rem;
  font-weight: 600;
  transition: all .2s;
  display: flex;
}

.ImageToolbar-module__Skm63W__duplicateButton {
  color: #fff;
  background: linear-gradient(135deg, #10b981 0%, #059669 100%);
  box-shadow: 0 2px 8px #10b9814d;
}

.ImageToolbar-module__Skm63W__duplicateButton:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px #10b98166;
}

.ImageToolbar-module__Skm63W__deleteButton {
  color: #fff;
  background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);
  box-shadow: 0 2px 8px #ef44444d;
}

.ImageToolbar-module__Skm63W__deleteButton:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px #ef444466;
}

.ImageToolbar-module__Skm63W__buttonIcon {
  font-size: 1rem;
}

.ImageToolbar-module__Skm63W__figure {
  margin: 1rem 0;
  display: block;
}

.ImageToolbar-module__Skm63W__figcaption {
  color: #64748b;
  text-align: center;
  background: #f8fafc;
  border-radius: 4px;
  margin-top: .5rem;
  padding: .5rem;
  font-size: .875rem;
  font-style: italic;
}

@keyframes ImageToolbar-module__Skm63W__fadeInScale {
  from {
    opacity: 0;
    transform: translateX(-50%)scale(.9);
  }

  to {
    opacity: 1;
    transform: translateX(-50%)scale(1);
  }
}

@keyframes ImageToolbar-module__Skm63W__slideDown {
  from {
    opacity: 0;
    transform: translateX(-50%)translateY(-10px);
  }

  to {
    opacity: 1;
    transform: translateX(-50%)translateY(0);
  }
}

@keyframes ImageToolbar-module__Skm63W__slideInRight {
  from {
    opacity: 0;
    transform: translate(20px, -50%);
  }

  to {
    opacity: 1;
    transform: translate(0, -50%);
  }
}

.ImageToolbar-module__Skm63W__toolbarContent::-webkit-scrollbar {
  width: 6px;
}

.ImageToolbar-module__Skm63W__toolbarContent::-webkit-scrollbar-track {
  background: #f1f5f9;
  border-radius: 3px;
}

.ImageToolbar-module__Skm63W__toolbarContent::-webkit-scrollbar-thumb {
  background: #cbd5e1;
  border-radius: 3px;
}

.ImageToolbar-module__Skm63W__toolbarContent::-webkit-scrollbar-thumb:hover {
  background: #94a3b8;
}

@media (prefers-color-scheme: dark) {
  .ImageToolbar-module__Skm63W__quickActions {
    background: #0f172af2;
  }

  .ImageToolbar-module__Skm63W__advancedPanel {
    background: #1e293b;
  }

  .ImageToolbar-module__Skm63W__toolbar {
    background: linear-gradient(135deg, #1e293b 0%, #0f172a 100%);
  }

  .ImageToolbar-module__Skm63W__toolbarTitle {
    color: #fff;
  }

  .ImageToolbar-module__Skm63W__section {
    border-bottom-color: #334155;
  }

  .ImageToolbar-module__Skm63W__label {
    color: #f1f5f9;
  }

  .ImageToolbar-module__Skm63W__value {
    color: #c7d2fe;
    background: #312e81;
  }

  .ImageToolbar-module__Skm63W__presetButton {
    color: #cbd5e1;
    background: #0f172a;
    border-color: #475569;
  }

  .ImageToolbar-module__Skm63W__presetButton:hover {
    color: #fff;
    background: #667eea;
    border-color: #667eea;
  }

  .ImageToolbar-module__Skm63W__alignButton {
    color: #cbd5e1;
    background: #0f172a;
    border-color: #475569;
  }

  .ImageToolbar-module__Skm63W__alignButton:hover {
    background: #312e81;
    border-color: #667eea;
  }

  .ImageToolbar-module__Skm63W__colorInput {
    border-color: #475569;
  }

  .ImageToolbar-module__Skm63W__checkboxLabel {
    color: #f1f5f9;
  }

  .ImageToolbar-module__Skm63W__captionInput {
    color: #f1f5f9;
    background: #0f172a;
    border-color: #475569;
  }

  .ImageToolbar-module__Skm63W__captionInput::placeholder {
    color: #64748b;
  }

  .ImageToolbar-module__Skm63W__actions {
    border-top-color: #334155;
  }

  .ImageToolbar-module__Skm63W__figcaption {
    color: #cbd5e1;
    background: #1e293b;
  }

  .ImageToolbar-module__Skm63W__toolbarContent::-webkit-scrollbar-track {
    background: #0f172a;
  }

  .ImageToolbar-module__Skm63W__toolbarContent::-webkit-scrollbar-thumb {
    background: #475569;
  }

  .ImageToolbar-module__Skm63W__toolbarContent::-webkit-scrollbar-thumb:hover {
    background: #64748b;
  }
}

@media (max-width: 768px) {
  .ImageToolbar-module__Skm63W__floatingToolbar {
    position: fixed !important;
    top: auto !important;
    bottom: 1rem !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
  }

  .ImageToolbar-module__Skm63W__quickActions {
    flex-wrap: wrap;
    max-width: calc(100vw - 2rem);
  }

  .ImageToolbar-module__Skm63W__quickButton {
    width: 40px;
    height: 40px;
  }

  .ImageToolbar-module__Skm63W__advancedPanel {
    width: calc(100vw - 2rem);
    max-width: 400px;
    max-height: 50vh;
    position: fixed !important;
    top: auto !important;
    bottom: 4.5rem !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
  }

  .ImageToolbar-module__Skm63W__panelContent {
    max-height: 50vh;
  }

  .ImageToolbar-module__Skm63W__toolbar {
    border-radius: 16px 16px 0 0;
    width: 100%;
    max-height: 70vh;
    animation: .3s ease-out ImageToolbar-module__Skm63W__slideUpMobile;
    position: fixed;
    inset: auto 0 0;
    transform: none;
  }

  .ImageToolbar-module__Skm63W__toolbarContent {
    max-height: calc(70vh - 70px);
  }

  @keyframes ImageToolbar-module__Skm63W__slideUpMobile {
    from {
      opacity: 0;
      transform: translateY(100%);
    }

    to {
      opacity: 1;
      transform: translateY(0);
    }
  }
}

/* [project]/apps/web/src/components/unified-editor/KeyboardShortcutsPanel.module.css [app-client] (css) */
.KeyboardShortcutsPanel-module__zgpERq__backdrop {
  z-index: 10000;
  background: #0006;
  justify-content: center;
  align-items: center;
  animation: .15s ease-out KeyboardShortcutsPanel-module__zgpERq__fadeIn;
  display: flex;
  position: fixed;
  inset: 0;
}

@keyframes KeyboardShortcutsPanel-module__zgpERq__fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.KeyboardShortcutsPanel-module__zgpERq__panel {
  background: var(--tb-bg, #fff);
  border: 1px solid var(--tb-border, #e0e0e0);
  border-radius: 12px;
  flex-direction: column;
  width: 90%;
  max-width: 480px;
  max-height: 80vh;
  animation: .2s ease-out KeyboardShortcutsPanel-module__zgpERq__panelSlideIn;
  display: flex;
  overflow: hidden;
  box-shadow: 0 8px 32px #0000002e;
}

@keyframes KeyboardShortcutsPanel-module__zgpERq__panelSlideIn {
  from {
    opacity: 0;
    transform: translateY(12px)scale(.97);
  }

  to {
    opacity: 1;
    transform: translateY(0)scale(1);
  }
}

.KeyboardShortcutsPanel-module__zgpERq__header {
  border-bottom: 1px solid var(--tb-border, #e0e0e0);
  justify-content: space-between;
  align-items: center;
  padding: 16px 20px 12px;
  display: flex;
}

.KeyboardShortcutsPanel-module__zgpERq__title {
  color: var(--tb-text, #333);
  margin: 0;
  font-size: 16px;
  font-weight: 700;
}

.KeyboardShortcutsPanel-module__zgpERq__closeBtn {
  width: 32px;
  height: 32px;
  color: var(--tb-text-muted, #999);
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  transition: background .12s, color .12s;
  display: flex;
}

.KeyboardShortcutsPanel-module__zgpERq__closeBtn:hover {
  background: var(--tb-hover-bg, #f0f0f0);
  color: var(--tb-text, #333);
}

.KeyboardShortcutsPanel-module__zgpERq__body {
  flex: 1;
  padding: 12px 20px 16px;
  overflow-y: auto;
}

.KeyboardShortcutsPanel-module__zgpERq__group {
  margin-bottom: 16px;
}

.KeyboardShortcutsPanel-module__zgpERq__group:last-child {
  margin-bottom: 0;
}

.KeyboardShortcutsPanel-module__zgpERq__groupTitle {
  text-transform: uppercase;
  letter-spacing: .6px;
  color: var(--tb-text-muted, #999);
  border-bottom: 1px solid var(--tb-border, #e0e0e0);
  margin: 0 0 8px;
  padding-bottom: 4px;
  font-size: 11px;
  font-weight: 600;
}

.KeyboardShortcutsPanel-module__zgpERq__shortcutList {
  flex-direction: column;
  gap: 6px;
  display: flex;
}

.KeyboardShortcutsPanel-module__zgpERq__shortcutRow {
  justify-content: space-between;
  align-items: center;
  padding: 4px 0;
  display: flex;
}

.KeyboardShortcutsPanel-module__zgpERq__shortcutLabel {
  color: var(--tb-text, #333);
  font-size: 13px;
}

.KeyboardShortcutsPanel-module__zgpERq__shortcutKeys {
  flex-shrink: 0;
  align-items: center;
  gap: 2px;
  display: flex;
}

.KeyboardShortcutsPanel-module__zgpERq__keySep {
  color: var(--tb-text-muted, #999);
  margin: 0 1px;
  font-size: 10px;
}

.KeyboardShortcutsPanel-module__zgpERq__kbd {
  min-width: 24px;
  height: 24px;
  color: var(--tb-text, #333);
  background: var(--tb-hover-bg, #f0f0f0);
  border: 1px solid var(--tb-border, #e0e0e0);
  box-shadow: 0 1px 0 var(--tb-border, #d0d0d0);
  white-space: nowrap;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  padding: 0 6px;
  font-family: inherit;
  font-size: 11px;
  font-weight: 600;
  display: inline-flex;
}

.KeyboardShortcutsPanel-module__zgpERq__footer {
  border-top: 1px solid var(--tb-border, #e0e0e0);
  text-align: center;
  padding: 8px 20px 12px;
}

.KeyboardShortcutsPanel-module__zgpERq__footerHint {
  color: var(--tb-text-muted, #999);
  font-size: 11px;
}

.dark .KeyboardShortcutsPanel-module__zgpERq__backdrop {
  background: #0009;
}

.dark .KeyboardShortcutsPanel-module__zgpERq__panel {
  --tb-bg: #1e1e1e;
  --tb-border: #3a3a3a;
  --tb-text: #e0e0e0;
  --tb-text-muted: #777;
  --tb-hover-bg: #2a2a2a;
  box-shadow: 0 8px 32px #0006;
}

.dark .KeyboardShortcutsPanel-module__zgpERq__kbd {
  color: #e0e0e0;
  background: #2a2a2a;
  border-color: #3a3a3a;
  box-shadow: 0 1px #555;
}

.dark .KeyboardShortcutsPanel-module__zgpERq__closeBtn:hover {
  color: #e0e0e0;
  background: #2a2a2a;
}

@media (max-width: 480px) {
  .KeyboardShortcutsPanel-module__zgpERq__panel {
    border-radius: 10px;
    width: 95%;
    max-height: 85vh;
  }

  .KeyboardShortcutsPanel-module__zgpERq__header {
    padding: 12px 16px 10px;
  }

  .KeyboardShortcutsPanel-module__zgpERq__body {
    padding: 10px 16px 14px;
  }

  .KeyboardShortcutsPanel-module__zgpERq__shortcutLabel {
    font-size: 12px;
  }

  .KeyboardShortcutsPanel-module__zgpERq__kbd {
    min-width: 20px;
    height: 22px;
    padding: 0 4px;
    font-size: 10px;
  }
}

/* [project]/apps/web/src/components/unified-editor/panels/CollapsiblePanel.module.css [app-client] (css) */
.CollapsiblePanel-module__tPYQSa__panel {
  border-top: 1px solid var(--tb-border);
}

.CollapsiblePanel-module__tPYQSa__panelHeader {
  cursor: pointer;
  background: var(--tb-hover-bg);
  text-align: start;
  border: none;
  align-items: center;
  gap: 8px;
  width: 100%;
  padding-block: 8px;
  padding-inline: 12px;
  font-family: inherit;
  transition: background .15s;
  display: flex;
}

.CollapsiblePanel-module__tPYQSa__panelHeader:hover {
  background: var(--tb-active-bg);
}

.CollapsiblePanel-module__tPYQSa__panelHeader:focus-visible {
  outline: 2px solid var(--tb-active-color);
  outline-offset: -2px;
}

.CollapsiblePanel-module__tPYQSa__panelIcon {
  flex-shrink: 0;
  font-size: 14px;
  line-height: 1;
}

.CollapsiblePanel-module__tPYQSa__panelTitle {
  color: var(--tb-text);
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  min-width: 0;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.3;
  overflow: hidden;
}

.CollapsiblePanel-module__tPYQSa__panelBadge {
  background: var(--tb-active-color);
  color: #fff;
  border-radius: 10px;
  flex-shrink: 0;
  padding-block: 1px;
  padding-inline: 8px;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.4;
}

.CollapsiblePanel-module__tPYQSa__panelArrow {
  color: var(--tb-text-muted);
  flex-shrink: 0;
  font-size: 10px;
  line-height: 1;
  transition: transform .2s;
}

[dir="rtl"] .CollapsiblePanel-module__tPYQSa__panelArrow {
  transform: scaleX(-1);
}

.CollapsiblePanel-module__tPYQSa__panelArrow.CollapsiblePanel-module__tPYQSa__open {
  transform: rotate(90deg);
}

[dir="rtl"] .CollapsiblePanel-module__tPYQSa__panelArrow.CollapsiblePanel-module__tPYQSa__open {
  transform: rotate(-90deg);
}

.CollapsiblePanel-module__tPYQSa__panelContent {
  grid-template-rows: 0fr;
  transition: grid-template-rows .25s;
  display: grid;
}

.CollapsiblePanel-module__tPYQSa__panelContent.CollapsiblePanel-module__tPYQSa__open {
  grid-template-rows: 1fr;
}

.CollapsiblePanel-module__tPYQSa__panelContentInner {
  overflow: hidden;
}

.dark .CollapsiblePanel-module__tPYQSa__panelHeader {
  background: #ffffff0a;
}

.dark .CollapsiblePanel-module__tPYQSa__panelHeader:hover {
  background: #ffffff14;
}

.dark .CollapsiblePanel-module__tPYQSa__panelBadge {
  color: #fff;
}

/* [project]/apps/web/src/components/unified-editor/panels/UploadZone.module.css [app-client] (css) */
.UploadZone-module__HhXOXq__uploadZone {
  width: 100%;
}

.UploadZone-module__HhXOXq__compact .UploadZone-module__HhXOXq__dropArea {
  padding-block: 16px;
  padding-inline: 12px;
}

.UploadZone-module__HhXOXq__compact .UploadZone-module__HhXOXq__dropIcon svg {
  width: 28px;
  height: 28px;
}

.UploadZone-module__HhXOXq__compact .UploadZone-module__HhXOXq__dropTitle {
  font-size: 12px;
}

.UploadZone-module__HhXOXq__compact .UploadZone-module__HhXOXq__dropSubtext {
  font-size: 11px;
}

.UploadZone-module__HhXOXq__compact .UploadZone-module__HhXOXq__dropChips {
  display: none;
}

.UploadZone-module__HhXOXq__dropArea {
  border: 2px dashed var(--tb-border, #d1d5db);
  background: var(--tb-hover-bg, #f8fafc);
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  border-radius: 12px;
  outline: none;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-block: 28px;
  padding-inline: 20px;
  transition: all .25s;
  display: flex;
  position: relative;
}

.UploadZone-module__HhXOXq__dropArea:hover {
  border-color: var(--tb-active-color, #667eea);
  background: #667eea0a;
}

.UploadZone-module__HhXOXq__dropArea:focus-visible {
  border-color: var(--tb-active-color, #667eea);
  box-shadow: 0 0 0 3px #667eea26;
}

.UploadZone-module__HhXOXq__dropAreaActive {
  border-color: var(--tb-active-color, #667eea);
  background: #667eea14;
  border-style: solid;
  transform: scale(1.01);
  box-shadow: 0 0 0 4px #667eea1f;
}

.UploadZone-module__HhXOXq__dropAreaSmall {
  padding-block: 14px;
}

.UploadZone-module__HhXOXq__dropAreaSmall .UploadZone-module__HhXOXq__dropIcon svg {
  width: 24px;
  height: 24px;
}

.UploadZone-module__HhXOXq__dropAreaSmall .UploadZone-module__HhXOXq__dropTitle {
  font-size: 12px;
}

.UploadZone-module__HhXOXq__dropAreaSmall .UploadZone-module__HhXOXq__dropChips {
  display: none;
}

.UploadZone-module__HhXOXq__dropContent {
  text-align: center;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  display: flex;
}

.UploadZone-module__HhXOXq__dropIcon {
  color: var(--tb-text-muted, #94a3b8);
  transition: color .2s;
}

.UploadZone-module__HhXOXq__dropArea:hover .UploadZone-module__HhXOXq__dropIcon {
  color: var(--tb-active-color, #667eea);
}

.UploadZone-module__HhXOXq__dropIconActive {
  color: var(--tb-active-color, #667eea);
  animation: .5s infinite alternate UploadZone-module__HhXOXq__dropBounce;
}

@keyframes UploadZone-module__HhXOXq__dropBounce {
  from {
    transform: translateY(0);
  }

  to {
    transform: translateY(-6px);
  }
}

.UploadZone-module__HhXOXq__dropPulseRing {
  border: 2px solid var(--tb-active-color, #667eea);
  opacity: 0;
  pointer-events: none;
  border-radius: 14px;
  animation: 1.2s ease-out infinite UploadZone-module__HhXOXq__pulseRing;
  position: absolute;
  inset: -4px;
}

@keyframes UploadZone-module__HhXOXq__pulseRing {
  0% {
    opacity: .5;
    transform: scale(.97);
  }

  100% {
    opacity: 0;
    transform: scale(1.02);
  }
}

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

.UploadZone-module__HhXOXq__dropTitle {
  color: var(--tb-text, #1e293b);
  font-size: 14px;
  font-weight: 600;
}

.UploadZone-module__HhXOXq__dropSubtext {
  color: var(--tb-text-muted, #94a3b8);
  font-size: 12px;
}

.UploadZone-module__HhXOXq__browseLink {
  color: var(--tb-active-color, #667eea);
  text-underline-offset: 2px;
  font-weight: 500;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}

.UploadZone-module__HhXOXq__dropArea:hover .UploadZone-module__HhXOXq__browseLink {
  text-decoration-style: solid;
}

.UploadZone-module__HhXOXq__dropTextActive {
  color: var(--tb-active-color, #667eea);
  font-size: 15px;
  font-weight: 600;
}

.UploadZone-module__HhXOXq__dropChips {
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 8px;
  margin-block-start: 4px;
  display: flex;
}

.UploadZone-module__HhXOXq__dropChip {
  color: var(--tb-text-muted, #94a3b8);
  background: #0000000a;
  border: 1px solid #0000000d;
  border-radius: 20px;
  align-items: center;
  gap: 5px;
  padding-block: 2px;
  padding-inline: 8px;
  font-size: 11px;
  display: inline-flex;
}

.UploadZone-module__HhXOXq__chipDot {
  border-radius: 50%;
  flex-shrink: 0;
  width: 6px;
  height: 6px;
  display: inline-block;
}

.UploadZone-module__HhXOXq__uploadPanel {
  border: 1px solid var(--tb-border, #e2e8f0);
  background: var(--tb-bg, #fff);
  border-radius: 12px;
  margin-block-start: 10px;
  overflow: hidden;
  box-shadow: 0 1px 3px #0000000d;
}

.UploadZone-module__HhXOXq__panelHeader {
  background: var(--tb-hover-bg, #f8fafc);
  border-bottom: 1px solid var(--tb-border, #e2e8f0);
  justify-content: space-between;
  align-items: center;
  padding-block: 8px;
  padding-inline: 14px;
  display: flex;
}

.UploadZone-module__HhXOXq__panelHeaderLeft, .UploadZone-module__HhXOXq__panelHeaderRight {
  align-items: center;
  gap: 8px;
  display: flex;
}

.UploadZone-module__HhXOXq__headerTitle {
  color: var(--tb-text, #1e293b);
  font-size: 12px;
  font-weight: 600;
}

.UploadZone-module__HhXOXq__headerProgress {
  color: var(--tb-active-color, #667eea);
  background: #667eea14;
  border-radius: 4px;
  padding-block: 1px;
  padding-inline: 5px;
  font-size: 11px;
  font-weight: 700;
}

.UploadZone-module__HhXOXq__headerCheckmark {
  color: #fff;
  background: #22c55e;
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 18px;
  height: 18px;
  font-size: 11px;
  font-weight: 700;
  display: inline-flex;
}

.UploadZone-module__HhXOXq__failedPill {
  color: #ef4444;
  background: #ef444414;
  border-radius: 20px;
  align-items: center;
  margin-inline-start: 4px;
  padding-block: 1px;
  padding-inline: 7px;
  font-size: 11px;
  font-weight: 600;
  display: inline-flex;
}

.UploadZone-module__HhXOXq__totalSize {
  color: var(--tb-text-muted, #94a3b8);
  font-size: 11px;
  font-weight: 500;
}

.UploadZone-module__HhXOXq__headerBtn {
  background: var(--tb-hover-bg, #f1f5f9);
  color: var(--tb-text-muted, #64748b);
  cursor: pointer;
  border: none;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  width: 26px;
  height: 26px;
  padding: 0;
  font-family: inherit;
  transition: all .15s;
  display: flex;
}

.UploadZone-module__HhXOXq__headerBtn:hover {
  color: #ef4444;
  background: #ef44441a;
}

.UploadZone-module__HhXOXq__globalProgress {
  background: var(--tb-hover-bg, #e2e8f0);
  height: 3px;
  position: relative;
  overflow: hidden;
}

.UploadZone-module__HhXOXq__globalProgressFill {
  background: linear-gradient(90deg, #667eea, #764ba2);
  border-radius: 0 2px 2px 0;
  height: 100%;
  transition: width .3s;
  position: relative;
  overflow: hidden;
}

.UploadZone-module__HhXOXq__progressShimmer {
  background: linear-gradient(90deg, #0000 0%, #ffffff59 50%, #0000 100%);
  animation: 1.5s infinite UploadZone-module__HhXOXq__shimmer;
  position: absolute;
  inset: 0;
}

@keyframes UploadZone-module__HhXOXq__shimmer {
  0% {
    transform: translateX(-100%);
  }

  100% {
    transform: translateX(200%);
  }
}

.UploadZone-module__HhXOXq__fileList {
  scroll-behavior: smooth;
  max-height: 280px;
  overflow-y: auto;
}

.UploadZone-module__HhXOXq__fileRow {
  border-bottom: 1px solid var(--tb-border, #f1f5f9);
  align-items: flex-start;
  gap: 10px;
  padding-block: 10px;
  padding-inline: 14px;
  transition: background .15s, opacity .4s, transform .4s;
  display: flex;
  position: relative;
}

.UploadZone-module__HhXOXq__fileRow:last-child {
  border-bottom: none;
}

.UploadZone-module__HhXOXq__fileRow:hover {
  background: var(--tb-hover-bg, #f8fafc);
}

.UploadZone-module__HhXOXq__fileRowError {
  background: #ef444405;
  border-inline-start: 3px solid #ef4444;
}

.UploadZone-module__HhXOXq__fileRowError:hover {
  background: #ef44440d;
}

.UploadZone-module__HhXOXq__fileRowSuccess {
  background: #22c55e05;
  border-inline-start: 3px solid #22c55e;
}

.UploadZone-module__HhXOXq__fileRowCancelled {
  opacity: .5;
}

.UploadZone-module__HhXOXq__fileRowFadeOut {
  pointer-events: none;
  animation: 1.2s forwards UploadZone-module__HhXOXq__fadeSlideOut;
}

@keyframes UploadZone-module__HhXOXq__fadeSlideOut {
  0% {
    opacity: 1;
    max-height: 120px;
    transform: translateX(0);
  }

  70% {
    opacity: 0;
    max-height: 120px;
    transform: translateX(30px);
  }

  100% {
    opacity: 0;
    border: none;
    max-height: 0;
    margin: 0;
    padding-block: 0;
    overflow: hidden;
    transform: translateX(30px);
  }
}

.UploadZone-module__HhXOXq__rowPreview {
  background: var(--tb-hover-bg, #f1f5f9);
  border-radius: 8px;
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  position: relative;
  overflow: visible;
}

.UploadZone-module__HhXOXq__rowPreviewImg {
  -o-object-fit: cover;
  object-fit: cover;
  border: 1px solid #0000000f;
  border-radius: 8px;
  width: 48px;
  height: 48px;
}

.UploadZone-module__HhXOXq__rowVideoThumb {
  border-radius: 8px;
  width: 48px;
  height: 48px;
  position: relative;
  overflow: hidden;
}

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

.UploadZone-module__HhXOXq__rowVideoIcon {
  color: #fff;
  background: #0000004d;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  display: flex;
  position: absolute;
  inset: 0;
}

.UploadZone-module__HhXOXq__rowPreviewFallback {
  background: var(--tb-hover-bg, #f1f5f9);
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  font-size: 20px;
  display: flex;
}

.UploadZone-module__HhXOXq__extBadge {
  color: #fff;
  text-transform: uppercase;
  letter-spacing: .3px;
  white-space: nowrap;
  border-radius: 4px;
  padding-block: 1px;
  padding-inline: 4px;
  font-size: 8px;
  font-weight: 700;
  line-height: 1.3;
  position: absolute;
  bottom: -4px;
  right: -4px;
  box-shadow: 0 1px 3px #0003;
}

.UploadZone-module__HhXOXq__rowInfo {
  flex-direction: column;
  flex: 1;
  gap: 4px;
  min-width: 0;
  display: flex;
}

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

.UploadZone-module__HhXOXq__rowName {
  color: var(--tb-text, #1e293b);
  white-space: nowrap;
  text-overflow: ellipsis;
  flex: 1;
  font-size: 12px;
  font-weight: 600;
  overflow: hidden;
}

.UploadZone-module__HhXOXq__statusDot {
  border-radius: 50%;
  flex-shrink: 0;
  width: 8px;
  height: 8px;
  display: inline-block;
}

.UploadZone-module__HhXOXq__rowMeta {
  flex-wrap: wrap;
  align-items: center;
  gap: 4px;
  display: flex;
}

.UploadZone-module__HhXOXq__metaChip {
  color: var(--tb-text-muted, #94a3b8);
  white-space: nowrap;
  background: #00000009;
  border-radius: 4px;
  align-items: center;
  gap: 2px;
  padding-block: 1px;
  padding-inline: 5px;
  font-size: 10px;
  line-height: 1.5;
  display: inline-flex;
}

.UploadZone-module__HhXOXq__rowProgress {
  align-items: center;
  gap: 6px;
  margin-block-start: 2px;
  display: flex;
}

.UploadZone-module__HhXOXq__rowProgressFill {
  background: linear-gradient(90deg, #667eea, #764ba2);
  border-radius: 2px;
  flex: 1;
  height: 4px;
  transition: width .3s;
  position: relative;
  overflow: hidden;
}

.UploadZone-module__HhXOXq__rowProgress:before {
  content: "";
  background: var(--tb-hover-bg, #e2e8f0);
  z-index: 0;
  border-radius: 2px;
  position: absolute;
  inset: 0;
}

.UploadZone-module__HhXOXq__rowProgress {
  position: relative;
}

.UploadZone-module__HhXOXq__rowProgressFill {
  z-index: 1;
  position: relative;
}

.UploadZone-module__HhXOXq__rowProgressLabel {
  color: var(--tb-active-color, #667eea);
  text-align: end;
  flex-shrink: 0;
  min-width: 28px;
  font-size: 10px;
  font-weight: 700;
}

.UploadZone-module__HhXOXq__successRow {
  align-items: center;
  gap: 6px;
  margin-block-start: 1px;
  display: flex;
}

.UploadZone-module__HhXOXq__successText {
  color: #22c55e;
  font-size: 11px;
  font-weight: 600;
}

.UploadZone-module__HhXOXq__autoClearHint {
  color: var(--tb-text-muted, #94a3b8);
  opacity: .7;
  font-size: 10px;
  font-style: italic;
}

.UploadZone-module__HhXOXq__countdownRing {
  flex-shrink: 0;
  margin-inline-start: auto;
}

.UploadZone-module__HhXOXq__errorRow {
  color: #ef4444;
  margin-block-start: 1px;
  font-size: 11px;
  line-height: 1.3;
}

.UploadZone-module__HhXOXq__rowActions {
  flex-shrink: 0;
  align-items: center;
  gap: 4px;
  margin-block-start: 2px;
  display: flex;
}

.UploadZone-module__HhXOXq__rowBtn {
  background: var(--tb-hover-bg, #f1f5f9);
  color: var(--tb-text-muted, #64748b);
  cursor: pointer;
  border: none;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  width: 26px;
  height: 26px;
  padding: 0;
  font-family: inherit;
  transition: all .15s;
  display: flex;
}

.UploadZone-module__HhXOXq__rowBtn:hover {
  background: var(--tb-active-bg, #667eea14);
  color: var(--tb-active-color, #667eea);
}

.UploadZone-module__HhXOXq__rowBtnCancel:hover {
  color: #ef4444;
  background: #ef44441a;
}

.UploadZone-module__HhXOXq__rowBtnRetry:hover {
  color: #22c55e;
  background: #22c55e1a;
}

.UploadZone-module__HhXOXq__rowBtnRemove:hover {
  color: #ef4444;
  background: #ef44441a;
}

.UploadZone-module__HhXOXq__panelFooter {
  background: var(--tb-hover-bg, #f8fafc);
  border-top: 1px solid var(--tb-border, #e2e8f0);
  align-items: center;
  gap: 6px;
  padding-block: 6px;
  padding-inline: 14px;
  display: flex;
}

.UploadZone-module__HhXOXq__footerStat {
  color: var(--tb-text-muted, #94a3b8);
  font-size: 10px;
  font-weight: 500;
}

.UploadZone-module__HhXOXq__footerDot {
  color: var(--tb-text-muted, #94a3b8);
  opacity: .5;
  font-size: 8px;
}

.UploadZone-module__HhXOXq__footerError {
  color: #ef4444;
}

.UploadZone-module__HhXOXq__footerActive {
  color: var(--tb-active-color, #667eea);
}

.UploadZone-module__HhXOXq__spinnerSmall {
  border: 2px solid var(--tb-border, #e2e8f0);
  border-top-color: var(--tb-active-color, #667eea);
  border-radius: 50%;
  width: 14px;
  height: 14px;
  animation: .8s linear infinite UploadZone-module__HhXOXq__spin;
}

.UploadZone-module__HhXOXq__spinnerTiny {
  border: 1.5px solid var(--tb-border, #e2e8f0);
  border-top-color: var(--tb-active-color, #667eea);
  border-radius: 50%;
  flex-shrink: 0;
  width: 8px;
  height: 8px;
  animation: .8s linear infinite UploadZone-module__HhXOXq__spin;
}

@keyframes UploadZone-module__HhXOXq__spin {
  to {
    transform: rotate(360deg);
  }
}

.dark .UploadZone-module__HhXOXq__dropArea {
  background: #ffffff05;
  border-color: #ffffff1a;
}

.dark .UploadZone-module__HhXOXq__dropArea:hover {
  border-color: var(--tb-active-color, #667eea);
  background: #667eea0f;
}

.dark .UploadZone-module__HhXOXq__dropAreaActive {
  background: #667eea1a;
}

.dark .UploadZone-module__HhXOXq__dropChip {
  background: #ffffff0f;
  border-color: #ffffff14;
}

.dark .UploadZone-module__HhXOXq__uploadPanel {
  background: #ffffff05;
  border-color: #ffffff14;
}

.dark .UploadZone-module__HhXOXq__panelHeader {
  background: #ffffff0a;
  border-color: #ffffff0f;
}

.dark .UploadZone-module__HhXOXq__fileRow {
  border-color: #ffffff0a;
}

.dark .UploadZone-module__HhXOXq__fileRow:hover {
  background: #ffffff0a;
}

.dark .UploadZone-module__HhXOXq__fileRowError {
  background: #ef44440f;
}

.dark .UploadZone-module__HhXOXq__fileRowError:hover {
  background: #ef44441a;
}

.dark .UploadZone-module__HhXOXq__failedPill {
  background: #ef444426;
}

.dark .UploadZone-module__HhXOXq__panelFooter {
  background: #ffffff0a;
  border-color: #ffffff0f;
}

.dark .UploadZone-module__HhXOXq__metaChip {
  background: #ffffff0f;
}

.dark .UploadZone-module__HhXOXq__rowBtn {
  background: #ffffff0f;
}

.dark .UploadZone-module__HhXOXq__headerBtn {
  background: #ffffff0f;
}

.UploadZone-module__HhXOXq__fileList::-webkit-scrollbar {
  width: 6px;
}

.UploadZone-module__HhXOXq__fileList::-webkit-scrollbar-track {
  background: none;
}

.UploadZone-module__HhXOXq__fileList::-webkit-scrollbar-thumb {
  background: var(--tb-border, #d1d5db);
  border-radius: 3px;
}

.UploadZone-module__HhXOXq__fileList::-webkit-scrollbar-thumb:hover {
  background: var(--tb-text-muted, #94a3b8);
}

@media (max-width: 480px) {
  .UploadZone-module__HhXOXq__dropArea {
    padding-block: 20px;
    padding-inline: 14px;
  }

  .UploadZone-module__HhXOXq__dropChips {
    flex-direction: column;
    gap: 4px;
  }

  .UploadZone-module__HhXOXq__rowPreview, .UploadZone-module__HhXOXq__rowPreviewImg, .UploadZone-module__HhXOXq__rowVideoThumb {
    width: 36px;
    height: 36px;
  }

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

  .UploadZone-module__HhXOXq__metaChip {
    font-size: 9px;
  }
}

/* [project]/apps/web/src/components/unified-editor/panels/MediaPanel.module.css [app-client] (css) */
.MediaPanel-module__vM6wQq__mediaContainer {
  padding-block: 8px;
  padding-inline: 12px;
  position: relative;
}

.MediaPanel-module__vM6wQq__uploadZoneWrapper {
  margin-block-end: 8px;
}

.MediaPanel-module__vM6wQq__sortBar {
  flex-wrap: wrap;
  align-items: center;
  gap: 4px;
  margin-block-end: 8px;
  padding-block: 6px;
  padding-inline: 0;
  display: flex;
}

.MediaPanel-module__vM6wQq__sortLabel {
  color: var(--tb-text-muted, #94a3b8);
  -webkit-user-select: none;
  user-select: none;
  margin-inline-end: 2px;
  font-size: 11px;
  font-weight: 600;
}

.MediaPanel-module__vM6wQq__sortBtn {
  border: 1px solid var(--tb-border, #e2e8f0);
  background: var(--tb-bg, #fff);
  color: var(--tb-text-muted, #64748b);
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  border-radius: 20px;
  align-items: center;
  gap: 3px;
  padding-block: 3px;
  padding-inline: 8px;
  font-family: inherit;
  font-size: 11px;
  font-weight: 500;
  line-height: 1.3;
  transition: all .15s;
  display: inline-flex;
}

.MediaPanel-module__vM6wQq__sortBtn:hover {
  background: var(--tb-hover-bg, #f8fafc);
  border-color: var(--tb-active-color, #667eea);
  color: var(--tb-active-color, #667eea);
}

.MediaPanel-module__vM6wQq__sortBtnActive {
  border-color: var(--tb-active-color, #667eea);
  color: var(--tb-active-color, #667eea);
  background: #667eea14;
  font-weight: 600;
}

.MediaPanel-module__vM6wQq__sortArrow {
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
}

.MediaPanel-module__vM6wQq__sortReset {
  color: var(--tb-text-muted, #94a3b8);
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  margin-inline-start: 2px;
  padding: 0;
  font-family: inherit;
  font-size: 11px;
  transition: all .15s;
  display: inline-flex;
}

.MediaPanel-module__vM6wQq__sortReset:hover {
  color: #ef4444;
  background: #ef44441a;
}

.dark .MediaPanel-module__vM6wQq__sortBtn {
  background: #ffffff0a;
  border-color: #ffffff1a;
}

.dark .MediaPanel-module__vM6wQq__sortBtn:hover {
  background: #667eea1a;
}

.dark .MediaPanel-module__vM6wQq__sortBtnActive {
  background: #667eea26;
}

.MediaPanel-module__vM6wQq__emptyState {
  text-align: center;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  padding-block: 20px;
  padding-inline: 16px;
  display: flex;
}

.MediaPanel-module__vM6wQq__emptyIcon {
  opacity: .5;
  font-size: 24px;
}

.MediaPanel-module__vM6wQq__emptyText {
  color: var(--tb-text-muted);
  font-size: 13px;
  font-weight: 500;
}

.MediaPanel-module__vM6wQq__emptyHint {
  color: var(--tb-text-muted);
  opacity: .7;
  font-size: 12px;
}

.MediaPanel-module__vM6wQq__grid {
  grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
  gap: 8px;
  display: grid;
}

.MediaPanel-module__vM6wQq__mediaItem {
  border: 1px solid var(--tb-border);
  background: var(--tb-bg);
  border-radius: 6px;
  transition: box-shadow .15s, transform .15s, opacity .15s;
  position: relative;
  overflow: hidden;
}

.MediaPanel-module__vM6wQq__mediaItem:hover {
  box-shadow: 0 2px 8px #0000001a;
}

.MediaPanel-module__vM6wQq__mediaItem.MediaPanel-module__vM6wQq__dragging {
  opacity: .4;
  transform: scale(.95);
}

.MediaPanel-module__vM6wQq__mediaItem.MediaPanel-module__vM6wQq__dragOver {
  border-color: var(--tb-active-color);
  box-shadow: 0 0 0 2px var(--tb-active-color);
}

.MediaPanel-module__vM6wQq__mediaItem.MediaPanel-module__vM6wQq__selected {
  border-color: var(--tb-active-color);
  box-shadow: 0 0 0 2px #4a90d94d;
}

.MediaPanel-module__vM6wQq__preview {
  aspect-ratio: 1;
  background: var(--tb-hover-bg);
  cursor: grab;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.MediaPanel-module__vM6wQq__preview:active {
  cursor: grabbing;
}

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

.MediaPanel-module__vM6wQq__errorPreview {
  width: 100%;
  height: 100%;
  color: var(--tb-text-muted);
  background: var(--tb-hover-bg);
  justify-content: center;
  align-items: center;
  font-size: 28px;
  display: flex;
}

.MediaPanel-module__vM6wQq__videoPreview {
  width: 100%;
  height: 100%;
  position: relative;
}

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

.MediaPanel-module__vM6wQq__videoOverlay {
  color: #fff;
  pointer-events: none;
  background: #0000004d;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  display: flex;
  position: absolute;
  inset: 0;
}

.MediaPanel-module__vM6wQq__typeBadge {
  background: #00000080;
  border-radius: 4px;
  padding-block: 1px;
  padding-inline: 4px;
  font-size: 12px;
  line-height: 1.3;
  position: absolute;
  inset-block-start: 4px;
  inset-inline-start: 4px;
}

.MediaPanel-module__vM6wQq__fileName {
  color: var(--tb-text);
  white-space: nowrap;
  text-overflow: ellipsis;
  padding-block: 3px;
  padding-inline: 6px;
  font-size: 11px;
  overflow: hidden;
}

.MediaPanel-module__vM6wQq__actions {
  justify-content: flex-end;
  align-items: center;
  gap: 2px;
  padding-block: 3px;
  padding-inline: 4px;
  display: flex;
}

.MediaPanel-module__vM6wQq__actionBtn {
  background: var(--tb-hover-bg);
  color: var(--tb-text);
  cursor: pointer;
  border: none;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  font-family: inherit;
  font-size: 12px;
  transition: background .15s;
  display: flex;
}

.MediaPanel-module__vM6wQq__actionBtn:hover {
  background: var(--tb-active-bg);
  color: var(--tb-active-color);
}

.MediaPanel-module__vM6wQq__deleteBtn:hover {
  color: #ef4444;
  background: #fef2f2;
}

.MediaPanel-module__vM6wQq__selectCheckbox {
  cursor: pointer;
  align-items: center;
  display: flex;
}

.MediaPanel-module__vM6wQq__selectCheckbox input[type="checkbox"] {
  accent-color: var(--tb-active-color);
  cursor: pointer;
  width: 14px;
  height: 14px;
}

.MediaPanel-module__vM6wQq__addMediaCard {
  border: 2px dashed var(--tb-border);
  cursor: pointer;
  aspect-ratio: 1;
  background: none;
  border-radius: 6px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 4px;
  min-height: 80px;
  font-family: inherit;
  transition: border-color .15s, background .15s;
  display: flex;
}

.MediaPanel-module__vM6wQq__addMediaCard:hover {
  border-color: var(--tb-active-color);
  background: var(--tb-hover-bg);
}

.MediaPanel-module__vM6wQq__addMediaIcon {
  color: var(--tb-text-muted);
  font-size: 22px;
  line-height: 1;
}

.MediaPanel-module__vM6wQq__addMediaText {
  color: var(--tb-text-muted);
  font-size: 11px;
  font-weight: 500;
}

.MediaPanel-module__vM6wQq__galleryBar {
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  padding-block-start: 8px;
  display: flex;
}

.MediaPanel-module__vM6wQq__galleryBtn {
  border: 1px solid var(--tb-border);
  background: var(--tb-bg);
  color: var(--tb-text);
  cursor: pointer;
  border-radius: 4px;
  padding-block: 4px;
  padding-inline: 10px;
  font-family: inherit;
  font-size: 12px;
  transition: background .15s, border-color .15s;
}

.MediaPanel-module__vM6wQq__galleryBtn:hover {
  background: var(--tb-hover-bg);
}

.MediaPanel-module__vM6wQq__galleryBtnActive {
  border-color: var(--tb-active-color);
  background: var(--tb-active-bg);
  color: var(--tb-active-color);
}

.MediaPanel-module__vM6wQq__createGalleryBtn {
  border: 1px solid var(--tb-active-color);
  background: var(--tb-active-color);
  color: #fff;
  cursor: pointer;
  border-radius: 4px;
  padding-block: 4px;
  padding-inline: 10px;
  font-family: inherit;
  font-size: 12px;
  font-weight: 500;
  transition: opacity .15s;
}

.MediaPanel-module__vM6wQq__createGalleryBtn:hover {
  opacity: .9;
}

.MediaPanel-module__vM6wQq__clearAllBtn {
  background: none;
  font-weight: 500;
  transition: background .15s, color .15s;
  color: #ef4444 !important;
  border-color: #ef4444 !important;
}

.MediaPanel-module__vM6wQq__clearAllBtn:hover {
  color: #dc2626 !important;
  background: #ef444414 !important;
}

.dark .MediaPanel-module__vM6wQq__clearAllBtn {
  color: #f87171 !important;
  border-color: #f87171 !important;
}

.dark .MediaPanel-module__vM6wQq__clearAllBtn:hover {
  background: #f871711f !important;
}

.MediaPanel-module__vM6wQq__dragOverlay {
  z-index: 10;
  border: 2px dashed var(--tb-active-color);
  background: #4a90d914;
  border-radius: 6px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 6px;
  display: flex;
  position: absolute;
  inset: 0;
}

.MediaPanel-module__vM6wQq__dragOverlayIcon {
  font-size: 28px;
}

.MediaPanel-module__vM6wQq__dragOverlayText {
  color: var(--tb-active-color);
  font-size: 13px;
  font-weight: 500;
}

.dark .MediaPanel-module__vM6wQq__mediaItem {
  background: #ffffff0a;
}

.dark .MediaPanel-module__vM6wQq__mediaItem:hover {
  box-shadow: 0 2px 8px #0000004d;
}

.dark .MediaPanel-module__vM6wQq__deleteBtn:hover {
  color: #f87171;
  background: #ef444426;
}

.dark .MediaPanel-module__vM6wQq__dragOverlay {
  background: #4a90d91f;
}

.MediaPanel-module__vM6wQq__confirmOverlay {
  z-index: 10010;
  background: #00000073;
  animation: .15s MediaPanel-module__vM6wQq__fadeIn;
  position: fixed;
  inset: 0;
}

.MediaPanel-module__vM6wQq__confirmModal {
  background: var(--tb-bg, #fff);
  color: var(--tb-text, #1e293b);
  z-index: 10011;
  text-align: center;
  border-radius: 14px;
  min-width: 320px;
  max-width: 400px;
  padding: 24px;
  animation: .2s MediaPanel-module__vM6wQq__scaleIn;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  box-shadow: 0 20px 60px #0000004d;
}

@keyframes MediaPanel-module__vM6wQq__fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes MediaPanel-module__vM6wQq__scaleIn {
  from {
    opacity: 0;
    transform: translate(-50%, -50%)scale(.92);
  }

  to {
    opacity: 1;
    transform: translate(-50%, -50%)scale(1);
  }
}

.MediaPanel-module__vM6wQq__confirmPreview {
  background: var(--tb-hover-bg, #f1f5f9);
  border-radius: 10px;
  width: 80px;
  height: 80px;
  margin: 0 auto 14px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 2px 8px #0000001a;
}

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

.MediaPanel-module__vM6wQq__confirmPreviewVideo {
  width: 100%;
  height: 100%;
  position: relative;
}

.MediaPanel-module__vM6wQq__confirmVideoIcon {
  color: #fff;
  background: #0000004d;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  display: flex;
  position: absolute;
  inset: 0;
}

.MediaPanel-module__vM6wQq__confirmIcon {
  margin-block-end: 10px;
  font-size: 2rem;
}

.MediaPanel-module__vM6wQq__confirmTitle {
  margin: 0 0 6px;
  font-size: 1.05rem;
  font-weight: 700;
}

.MediaPanel-module__vM6wQq__confirmDesc {
  opacity: .8;
  margin: 0 0 4px;
  font-size: .88rem;
  line-height: 1.5;
}

.MediaPanel-module__vM6wQq__confirmDesc strong {
  color: var(--tb-text, #1e293b);
  opacity: 1;
  font-weight: 600;
}

.MediaPanel-module__vM6wQq__confirmWarn {
  color: #ef4444;
  margin: 0 0 18px;
  font-size: .8rem;
  font-weight: 500;
}

.MediaPanel-module__vM6wQq__confirmActions {
  justify-content: center;
  gap: 10px;
  display: flex;
}

.MediaPanel-module__vM6wQq__confirmBtnCancel {
  border: 1px solid var(--tb-border, #e2e8f0);
  color: inherit;
  cursor: pointer;
  background: none;
  border-radius: 8px;
  padding-block: 8px;
  padding-inline: 20px;
  font-family: inherit;
  font-size: .88rem;
  transition: background .15s;
}

.MediaPanel-module__vM6wQq__confirmBtnCancel:hover {
  background: var(--tb-hover-bg, #f8fafc);
}

.MediaPanel-module__vM6wQq__confirmBtnDelete {
  color: #fff;
  cursor: pointer;
  background: #ef4444;
  border: none;
  border-radius: 8px;
  padding-block: 8px;
  padding-inline: 20px;
  font-family: inherit;
  font-size: .88rem;
  font-weight: 600;
  transition: background .15s;
}

.MediaPanel-module__vM6wQq__confirmBtnDelete:hover {
  background: #dc2626;
}

.dark .MediaPanel-module__vM6wQq__confirmModal {
  background: var(--tb-bg, #1e293b);
  color: var(--tb-text, #e2e8f0);
  box-shadow: 0 20px 60px #00000080;
}

.dark .MediaPanel-module__vM6wQq__confirmBtnCancel {
  border-color: #ffffff1f;
}

.dark .MediaPanel-module__vM6wQq__confirmBtnCancel:hover {
  background: #ffffff0f;
}

/* [project]/apps/web/src/components/unified-editor/panels/InteractionPanel.module.css [app-client] (css) */
.InteractionPanel-module__GinjyG__container {
  flex-direction: column;
  gap: 2px;
  padding-block: 8px;
  padding-inline: 12px;
  display: flex;
}

.InteractionPanel-module__GinjyG__settingRow {
  cursor: pointer;
  border-radius: 6px;
  flex-direction: column;
  gap: 4px;
  padding-block: 10px;
  padding-inline: 12px;
  transition: background .15s;
  display: flex;
}

.InteractionPanel-module__GinjyG__settingRow:hover {
  background: var(--tb-hover-bg);
}

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

.InteractionPanel-module__GinjyG__checkbox {
  accent-color: var(--tb-active-color);
  cursor: pointer;
  flex-shrink: 0;
  width: 16px;
  height: 16px;
}

.InteractionPanel-module__GinjyG__settingIcon {
  flex-shrink: 0;
  font-size: 16px;
  line-height: 1;
}

.InteractionPanel-module__GinjyG__settingLabel {
  color: var(--tb-text);
  font-size: 13px;
  font-weight: 600;
  line-height: 1.3;
}

.InteractionPanel-module__GinjyG__settingDesc {
  color: var(--tb-text-muted);
  margin: 0;
  padding-inline-start: 32px;
  font-size: 12px;
  line-height: 1.4;
}

.InteractionPanel-module__GinjyG__settingHint {
  color: var(--tb-active-color);
  opacity: .85;
  margin: 0;
  padding-inline-start: 32px;
  font-size: 11px;
  line-height: 1.4;
}

.InteractionPanel-module__GinjyG__reactionTypeRow {
  align-items: center;
  gap: 8px;
  margin-block-start: 4px;
  padding-inline-start: 32px;
  display: flex;
}

.InteractionPanel-module__GinjyG__reactionTypeLabel {
  color: var(--tb-text);
  white-space: nowrap;
  font-size: 12px;
  font-weight: 500;
}

.InteractionPanel-module__GinjyG__reactionTypeSelect {
  border: 1px solid var(--tb-border);
  background: var(--tb-bg);
  color: var(--tb-text);
  cursor: pointer;
  border-radius: 4px;
  min-width: 120px;
  padding-block: 3px;
  padding-inline: 8px;
  font-family: inherit;
  font-size: 12px;
  transition: border-color .15s;
}

.InteractionPanel-module__GinjyG__reactionTypeSelect:hover {
  border-color: var(--tb-active-color);
}

.InteractionPanel-module__GinjyG__reactionTypeSelect:focus {
  outline: 2px solid var(--tb-active-color);
  outline-offset: -1px;
}

.dark .InteractionPanel-module__GinjyG__settingRow:hover {
  background: #ffffff0f;
}

.dark .InteractionPanel-module__GinjyG__reactionTypeSelect {
  color: #e4e4e7;
  --lightningcss-light: ;
  --lightningcss-dark: initial;
  color-scheme: dark;
  background: #2a2a2e;
  border-color: #4a4a50;
}

.dark .InteractionPanel-module__GinjyG__reactionTypeSelect option {
  color: #e4e4e7;
  background: #2a2a2e;
}

.dark .InteractionPanel-module__GinjyG__reactionTypeSelect:hover {
  border-color: var(--tb-active-color);
  background: #333338;
}

.dark .InteractionPanel-module__GinjyG__reactionTypeSelect:focus {
  background: #333338;
}

/* [project]/apps/web/src/components/unified-editor/panels/BuilderModals.module.css [app-client] (css) */
.BuilderModals-module__6PZe2G__modalBackdrop {
  z-index: 800;
  background: #00000080;
  animation: .2s BuilderModals-module__6PZe2G__fadeIn;
  position: fixed;
  inset: 0;
}

@keyframes BuilderModals-module__6PZe2G__fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes BuilderModals-module__6PZe2G__slideUp {
  from {
    opacity: 0;
    transform: translate(-50%, -45%);
  }

  to {
    opacity: 1;
    transform: translate(-50%, -50%);
  }
}

.BuilderModals-module__6PZe2G__tableBuilderModal {
  z-index: 810;
  background: #fff;
  border-radius: 16px;
  flex-direction: column;
  min-width: 500px;
  max-width: 90vw;
  max-height: 90vh;
  animation: .3s BuilderModals-module__6PZe2G__slideUp;
  display: flex;
  position: fixed;
  top: 50%;
  left: 50%;
  overflow: hidden;
  transform: translate(-50%, -50%);
  box-shadow: 0 20px 60px #0000004d;
}

.BuilderModals-module__6PZe2G__quickDownloadModal {
  z-index: 810;
  background: #fff;
  border-radius: 16px;
  flex-direction: column;
  width: 480px;
  max-width: 90vw;
  max-height: 90vh;
  animation: .3s BuilderModals-module__6PZe2G__slideUp;
  display: flex;
  position: fixed;
  top: 50%;
  left: 50%;
  overflow: hidden;
  transform: translate(-50%, -50%);
  box-shadow: 0 20px 60px #0000004d;
}

.BuilderModals-module__6PZe2G__modalHeader {
  border-bottom: 2px solid #e2e8f0;
  justify-content: space-between;
  align-items: center;
  padding: 1.5rem;
  display: flex;
}

.BuilderModals-module__6PZe2G__modalHeader h3 {
  color: #1e293b;
  margin: 0;
  font-size: 1.25rem;
  font-weight: 700;
}

.BuilderModals-module__6PZe2G__modalClose {
  cursor: pointer;
  color: #64748b;
  background: #f1f5f9;
  border: none;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  padding: 0;
  font-size: 1.125rem;
  transition: all .15s;
  display: flex;
}

.BuilderModals-module__6PZe2G__modalClose:hover {
  color: #1e293b;
  background: #e2e8f0;
}

.BuilderModals-module__6PZe2G__tableBuilderContent {
  flex: 1;
  padding: 1.5rem;
  overflow-y: auto;
}

.BuilderModals-module__6PZe2G__builderSection {
  margin-bottom: 1.5rem;
}

.BuilderModals-module__6PZe2G__builderLabel {
  color: #334155;
  text-transform: uppercase;
  letter-spacing: .05em;
  margin-bottom: .75rem;
  font-size: .875rem;
  font-weight: 600;
  display: block;
}

.BuilderModals-module__6PZe2G__linkRow, .BuilderModals-module__6PZe2G__teamMemberRow {
  align-items: center;
  gap: .5rem;
  margin-bottom: .75rem;
  display: flex;
}

.BuilderModals-module__6PZe2G__textInput {
  border: 2px solid #e2e8f0;
  border-radius: 8px;
  flex: 1;
  padding: .75rem;
  font-size: .875rem;
  transition: all .2s;
}

.BuilderModals-module__6PZe2G__textInput:focus {
  border-color: #667eea;
  outline: none;
  box-shadow: 0 0 0 3px #667eea1a;
}

.BuilderModals-module__6PZe2G__textInputSmall {
  border: 2px solid #e2e8f0;
  border-radius: 8px;
  width: 100px;
  padding: .75rem;
  font-size: .875rem;
}

.BuilderModals-module__6PZe2G__textInputSmall:focus {
  border-color: #667eea;
  outline: none;
  box-shadow: 0 0 0 3px #667eea1a;
}

.BuilderModals-module__6PZe2G__removeButton {
  cursor: pointer;
  background: #fee2e2;
  border: none;
  border-radius: 6px;
  padding: .5rem;
  font-size: 1.125rem;
  transition: all .2s;
}

.BuilderModals-module__6PZe2G__removeButton:hover {
  background: #fecaca;
  transform: scale(1.1);
}

.BuilderModals-module__6PZe2G__addButton {
  color: #667eea;
  cursor: pointer;
  background: #e0e7ff;
  border: 2px dashed #667eea;
  border-radius: 8px;
  width: 100%;
  margin-top: .5rem;
  padding: .75rem 1.5rem;
  font-size: .875rem;
  font-weight: 600;
  transition: all .2s;
}

.BuilderModals-module__6PZe2G__addButton:hover {
  background: #c7d2fe;
  border-style: solid;
  transform: translateY(-2px);
}

.BuilderModals-module__6PZe2G__insertTableButton {
  color: #fff;
  cursor: pointer;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  border: none;
  border-radius: 10px;
  width: 100%;
  padding: .875rem 1.5rem;
  font-size: 1rem;
  font-weight: 600;
  transition: all .2s;
  box-shadow: 0 4px 12px #667eea4d;
}

.BuilderModals-module__6PZe2G__insertTableButton:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 16px #667eea66;
}

.dark .BuilderModals-module__6PZe2G__modalBackdrop {
  background: #000000bf;
}

.dark .BuilderModals-module__6PZe2G__tableBuilderModal {
  background: #1e293b;
  box-shadow: 0 20px 60px #00000080;
}

.dark .BuilderModals-module__6PZe2G__quickDownloadModal {
  background: #1e293b;
  box-shadow: 0 20px 60px #00000080;
}

.dark .BuilderModals-module__6PZe2G__modalHeader {
  border-color: #334155;
}

.dark .BuilderModals-module__6PZe2G__modalHeader h3 {
  color: #f1f5f9;
}

.dark .BuilderModals-module__6PZe2G__modalClose {
  color: #94a3b8;
  background: #334155;
}

.dark .BuilderModals-module__6PZe2G__modalClose:hover {
  color: #f1f5f9;
  background: #475569;
}

.dark .BuilderModals-module__6PZe2G__builderLabel {
  color: #e2e8f0;
}

:is(.dark .BuilderModals-module__6PZe2G__textInput, .dark .BuilderModals-module__6PZe2G__textInputSmall) {
  color: #f1f5f9;
  background: #0f172a;
  border-color: #334155;
}

:is(.dark .BuilderModals-module__6PZe2G__textInput:focus, .dark .BuilderModals-module__6PZe2G__textInputSmall:focus) {
  border-color: #818cf8;
  box-shadow: 0 0 0 3px #818cf81a;
}

.dark .BuilderModals-module__6PZe2G__removeButton {
  background: #450a0a;
}

.dark .BuilderModals-module__6PZe2G__removeButton:hover {
  background: #7f1d1d;
}

.dark .BuilderModals-module__6PZe2G__addButton {
  color: #c7d2fe;
  background: #312e81;
  border-color: #818cf8;
}

.dark .BuilderModals-module__6PZe2G__addButton:hover {
  background: #4338ca;
}

/* [project]/apps/web/src/components/unified-editor/panels/InsertModals.module.css [app-client] (css) */
.InsertModals-module__TrFyKa__modalBackdrop {
  z-index: 800;
  background: #00000080;
  animation: .2s InsertModals-module__TrFyKa__fadeIn;
  position: fixed;
  inset: 0;
}

@keyframes InsertModals-module__TrFyKa__fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes InsertModals-module__TrFyKa__slideUp {
  from {
    opacity: 0;
    transform: translate(-50%, -45%);
  }

  to {
    opacity: 1;
    transform: translate(-50%, -50%);
  }
}

.InsertModals-module__TrFyKa__modal {
  z-index: 810;
  background: #fff;
  border-radius: 16px;
  flex-direction: column;
  max-width: 90vw;
  max-height: 90vh;
  animation: .3s InsertModals-module__TrFyKa__slideUp;
  display: flex;
  position: fixed;
  top: 50%;
  left: 50%;
  overflow: hidden;
  transform: translate(-50%, -50%);
  box-shadow: 0 20px 60px #0000004d;
}

.InsertModals-module__TrFyKa__modalSm {
  width: 480px;
}

.InsertModals-module__TrFyKa__modalMd {
  width: 600px;
}

.InsertModals-module__TrFyKa__modalLg {
  width: 720px;
}

.InsertModals-module__TrFyKa__modalXl {
  width: 860px;
}

.InsertModals-module__TrFyKa__modalHeader {
  border-bottom: 2px solid #e2e8f0;
  justify-content: space-between;
  align-items: center;
  padding: 1.25rem 1.5rem;
  display: flex;
}

.InsertModals-module__TrFyKa__modalTitle {
  color: #1e293b;
  align-items: center;
  gap: 8px;
  margin: 0;
  font-size: 1.15rem;
  font-weight: 700;
  display: flex;
}

.InsertModals-module__TrFyKa__modalClose {
  cursor: pointer;
  color: #64748b;
  background: #f1f5f9;
  border: none;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  padding: 0;
  font-size: 1.125rem;
  transition: all .15s;
  display: flex;
}

.InsertModals-module__TrFyKa__modalClose:hover {
  color: #1e293b;
  background: #e2e8f0;
}

.InsertModals-module__TrFyKa__modalBody {
  flex: 1;
  padding: 1.5rem;
  overflow-y: auto;
}

.InsertModals-module__TrFyKa__modalFooter {
  border-top: 1px solid #e2e8f0;
  justify-content: flex-end;
  align-items: center;
  gap: 10px;
  padding: 1rem 1.5rem;
  display: flex;
}

.InsertModals-module__TrFyKa__section {
  margin-bottom: 1.25rem;
}

.InsertModals-module__TrFyKa__sectionLast {
  margin-bottom: 0;
}

.InsertModals-module__TrFyKa__label {
  color: #475569;
  text-transform: uppercase;
  letter-spacing: .04em;
  margin-bottom: .5rem;
  font-size: .8rem;
  font-weight: 600;
  display: block;
}

.InsertModals-module__TrFyKa__input {
  color: #1e293b;
  box-sizing: border-box;
  background: #fff;
  border: 2px solid #e2e8f0;
  border-radius: 8px;
  width: 100%;
  padding: .7rem .85rem;
  font-size: .875rem;
  transition: border-color .2s, box-shadow .2s;
}

.InsertModals-module__TrFyKa__input:focus {
  border-color: #667eea;
  outline: none;
  box-shadow: 0 0 0 3px #667eea1a;
}

.InsertModals-module__TrFyKa__inputError {
  border-color: #ef4444 !important;
  box-shadow: 0 0 0 3px #ef44441a !important;
}

.InsertModals-module__TrFyKa__inputError:focus {
  border-color: #dc2626 !important;
  box-shadow: 0 0 0 3px #dc262626 !important;
}

.InsertModals-module__TrFyKa__errorText {
  color: #ef4444;
  margin-top: 4px;
  font-size: .75rem;
  font-weight: 500;
  line-height: 1.3;
  display: block;
}

.InsertModals-module__TrFyKa__successText {
  color: #22c55e;
  margin-top: 4px;
  font-size: .75rem;
  font-weight: 500;
  line-height: 1.3;
  display: block;
}

.InsertModals-module__TrFyKa__inputSm {
  color: #1e293b;
  box-sizing: border-box;
  background: #fff;
  border: 2px solid #e2e8f0;
  border-radius: 8px;
  width: auto;
  min-width: 100px;
  padding: .7rem .85rem;
  font-size: .875rem;
  transition: border-color .2s, box-shadow .2s;
}

.InsertModals-module__TrFyKa__inputRow {
  align-items: center;
  gap: .5rem;
  display: flex;
}

.InsertModals-module__TrFyKa__select {
  color: #1e293b;
  cursor: pointer;
  background: #fff;
  border: 2px solid #e2e8f0;
  border-radius: 8px;
  padding: .7rem .85rem;
  font-size: .875rem;
  transition: border-color .2s, box-shadow .2s;
}

.InsertModals-module__TrFyKa__select:focus {
  border-color: #667eea;
  outline: none;
  box-shadow: 0 0 0 3px #667eea1a;
}

.InsertModals-module__TrFyKa__checkbox {
  color: #475569;
  cursor: pointer;
  align-items: center;
  gap: 8px;
  font-size: .875rem;
  display: flex;
}

.InsertModals-module__TrFyKa__checkbox input[type="checkbox"] {
  accent-color: #667eea;
  cursor: pointer;
  width: 16px;
  height: 16px;
}

.InsertModals-module__TrFyKa__tabRow {
  border-bottom: 2px solid #e2e8f0;
  gap: 0;
  margin-bottom: 1rem;
  display: flex;
}

.InsertModals-module__TrFyKa__tab {
  color: #64748b;
  cursor: pointer;
  background: none;
  border: none;
  border-bottom: 2px solid #0000;
  margin-bottom: -2px;
  padding: .6rem 1.2rem;
  font-size: .85rem;
  font-weight: 600;
  transition: all .15s;
}

.InsertModals-module__TrFyKa__tab:hover {
  color: #334155;
}

.InsertModals-module__TrFyKa__tabActive {
  cursor: pointer;
  color: #667eea;
  background: none;
  border: none;
  border-bottom: 2px solid #667eea;
  margin-bottom: -2px;
  padding: .6rem 1.2rem;
  font-size: .85rem;
  font-weight: 600;
  transition: all .15s;
}

.InsertModals-module__TrFyKa__btnPrimary {
  color: #fff;
  cursor: pointer;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  border: none;
  border-radius: 10px;
  padding: .7rem 1.5rem;
  font-size: .9rem;
  font-weight: 600;
  transition: all .2s;
  box-shadow: 0 4px 12px #667eea4d;
}

.InsertModals-module__TrFyKa__btnPrimary:hover {
  transform: translateY(-1px);
  box-shadow: 0 6px 16px #667eea66;
}

.InsertModals-module__TrFyKa__btnPrimary:disabled {
  opacity: .5;
  cursor: not-allowed;
  box-shadow: none;
  transform: none;
}

.InsertModals-module__TrFyKa__btnSecondary {
  color: #475569;
  cursor: pointer;
  background: #f1f5f9;
  border: 2px solid #e2e8f0;
  border-radius: 10px;
  padding: .7rem 1.2rem;
  font-size: .9rem;
  font-weight: 600;
  transition: all .15s;
}

.InsertModals-module__TrFyKa__btnSecondary:hover {
  color: #334155;
  background: #e2e8f0;
}

.InsertModals-module__TrFyKa__mediaGrid {
  grid-template-columns: repeat(auto-fill, minmax(110px, 1fr));
  gap: 8px;
  max-height: 300px;
  padding: 4px;
  display: grid;
  overflow-y: auto;
}

.InsertModals-module__TrFyKa__mediaThumb {
  aspect-ratio: 1;
  cursor: pointer;
  background: #f1f5f9;
  border: 3px solid #0000;
  border-radius: 8px;
  transition: all .15s;
  position: relative;
  overflow: hidden;
}

.InsertModals-module__TrFyKa__mediaThumb:hover {
  border-color: #667eea;
  transform: scale(1.03);
}

.InsertModals-module__TrFyKa__mediaThumbSelected {
  aspect-ratio: 1;
  cursor: pointer;
  background: #f1f5f9;
  border: 3px solid #667eea;
  border-radius: 8px;
  transition: all .15s;
  position: relative;
  overflow: hidden;
  box-shadow: 0 0 0 2px #667eea4d;
}

.InsertModals-module__TrFyKa__mediaThumb img, .InsertModals-module__TrFyKa__mediaThumbSelected img {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.InsertModals-module__TrFyKa__mediaThumbCheck {
  color: #fff;
  background: #667eea;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 22px;
  height: 22px;
  font-size: 12px;
  font-weight: 700;
  display: flex;
  position: absolute;
  top: 4px;
  right: 4px;
  box-shadow: 0 2px 6px #0000004d;
}

.InsertModals-module__TrFyKa__mediaThumbVideoIcon {
  color: #fff;
  background: #000000b3;
  border-radius: 4px;
  padding: 2px 6px;
  font-size: 10px;
  position: absolute;
  bottom: 4px;
  left: 4px;
}

.InsertModals-module__TrFyKa__emptyGallery {
  text-align: center;
  color: #94a3b8;
  padding: 2rem;
  font-size: .875rem;
}

.InsertModals-module__TrFyKa__preview {
  background: #f8fafc;
  border: 2px solid #e2e8f0;
  border-radius: 10px;
  min-height: 60px;
  margin-top: .75rem;
  padding: 1rem;
}

.InsertModals-module__TrFyKa__previewLabel {
  color: #94a3b8;
  text-transform: uppercase;
  letter-spacing: .05em;
  margin-bottom: .5rem;
  font-size: .75rem;
  font-weight: 600;
}

.InsertModals-module__TrFyKa__previewLink {
  color: #667eea;
  word-break: break-all;
  text-decoration: underline;
}

.InsertModals-module__TrFyKa__previewImage {
  -o-object-fit: contain;
  object-fit: contain;
  border-radius: 6px;
  max-width: 100%;
  max-height: 200px;
}

.InsertModals-module__TrFyKa__previewVideo {
  aspect-ratio: 16 / 9;
  background: #000;
  border: none;
  border-radius: 8px;
  width: 100%;
}

.InsertModals-module__TrFyKa__tablePreview {
  border: 2px solid #e2e8f0;
  border-radius: 10px;
  margin-top: .75rem;
  overflow: hidden;
}

.InsertModals-module__TrFyKa__tablePreview table {
  border-collapse: collapse;
  width: 100%;
  font-size: .8rem;
}

.InsertModals-module__TrFyKa__tablePreview th {
  color: #475569;
  text-align: start;
  background: #f1f5f9;
  border: 1px solid #e2e8f0;
  padding: 6px 10px;
  font-weight: 600;
}

.InsertModals-module__TrFyKa__tablePreview td {
  color: #64748b;
  border: 1px solid #e2e8f0;
  padding: 6px 10px;
}

.InsertModals-module__TrFyKa__sizeControls {
  align-items: center;
  gap: 1rem;
  display: flex;
}

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

.InsertModals-module__TrFyKa__sizeGroup label {
  color: #475569;
  font-size: .8rem;
  font-weight: 600;
}

.InsertModals-module__TrFyKa__sizeGroup input {
  text-align: center;
  color: #1e293b;
  border: 2px solid #e2e8f0;
  border-radius: 6px;
  width: 60px;
  padding: .5rem;
  font-size: .85rem;
}

.InsertModals-module__TrFyKa__sizeGroup input:focus {
  border-color: #667eea;
  outline: none;
}

.InsertModals-module__TrFyKa__optionGrid {
  grid-template-columns: 1fr 1fr;
  gap: .5rem;
  display: grid;
}

.InsertModals-module__TrFyKa__ytPreviewWrap {
  border-radius: 8px;
  height: 0;
  margin-top: .5rem;
  padding-bottom: 56.25%;
  position: relative;
  overflow: hidden;
}

.InsertModals-module__TrFyKa__ytPreviewWrap iframe {
  border: none;
  border-radius: 8px;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.InsertModals-module__TrFyKa__ytOptions {
  grid-template-columns: 1fr 1fr;
  gap: .75rem;
  margin-top: 1rem;
  display: grid;
}

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

.InsertModals-module__TrFyKa__timeRow input {
  text-align: center;
  border: 2px solid #e2e8f0;
  border-radius: 6px;
  width: 50px;
  padding: .4rem;
  font-size: .8rem;
}

.InsertModals-module__TrFyKa__timeRow span {
  color: #64748b;
  font-size: .8rem;
}

.InsertModals-module__TrFyKa__borderSwatchGrid {
  flex-wrap: wrap;
  gap: 10px;
  padding: 8px 0;
  display: flex;
}

.InsertModals-module__TrFyKa__animOptionGrid {
  grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
  gap: 8px;
  padding: 4px 0;
  display: grid;
}

.InsertModals-module__TrFyKa__animOption {
  cursor: pointer;
  color: #475569;
  text-align: center;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  padding: 10px 8px;
  font-size: .75rem;
  transition: all .2s;
  display: flex;
  position: relative;
}

.InsertModals-module__TrFyKa__animOption:hover:not(:disabled) {
  background: #eef2ff;
  border-color: #818cf8;
  transform: translateY(-1px);
  box-shadow: 0 2px 8px #818cf826;
}

.InsertModals-module__TrFyKa__animOptionActive {
  color: #4338ca;
  background: #eef2ff;
  border-color: #818cf8;
  font-weight: 600;
  box-shadow: 0 0 0 2px #818cf840;
}

.InsertModals-module__TrFyKa__animOptionLocked {
  opacity: .5;
  cursor: not-allowed;
  background: #f1f5f9;
}

.InsertModals-module__TrFyKa__animOptionLocked:hover {
  box-shadow: none;
  background: #f1f5f9;
  border-color: #e2e8f0;
  transform: none;
}

.InsertModals-module__TrFyKa__lockIcon {
  font-size: .65rem;
  position: absolute;
  top: 4px;
  right: 4px;
}

.InsertModals-module__TrFyKa__animLabel {
  font-size: .75rem;
  line-height: 1.2;
}

.InsertModals-module__TrFyKa__tierBadge {
  letter-spacing: .05em;
  text-transform: uppercase;
  white-space: nowrap;
  border-radius: 10px;
  align-items: center;
  padding: 2px 8px;
  font-size: .6rem;
  font-weight: 700;
  line-height: 1;
  animation: 2s ease-in-out infinite InsertModals-module__TrFyKa__tierBadgePulse;
  display: inline-flex;
}

.InsertModals-module__TrFyKa__tierBadge[data-tier="pro"] {
  color: #818cf8;
  background: linear-gradient(135deg, #6366f126, #a855f726);
  border: 1px solid #818cf84d;
}

.InsertModals-module__TrFyKa__tierBadge[data-tier="elite"] {
  color: #f59e0b;
  background: linear-gradient(135deg, #f59e0b26, #ec489926);
  border: 1px solid #f59e0b4d;
}

@keyframes InsertModals-module__TrFyKa__tierBadgePulse {
  0%, 100% {
    opacity: 1;
  }

  50% {
    opacity: .75;
  }
}

.InsertModals-module__TrFyKa__tierTag {
  opacity: .7;
  font-size: .55rem;
  font-weight: 600;
  line-height: 1;
}

.InsertModals-module__TrFyKa__tierTag[data-tier="pro"] {
  color: #818cf8;
}

.InsertModals-module__TrFyKa__tierTag[data-tier="elite"] {
  color: #f59e0b;
}

.dark .InsertModals-module__TrFyKa__modalBackdrop {
  background: #000000bf;
}

.dark .InsertModals-module__TrFyKa__modal {
  background: #1e293b;
  box-shadow: 0 20px 60px #00000080;
}

.dark .InsertModals-module__TrFyKa__modalHeader {
  border-color: #334155;
}

.dark .InsertModals-module__TrFyKa__modalTitle {
  color: #f1f5f9;
}

.dark .InsertModals-module__TrFyKa__modalClose {
  color: #94a3b8;
  background: #334155;
}

.dark .InsertModals-module__TrFyKa__modalClose:hover {
  color: #f1f5f9;
  background: #475569;
}

.dark .InsertModals-module__TrFyKa__modalFooter {
  border-color: #334155;
}

.dark .InsertModals-module__TrFyKa__label {
  color: #cbd5e1;
}

.dark .InsertModals-module__TrFyKa__input {
  color: #f1f5f9;
  background: #0f172a;
  border-color: #334155;
}

.dark .InsertModals-module__TrFyKa__inputSm {
  color: #f1f5f9;
  background: #0f172a;
  border-color: #334155;
}

.dark .InsertModals-module__TrFyKa__select {
  color: #f1f5f9;
  background: #0f172a;
  border-color: #334155;
}

.dark .InsertModals-module__TrFyKa__sizeGroup input {
  color: #f1f5f9;
  background: #0f172a;
  border-color: #334155;
}

.dark .InsertModals-module__TrFyKa__timeRow input {
  color: #f1f5f9;
  background: #0f172a;
  border-color: #334155;
}

.dark .InsertModals-module__TrFyKa__input:focus {
  border-color: #818cf8;
  box-shadow: 0 0 0 3px #818cf81a;
}

.dark .InsertModals-module__TrFyKa__inputSm:focus {
  border-color: #818cf8;
  box-shadow: 0 0 0 3px #818cf81a;
}

.dark .InsertModals-module__TrFyKa__select:focus {
  border-color: #818cf8;
  box-shadow: 0 0 0 3px #818cf81a;
}

.dark .InsertModals-module__TrFyKa__sizeGroup input:focus {
  border-color: #818cf8;
  box-shadow: 0 0 0 3px #818cf81a;
}

.dark .InsertModals-module__TrFyKa__timeRow input:focus {
  border-color: #818cf8;
  box-shadow: 0 0 0 3px #818cf81a;
}

.dark .InsertModals-module__TrFyKa__inputError {
  border-color: #f87171 !important;
  box-shadow: 0 0 0 3px #f871711a !important;
}

.dark .InsertModals-module__TrFyKa__inputError:focus {
  border-color: #ef4444 !important;
  box-shadow: 0 0 0 3px #ef444426 !important;
}

.dark .InsertModals-module__TrFyKa__errorText {
  color: #f87171;
}

.dark .InsertModals-module__TrFyKa__successText {
  color: #4ade80;
}

.dark .InsertModals-module__TrFyKa__checkbox {
  color: #cbd5e1;
}

.dark .InsertModals-module__TrFyKa__tabRow {
  border-color: #334155;
}

.dark .InsertModals-module__TrFyKa__tab {
  color: #94a3b8;
}

.dark .InsertModals-module__TrFyKa__tab:hover {
  color: #e2e8f0;
}

.dark .InsertModals-module__TrFyKa__tabActive {
  color: #818cf8;
  border-bottom-color: #818cf8;
}

.dark .InsertModals-module__TrFyKa__btnSecondary {
  color: #e2e8f0;
  background: #334155;
  border-color: #475569;
}

.dark .InsertModals-module__TrFyKa__btnSecondary:hover {
  background: #475569;
}

.dark .InsertModals-module__TrFyKa__mediaThumb {
  background: #0f172a;
}

.dark .InsertModals-module__TrFyKa__mediaThumb:hover {
  border-color: #818cf8;
}

.dark .InsertModals-module__TrFyKa__mediaThumbSelected {
  border-color: #818cf8;
  box-shadow: 0 0 0 2px #818cf84d;
}

.dark .InsertModals-module__TrFyKa__mediaThumbCheck {
  background: #818cf8;
}

.dark .InsertModals-module__TrFyKa__emptyGallery {
  color: #64748b;
}

.dark .InsertModals-module__TrFyKa__preview {
  background: #0f172a;
  border-color: #334155;
}

.dark .InsertModals-module__TrFyKa__previewLabel {
  color: #64748b;
}

.dark .InsertModals-module__TrFyKa__previewLink {
  color: #818cf8;
}

.dark .InsertModals-module__TrFyKa__tablePreview {
  border-color: #334155;
}

.dark .InsertModals-module__TrFyKa__tablePreview th {
  color: #cbd5e1;
  background: #334155;
  border-color: #475569;
}

.dark .InsertModals-module__TrFyKa__tablePreview td {
  color: #94a3b8;
  border-color: #475569;
}

.dark .InsertModals-module__TrFyKa__sizeGroup label {
  color: #cbd5e1;
}

.dark .InsertModals-module__TrFyKa__timeRow span {
  color: #94a3b8;
}

.dark .InsertModals-module__TrFyKa__animOption {
  color: #94a3b8;
  background: #0f172a;
  border-color: #334155;
}

.dark .InsertModals-module__TrFyKa__animOption:hover:not(:disabled) {
  background: #6366f11a;
  border-color: #818cf8;
}

.dark .InsertModals-module__TrFyKa__animOptionActive {
  color: #a5b4fc;
  background: #6366f126;
  border-color: #818cf8;
}

.dark .InsertModals-module__TrFyKa__animOptionLocked {
  opacity: .4;
  background: #0f172a;
}

.dark .InsertModals-module__TrFyKa__animOptionLocked:hover {
  background: #0f172a;
  border-color: #334155;
}

@media (max-width: 600px) {
  .InsertModals-module__TrFyKa__modal {
    border-radius: 12px;
    max-width: 96vw;
    max-height: 92vh;
  }

  .InsertModals-module__TrFyKa__modalSm, .InsertModals-module__TrFyKa__modalMd, .InsertModals-module__TrFyKa__modalLg, .InsertModals-module__TrFyKa__modalXl {
    width: 96vw;
  }

  .InsertModals-module__TrFyKa__mediaGrid {
    grid-template-columns: repeat(auto-fill, minmax(80px, 1fr));
  }

  .InsertModals-module__TrFyKa__ytOptions, .InsertModals-module__TrFyKa__optionGrid {
    grid-template-columns: 1fr;
  }

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

  .InsertModals-module__TrFyKa__borderSwatchGrid {
    gap: 6px;
  }
}

.InsertModals-module__TrFyKa__textInput {
  color: #1e293b;
  box-sizing: border-box;
  background: #fff;
  border: 2px solid #e2e8f0;
  border-radius: 8px;
  width: 100%;
  padding: .6rem .75rem;
  font-size: .875rem;
  transition: border-color .2s, box-shadow .2s;
}

.InsertModals-module__TrFyKa__textInput:focus {
  border-color: #667eea;
  outline: none;
  box-shadow: 0 0 0 3px #667eea1a;
}

.InsertModals-module__TrFyKa__textInput::placeholder {
  color: #94a3b8;
}

.dark .InsertModals-module__TrFyKa__textInput {
  color: #f1f5f9;
  background: #0f172a;
  border-color: #334155;
}

.dark .InsertModals-module__TrFyKa__textInput:focus {
  border-color: #818cf8;
  box-shadow: 0 0 0 3px #818cf81a;
}

.dark .InsertModals-module__TrFyKa__textInput::placeholder {
  color: #475569;
}

.InsertModals-module__TrFyKa__addButton {
  color: #667eea;
  cursor: pointer;
  text-align: center;
  background: #e0e7ff;
  border: 2px dashed #a5b4fc;
  border-radius: 10px;
  width: 100%;
  padding: .6rem 1.25rem;
  font-size: .85rem;
  font-weight: 600;
  transition: all .2s;
}

.InsertModals-module__TrFyKa__addButton:hover {
  background: #c7d2fe;
  border-style: solid;
  border-color: #667eea;
  transform: translateY(-1px);
  box-shadow: 0 2px 8px #667eea26;
}

.InsertModals-module__TrFyKa__insertButton {
  color: #fff;
  cursor: pointer;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  border: none;
  border-radius: 10px;
  padding: .65rem 1.5rem;
  font-size: .9rem;
  font-weight: 600;
  transition: all .2s;
  box-shadow: 0 4px 12px #667eea4d;
}

.InsertModals-module__TrFyKa__insertButton:hover {
  transform: translateY(-1px);
  box-shadow: 0 6px 16px #667eea66;
}

.InsertModals-module__TrFyKa__insertButton:disabled {
  opacity: .5;
  cursor: not-allowed;
  box-shadow: none;
  transform: none;
}

.InsertModals-module__TrFyKa__cancelButton {
  color: #475569;
  cursor: pointer;
  background: #f1f5f9;
  border: 2px solid #e2e8f0;
  border-radius: 10px;
  padding: .65rem 1.25rem;
  font-size: .9rem;
  font-weight: 600;
  transition: all .15s;
}

.InsertModals-module__TrFyKa__cancelButton:hover {
  color: #334155;
  background: #e2e8f0;
}

.dark .InsertModals-module__TrFyKa__addButton {
  color: #a5b4fc;
  background: #6366f11f;
  border-color: #818cf859;
}

.dark .InsertModals-module__TrFyKa__addButton:hover {
  background: #6366f133;
  border-color: #818cf8;
}

.dark .InsertModals-module__TrFyKa__cancelButton {
  color: #e2e8f0;
  background: #334155;
  border-color: #475569;
}

.dark .InsertModals-module__TrFyKa__cancelButton:hover {
  background: #475569;
}

.InsertModals-module__TrFyKa__fileCard {
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  flex-direction: column;
  gap: 10px;
  padding: 14px 16px;
  transition: border-color .2s, box-shadow .2s;
  display: flex;
  box-shadow: 0 1px 3px #0000000a;
}

.InsertModals-module__TrFyKa__fileCard:hover {
  border-color: #cbd5e1;
  box-shadow: 0 2px 8px #0000000f;
}

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

.InsertModals-module__TrFyKa__fileExtSelect {
  border: 2px solid #e2e8f0;
  cursor: pointer;
  color: #334155;
  appearance: auto;
  --lightningcss-light: initial;
  --lightningcss-dark: ;
  color-scheme: light;
  background: #f1f5f9;
  border-inline-end: none;
  border-radius: 8px 0 0 8px;
  min-width: 120px;
  padding: 8px 10px;
  font-size: .82rem;
  font-weight: 600;
  transition: border-color .2s, background .2s;
}

.InsertModals-module__TrFyKa__fileExtSelect:focus {
  background: #eef2ff;
  border-color: #667eea;
  outline: none;
}

.InsertModals-module__TrFyKa__fileExtSelect option {
  color: #334155;
  background: #fff;
  padding: 4px 8px;
  font-weight: 500;
}

.InsertModals-module__TrFyKa__fileExtSelect optgroup {
  color: #1e293b;
  background: #f1f5f9;
  font-weight: 700;
}

.InsertModals-module__TrFyKa__fileNameInput {
  color: #1e293b;
  background: #fff;
  border: 2px solid #e2e8f0;
  border-radius: 0 8px 8px 0;
  flex: 1;
  min-width: 0;
  padding: 8px 10px;
  font-size: .85rem;
  transition: border-color .2s, box-shadow .2s;
}

.InsertModals-module__TrFyKa__fileNameInput:focus {
  border-color: #667eea;
  outline: none;
  box-shadow: 0 0 0 3px #667eea1a;
}

.InsertModals-module__TrFyKa__fileNameInput::placeholder {
  color: #94a3b8;
}

.InsertModals-module__TrFyKa__fileCardControls {
  align-items: center;
  gap: 8px;
  margin-inline-start: 10px;
  display: flex;
}

.InsertModals-module__TrFyKa__fileStatusSelect {
  cursor: pointer;
  color: #334155;
  --lightningcss-light: initial;
  --lightningcss-dark: ;
  color-scheme: light;
  background: #fff;
  border: 2px solid #e2e8f0;
  border-radius: 8px;
  padding: 8px 10px;
  font-size: .82rem;
  font-weight: 500;
  transition: border-color .2s;
}

.InsertModals-module__TrFyKa__fileStatusSelect:focus {
  border-color: #667eea;
  outline: none;
}

.InsertModals-module__TrFyKa__fileStatusSelect option {
  color: #334155;
  background: #fff;
  padding: 4px 8px;
  font-weight: 500;
}

.InsertModals-module__TrFyKa__fileRemoveBtn {
  cursor: pointer;
  color: #ef4444;
  background: #fef2f2;
  border: 1px solid #fecaca;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  padding: 0;
  font-size: .8rem;
  transition: all .15s;
  display: flex;
}

.InsertModals-module__TrFyKa__fileRemoveBtn:hover {
  background: #fee2e2;
  border-color: #f87171;
  transform: scale(1.05);
}

.InsertModals-module__TrFyKa__filePreviewLine {
  color: #64748b;
  background: #f8fafc;
  border-radius: 6px;
  align-items: center;
  gap: 5px;
  padding: 4px 6px;
  font-family: SF Mono, Monaco, Menlo, monospace;
  font-size: .72rem;
  display: flex;
}

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

.InsertModals-module__TrFyKa__fileUrlIcon {
  color: #64748b;
  flex-shrink: 0;
  font-size: .85rem;
}

.InsertModals-module__TrFyKa__fileUrlInput {
  color: #1e293b;
  background: #fff;
  border: 2px solid #e2e8f0;
  border-radius: 8px;
  flex: 1;
  padding: 7px 10px;
  font-size: .82rem;
  transition: border-color .2s, box-shadow .2s;
}

.InsertModals-module__TrFyKa__fileUrlInput:focus {
  border-color: #667eea;
  outline: none;
  box-shadow: 0 0 0 3px #667eea1a;
}

.InsertModals-module__TrFyKa__fileUrlInput::placeholder {
  color: #94a3b8;
  font-size: .78rem;
}

.InsertModals-module__TrFyKa__fileErrors {
  flex-wrap: wrap;
  gap: 12px;
  padding: 2px 4px;
  display: flex;
}

.InsertModals-module__TrFyKa__fileErrorText {
  color: #ef4444;
  margin: 0;
  font-size: .7rem;
  font-weight: 500;
}

.dark .InsertModals-module__TrFyKa__fileCard {
  background: #1e293b;
  border-color: #334155;
  box-shadow: 0 1px 3px #0003;
}

.dark .InsertModals-module__TrFyKa__fileCard:hover {
  border-color: #475569;
}

.dark .InsertModals-module__TrFyKa__fileExtSelect {
  color: #e2e8f0;
  --lightningcss-light: ;
  --lightningcss-dark: initial;
  color-scheme: dark;
  background: #0f172a;
  border-color: #334155;
}

.dark .InsertModals-module__TrFyKa__fileExtSelect:focus {
  background: #6366f11a;
  border-color: #818cf8;
}

.dark .InsertModals-module__TrFyKa__fileExtSelect option {
  color: #e2e8f0;
  background: #1e293b;
}

.dark .InsertModals-module__TrFyKa__fileExtSelect optgroup {
  color: #94a3b8;
  background: #0f172a;
  font-weight: 700;
}

.dark .InsertModals-module__TrFyKa__fileNameInput {
  color: #f1f5f9;
  background: #0f172a;
  border-color: #334155;
}

.dark .InsertModals-module__TrFyKa__fileNameInput:focus {
  border-color: #818cf8;
  box-shadow: 0 0 0 3px #818cf81a;
}

.dark .InsertModals-module__TrFyKa__fileNameInput::placeholder {
  color: #475569;
}

.dark .InsertModals-module__TrFyKa__fileStatusSelect {
  color: #e2e8f0;
  --lightningcss-light: ;
  --lightningcss-dark: initial;
  color-scheme: dark;
  background: #0f172a;
  border-color: #334155;
}

.dark .InsertModals-module__TrFyKa__fileStatusSelect:focus {
  border-color: #818cf8;
}

.dark .InsertModals-module__TrFyKa__fileStatusSelect option {
  color: #e2e8f0;
  background: #1e293b;
}

.dark .InsertModals-module__TrFyKa__fileRemoveBtn {
  color: #f87171;
  background: #7f1d1d4d;
  border-color: #f871714d;
}

.dark .InsertModals-module__TrFyKa__fileRemoveBtn:hover {
  background: #7f1d1d80;
  border-color: #f87171;
}

.dark .InsertModals-module__TrFyKa__filePreviewLine {
  color: #94a3b8;
  background: #0f172a;
}

.dark .InsertModals-module__TrFyKa__fileUrlInput {
  color: #f1f5f9;
  background: #0f172a;
  border-color: #334155;
}

.dark .InsertModals-module__TrFyKa__fileUrlInput:focus {
  border-color: #818cf8;
  box-shadow: 0 0 0 3px #818cf81a;
}

.dark .InsertModals-module__TrFyKa__fileUrlInput::placeholder {
  color: #475569;
}

.dark .InsertModals-module__TrFyKa__fileErrorText {
  color: #f87171;
}

.InsertModals-module__TrFyKa__toggleGroup {
  flex-wrap: wrap;
  gap: 12px;
  padding: 10px 0;
  display: flex;
}

.InsertModals-module__TrFyKa__toggleItem {
  cursor: pointer;
  color: #475569;
  -webkit-user-select: none;
  user-select: none;
  border-radius: 8px;
  align-items: center;
  gap: 8px;
  padding: 6px 12px;
  font-size: .85rem;
  transition: background .15s;
  display: flex;
}

.InsertModals-module__TrFyKa__toggleItem:hover {
  background: #f1f5f9;
}

.InsertModals-module__TrFyKa__toggleItem input[type="checkbox"] {
  accent-color: #667eea;
  cursor: pointer;
  width: 16px;
  height: 16px;
}

.dark .InsertModals-module__TrFyKa__toggleItem {
  color: #cbd5e1;
}

.dark .InsertModals-module__TrFyKa__toggleItem:hover {
  background: #33415580;
}

/* [project]/apps/web/src/components/unified-editor/panels/MentionDropdown.module.css [app-client] (css) */
.MentionDropdown-module__vMs8qG__dropdown {
  z-index: 900;
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  min-width: 260px;
  max-width: 340px;
  max-height: 320px;
  animation: .15s MentionDropdown-module__vMs8qG__mentionSlideIn;
  position: fixed;
  overflow-y: auto;
  box-shadow: 0 12px 40px #00000026, 0 4px 12px #00000014;
}

@keyframes MentionDropdown-module__vMs8qG__mentionSlideIn {
  from {
    opacity: 0;
    transform: translateY(-4px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.MentionDropdown-module__vMs8qG__header {
  background: #f8fafc;
  border-bottom: 1px solid #f1f5f9;
  border-radius: 12px 12px 0 0;
  align-items: center;
  gap: .5rem;
  padding: .625rem .875rem;
  display: flex;
}

.MentionDropdown-module__vMs8qG__headerIcon {
  color: #fff;
  background: linear-gradient(135deg, #667eea, #764ba2);
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  font-size: .75rem;
  font-weight: 700;
  display: flex;
}

.MentionDropdown-module__vMs8qG__headerText {
  color: #64748b;
  text-transform: uppercase;
  letter-spacing: .05em;
  font-size: .75rem;
  font-weight: 600;
}

.MentionDropdown-module__vMs8qG__item {
  cursor: pointer;
  text-align: start;
  background: none;
  border: none;
  align-items: center;
  gap: .75rem;
  width: 100%;
  padding: .625rem .875rem;
  transition: all .12s;
  display: flex;
}

.MentionDropdown-module__vMs8qG__item:hover, .MentionDropdown-module__vMs8qG__itemActive {
  background: linear-gradient(135deg, #f0f4ff, #ede9fe);
}

.MentionDropdown-module__vMs8qG__item:last-child {
  border-radius: 0 0 12px 12px;
}

.MentionDropdown-module__vMs8qG__avatar {
  -o-object-fit: cover;
  object-fit: cover;
  border: 2px solid #e0e7ff;
  border-radius: 50%;
  flex-shrink: 0;
  width: 32px;
  height: 32px;
}

.MentionDropdown-module__vMs8qG__avatarPlaceholder {
  color: #fff;
  background: linear-gradient(135deg, #667eea, #764ba2);
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  font-size: .8125rem;
  font-weight: 700;
  display: flex;
}

.MentionDropdown-module__vMs8qG__info {
  flex-direction: column;
  gap: .125rem;
  min-width: 0;
  display: flex;
}

.MentionDropdown-module__vMs8qG__name {
  color: #1e293b;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: .875rem;
  font-weight: 600;
  overflow: hidden;
}

.MentionDropdown-module__vMs8qG__username {
  color: #64748b;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: .75rem;
  overflow: hidden;
}

.dark .MentionDropdown-module__vMs8qG__dropdown {
  background: #1e293b;
  border-color: #334155;
  box-shadow: 0 12px 40px #0006, 0 4px 12px #0003;
}

.dark .MentionDropdown-module__vMs8qG__header {
  background: #0f172a;
  border-color: #334155;
}

.dark .MentionDropdown-module__vMs8qG__headerText {
  color: #94a3b8;
}

.dark .MentionDropdown-module__vMs8qG__item:hover {
  background: linear-gradient(135deg, #1e1b4b, #312e81);
}

.dark .MentionDropdown-module__vMs8qG__itemActive {
  background: linear-gradient(135deg, #1e1b4b, #312e81);
}

.dark .MentionDropdown-module__vMs8qG__avatar {
  border-color: #475569;
}

.dark .MentionDropdown-module__vMs8qG__name {
  color: #f1f5f9;
}

.dark .MentionDropdown-module__vMs8qG__username {
  color: #94a3b8;
}

/* [project]/apps/web/src/components/unified-editor/panels/TeamTableUserMenu.module.css [app-client] (css) */
.TeamTableUserMenu-module__qESAcG__menu {
  z-index: 9999;
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  min-width: 220px;
  max-width: 280px;
  padding: 0;
  animation: .18s ease-out TeamTableUserMenu-module__qESAcG__ttMenuSlideDown;
  position: fixed;
  overflow: hidden;
  box-shadow: 0 10px 25px -5px #0000001f, 0 4px 10px -3px #00000014;
}

@keyframes TeamTableUserMenu-module__qESAcG__ttMenuSlideDown {
  from {
    opacity: 0;
    transform: translateY(-6px)scale(.97);
  }

  to {
    opacity: 1;
    transform: translateY(0)scale(1);
  }
}

.TeamTableUserMenu-module__qESAcG__menuHeader {
  background: linear-gradient(135deg, #f8fafc, #f0f4ff);
  border-bottom: 1px solid #e5e7eb;
  flex-direction: column;
  gap: 2px;
  padding: 10px 14px;
  display: flex;
}

.TeamTableUserMenu-module__qESAcG__menuHeaderName {
  color: #1e293b;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: .875rem;
  font-weight: 700;
  overflow: hidden;
}

.TeamTableUserMenu-module__qESAcG__menuHeaderUsername {
  color: #64748b;
  font-size: .75rem;
  font-weight: 500;
}

.TeamTableUserMenu-module__qESAcG__menuDivider {
  height: 0;
}

.TeamTableUserMenu-module__qESAcG__menuItem {
  color: #374151;
  cursor: pointer;
  align-items: center;
  gap: 10px;
  padding: 10px 14px;
  font-size: .8125rem;
  font-weight: 500;
  text-decoration: none;
  transition: background-color .15s, color .15s;
  display: flex;
}

.TeamTableUserMenu-module__qESAcG__menuItem:hover {
  color: #4f46e5;
  background-color: #f0f4ff;
}

.TeamTableUserMenu-module__qESAcG__menuIcon {
  color: #6b7280;
  flex-shrink: 0;
  width: 17px;
  height: 17px;
  transition: color .15s;
}

.TeamTableUserMenu-module__qESAcG__menuItem:hover .TeamTableUserMenu-module__qESAcG__menuIcon {
  color: #4f46e5;
}

.dark .TeamTableUserMenu-module__qESAcG__menu {
  background: #1e293b;
  border-color: #334155;
  box-shadow: 0 10px 25px -5px #00000059, 0 4px 10px -3px #00000040;
}

.dark .TeamTableUserMenu-module__qESAcG__menuHeader {
  background: linear-gradient(135deg, #1e293b, #0f172a);
  border-bottom-color: #334155;
}

.dark .TeamTableUserMenu-module__qESAcG__menuHeaderName {
  color: #f1f5f9;
}

.dark .TeamTableUserMenu-module__qESAcG__menuHeaderUsername {
  color: #94a3b8;
}

.dark .TeamTableUserMenu-module__qESAcG__menuItem {
  color: #e2e8f0;
}

.dark .TeamTableUserMenu-module__qESAcG__menuItem:hover {
  color: #a5b4fc;
  background-color: #334155;
}

.dark .TeamTableUserMenu-module__qESAcG__menuIcon {
  color: #94a3b8;
}

.dark .TeamTableUserMenu-module__qESAcG__menuItem:hover .TeamTableUserMenu-module__qESAcG__menuIcon {
  color: #a5b4fc;
}

[dir="rtl"] .TeamTableUserMenu-module__qESAcG__menu {
  direction: rtl;
}

@media (max-width: 640px) {
  .TeamTableUserMenu-module__qESAcG__menu {
    min-width: 180px;
  }

  .TeamTableUserMenu-module__qESAcG__menuItem {
    padding: 8px 12px;
    font-size: .75rem;
  }

  .TeamTableUserMenu-module__qESAcG__menuIcon {
    width: 15px;
    height: 15px;
  }
}

/* [project]/apps/web/src/components/unified-editor/gallery-toolbar/GalleryToolbar.module.css [app-client] (css) */
.GalleryToolbar-module__0pP3fq__toolbar {
  z-index: 650;
  -webkit-backdrop-filter: blur(12px);
  pointer-events: auto;
  white-space: nowrap;
  background: #000000e0;
  border-radius: 12px;
  align-items: center;
  gap: .25rem;
  padding: .5rem .625rem;
  animation: .2s ease-out GalleryToolbar-module__0pP3fq__galleryToolbarFadeIn;
  display: flex;
  position: absolute;
  transform: translateX(-50%);
  box-shadow: 0 8px 32px #00000059, 0 0 0 1px #ffffff14;
}

@keyframes GalleryToolbar-module__0pP3fq__galleryToolbarFadeIn {
  from {
    opacity: 0;
    transform: translateX(-50%)translateY(6px);
  }

  to {
    opacity: 1;
    transform: translateX(-50%)translateY(0);
  }
}

.GalleryToolbar-module__0pP3fq__badge {
  color: #a5b4fc;
  letter-spacing: .02em;
  white-space: nowrap;
  -webkit-user-select: none;
  user-select: none;
  background: #667eea33;
  border-radius: 6px;
  align-items: center;
  gap: .35rem;
  padding: .25rem .625rem;
  font-size: .75rem;
  font-weight: 600;
  line-height: 1;
  display: flex;
}

.GalleryToolbar-module__0pP3fq__badgeIcon {
  font-size: .875rem;
}

.GalleryToolbar-module__0pP3fq__badgeText {
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 120px;
  overflow: hidden;
}

.GalleryToolbar-module__0pP3fq__divider {
  background: #ffffff26;
  flex-shrink: 0;
  width: 1px;
  height: 24px;
  margin: 0 .125rem;
}

.GalleryToolbar-module__0pP3fq__actionBtn {
  color: #e2e8f0;
  cursor: pointer;
  white-space: nowrap;
  background: none;
  border: none;
  border-radius: 6px;
  align-items: center;
  gap: .35rem;
  padding: .35rem .625rem;
  font-size: .8rem;
  font-weight: 500;
  transition: all .15s;
  display: flex;
}

.GalleryToolbar-module__0pP3fq__actionBtn:hover {
  color: #fff;
  background: #ffffff1f;
}

.GalleryToolbar-module__0pP3fq__actionBtn .GalleryToolbar-module__0pP3fq__btnIcon {
  font-size: 1rem;
  line-height: 1;
}

.GalleryToolbar-module__0pP3fq__actionBtn .GalleryToolbar-module__0pP3fq__btnLabel {
  font-size: .75rem;
  line-height: 1;
}

.GalleryToolbar-module__0pP3fq__editBtn:hover {
  color: #a5b4fc;
  background: #667eea40;
}

.GalleryToolbar-module__0pP3fq__deleteBtn {
  color: #fca5a5;
}

.GalleryToolbar-module__0pP3fq__deleteBtn:hover {
  color: #fca5a5;
  background: #ef444433;
}

.GalleryToolbar-module__0pP3fq__moveGroup {
  align-items: center;
  gap: 2px;
  display: flex;
}

.GalleryToolbar-module__0pP3fq__moveBtn {
  color: #94a3b8;
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  padding: 0;
  font-size: .85rem;
  transition: all .15s;
  display: flex;
}

.GalleryToolbar-module__0pP3fq__moveBtn:hover:not(:disabled) {
  color: #a5b4fc;
  background: #6366f133;
}

.GalleryToolbar-module__0pP3fq__moveBtn:disabled {
  opacity: .3;
  cursor: not-allowed;
}

.GalleryToolbar-module__0pP3fq__gripBtn {
  color: #64748b;
  cursor: grab;
  letter-spacing: 1px;
  background: none;
  border: none;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 28px;
  padding: 0;
  font-size: .75rem;
  transition: all .15s;
  display: flex;
}

.GalleryToolbar-module__0pP3fq__gripBtn:hover {
  color: #94a3b8;
  background: #ffffff1a;
}

.GalleryToolbar-module__0pP3fq__gripBtn:active {
  cursor: grabbing;
  color: #a5b4fc;
}

.GalleryToolbar-module__0pP3fq__confirmOverlay {
  align-items: center;
  gap: .5rem;
  padding: .25rem;
  display: flex;
}

.GalleryToolbar-module__0pP3fq__confirmText {
  color: #fca5a5;
  white-space: nowrap;
  font-size: .75rem;
  font-weight: 600;
}

.GalleryToolbar-module__0pP3fq__confirmBtn {
  cursor: pointer;
  white-space: nowrap;
  border: none;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  padding: .3rem .75rem;
  font-size: .75rem;
  font-weight: 600;
  transition: all .15s;
  display: flex;
}

.GalleryToolbar-module__0pP3fq__confirmYes {
  color: #fca5a5;
  background: #ef44444d;
}

.GalleryToolbar-module__0pP3fq__confirmYes:hover {
  background: #ef444480;
}

.GalleryToolbar-module__0pP3fq__confirmNo {
  color: #e2e8f0;
  background: #ffffff1f;
}

.GalleryToolbar-module__0pP3fq__confirmNo:hover {
  background: #fff3;
}

.editor-content [data-gallery].gallery-selected {
  outline-offset: 4px;
  border-radius: 8px;
  outline: 2px solid #667eea99;
}

.GalleryToolbar-module__0pP3fq__presetSelect {
  color: #e2e8f0;
  cursor: pointer;
  appearance: none;
  background: #ffffff14;
  border: 1px solid #ffffff1f;
  border-radius: 6px;
  outline: none;
  align-items: center;
  gap: .35rem;
  padding: .3rem .5rem;
  font-size: .75rem;
  transition: all .15s;
  display: flex;
}

.GalleryToolbar-module__0pP3fq__presetSelect:hover {
  background: #ffffff24;
  border-color: #fff3;
}

.GalleryToolbar-module__0pP3fq__presetSelect option {
  color: #e2e8f0;
  background: #1e293b;
}

@media (prefers-color-scheme: dark) {
  .GalleryToolbar-module__0pP3fq__toolbar {
    background: #0f172aeb;
    box-shadow: 0 8px 32px #00000080, 0 0 0 1px #ffffff0f;
  }
}

.dark .GalleryToolbar-module__0pP3fq__toolbar {
  background: #0f172aeb;
  box-shadow: 0 8px 32px #00000080, 0 0 0 1px #ffffff0f;
}

/* [project]/apps/web/src/components/unified-editor/video-toolbar/VideoToolbar.module.css [app-client] (css) */
.VideoToolbar-module__UXUbgW__toolbar {
  z-index: 650;
  -webkit-backdrop-filter: blur(12px);
  pointer-events: auto;
  white-space: nowrap;
  background: #000000e0;
  border-radius: 12px;
  align-items: center;
  gap: .25rem;
  padding: .5rem .625rem;
  animation: .2s ease-out VideoToolbar-module__UXUbgW__videoToolbarFadeIn;
  display: flex;
  position: absolute;
  transform: translateX(-50%);
  box-shadow: 0 8px 32px #00000059, 0 0 0 1px #ffffff14;
}

@keyframes VideoToolbar-module__UXUbgW__videoToolbarFadeIn {
  from {
    opacity: 0;
    transform: translateX(-50%)translateY(6px);
  }

  to {
    opacity: 1;
    transform: translateX(-50%)translateY(0);
  }
}

.VideoToolbar-module__UXUbgW__badge {
  color: #fca5a5;
  letter-spacing: .02em;
  white-space: nowrap;
  -webkit-user-select: none;
  user-select: none;
  background: #ef444426;
  border-radius: 6px;
  align-items: center;
  gap: .35rem;
  padding: .25rem .625rem;
  font-size: .75rem;
  font-weight: 600;
  line-height: 1;
  display: flex;
}

.VideoToolbar-module__UXUbgW__badgeIcon {
  font-size: .875rem;
}

.VideoToolbar-module__UXUbgW__badgeText {
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 140px;
  overflow: hidden;
}

.VideoToolbar-module__UXUbgW__divider {
  background: #ffffff26;
  flex-shrink: 0;
  width: 1px;
  height: 24px;
  margin: 0 .125rem;
}

.VideoToolbar-module__UXUbgW__actionBtn {
  color: #e2e8f0;
  cursor: pointer;
  white-space: nowrap;
  background: none;
  border: none;
  border-radius: 6px;
  align-items: center;
  gap: .35rem;
  padding: .35rem .625rem;
  font-size: .8rem;
  font-weight: 500;
  transition: all .15s;
  display: flex;
}

.VideoToolbar-module__UXUbgW__actionBtn:hover {
  color: #fff;
  background: #ffffff1f;
}

.VideoToolbar-module__UXUbgW__actionBtn .VideoToolbar-module__UXUbgW__btnIcon {
  font-size: 1rem;
  line-height: 1;
}

.VideoToolbar-module__UXUbgW__actionBtn .VideoToolbar-module__UXUbgW__btnLabel {
  font-size: .75rem;
  line-height: 1;
}

.VideoToolbar-module__UXUbgW__widthGroup {
  align-items: center;
  gap: .25rem;
  display: flex;
}

.VideoToolbar-module__UXUbgW__widthBtn {
  color: #94a3b8;
  cursor: pointer;
  text-align: center;
  background: #ffffff0f;
  border: 1px solid #ffffff1a;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  min-width: 36px;
  padding: .3rem .5rem;
  font-size: .7rem;
  font-weight: 600;
  transition: all .15s;
  display: flex;
}

.VideoToolbar-module__UXUbgW__widthBtn:hover {
  color: #e2e8f0;
  background: #ffffff24;
  border-color: #fff3;
}

.VideoToolbar-module__UXUbgW__widthBtnActive {
  cursor: pointer;
  text-align: center;
  color: #a5b4fc;
  background: #667eea40;
  border: 1px solid #667eea66;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  min-width: 36px;
  padding: .3rem .5rem;
  font-size: .7rem;
  font-weight: 600;
  transition: all .15s;
  display: flex;
}

.VideoToolbar-module__UXUbgW__alignGroup {
  align-items: center;
  gap: .15rem;
  display: flex;
}

.VideoToolbar-module__UXUbgW__alignBtn {
  color: #94a3b8;
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  padding: .3rem .45rem;
  font-size: .85rem;
  transition: all .15s;
  display: flex;
}

.VideoToolbar-module__UXUbgW__alignBtn:hover {
  color: #e2e8f0;
  background: #ffffff1f;
}

.VideoToolbar-module__UXUbgW__alignBtnActive {
  cursor: pointer;
  color: #a5b4fc;
  background: #667eea40;
  border: none;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  padding: .3rem .45rem;
  font-size: .85rem;
  transition: all .15s;
  display: flex;
}

.VideoToolbar-module__UXUbgW__deleteBtn {
  color: #fca5a5;
}

.VideoToolbar-module__UXUbgW__deleteBtn:hover {
  color: #fca5a5;
  background: #ef444433;
}

.VideoToolbar-module__UXUbgW__moveGroup {
  align-items: center;
  gap: 2px;
  display: flex;
}

.VideoToolbar-module__UXUbgW__moveBtn {
  color: #94a3b8;
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  padding: 0;
  font-size: .85rem;
  transition: all .15s;
  display: flex;
}

.VideoToolbar-module__UXUbgW__moveBtn:hover:not(:disabled) {
  color: #a5b4fc;
  background: #6366f133;
}

.VideoToolbar-module__UXUbgW__moveBtn:disabled {
  opacity: .3;
  cursor: not-allowed;
}

.VideoToolbar-module__UXUbgW__gripBtn {
  color: #64748b;
  cursor: grab;
  letter-spacing: 1px;
  background: none;
  border: none;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 28px;
  padding: 0;
  font-size: .75rem;
  transition: all .15s;
  display: flex;
}

.VideoToolbar-module__UXUbgW__gripBtn:hover {
  color: #94a3b8;
  background: #ffffff1a;
}

.VideoToolbar-module__UXUbgW__gripBtn:active {
  cursor: grabbing;
  color: #a5b4fc;
}

.VideoToolbar-module__UXUbgW__editBtn {
  color: #93c5fd;
}

.VideoToolbar-module__UXUbgW__editBtn:hover {
  color: #a5b4fc;
  background: #667eea40;
}

.VideoToolbar-module__UXUbgW__confirmOverlay {
  align-items: center;
  gap: .5rem;
  padding: .25rem;
  display: flex;
}

.VideoToolbar-module__UXUbgW__confirmText {
  color: #fca5a5;
  white-space: nowrap;
  font-size: .75rem;
  font-weight: 600;
}

.VideoToolbar-module__UXUbgW__confirmBtn {
  cursor: pointer;
  white-space: nowrap;
  border: none;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  padding: .3rem .75rem;
  font-size: .75rem;
  font-weight: 600;
  transition: all .15s;
  display: flex;
}

.VideoToolbar-module__UXUbgW__confirmYes {
  color: #fca5a5;
  background: #ef44444d;
}

.VideoToolbar-module__UXUbgW__confirmYes:hover {
  background: #ef444480;
}

.VideoToolbar-module__UXUbgW__confirmNo {
  color: #e2e8f0;
  background: #ffffff1f;
}

.VideoToolbar-module__UXUbgW__confirmNo:hover {
  background: #fff3;
}

.editor-content video.video-selected {
  outline-offset: 4px;
  border-radius: 8px;
  outline: 2px solid #ef444499;
}

.editor-content [data-video-embed].video-selected {
  outline-offset: 4px;
  border-radius: 8px;
  outline: 2px solid #ef444499;
}

.video-click-overlay {
  background: none;
}

@media (prefers-color-scheme: dark) {
  .VideoToolbar-module__UXUbgW__toolbar {
    background: #0f172aeb;
    box-shadow: 0 8px 32px #00000080, 0 0 0 1px #ffffff0f;
  }
}

.dark .VideoToolbar-module__UXUbgW__toolbar {
  background: #0f172aeb;
  box-shadow: 0 8px 32px #00000080, 0 0 0 1px #ffffff0f;
}

/* [project]/apps/web/src/components/unified-editor/download-toolbar/DownloadToolbar.module.css [app-client] (css) */
.DownloadToolbar-module__LbO7VG__toolbar {
  z-index: 650;
  -webkit-backdrop-filter: blur(12px);
  pointer-events: auto;
  white-space: nowrap;
  background: #000000e0;
  border-radius: 12px;
  align-items: center;
  gap: .25rem;
  padding: .5rem .625rem;
  animation: .2s ease-out DownloadToolbar-module__LbO7VG__dlToolbarFadeIn;
  display: flex;
  position: absolute;
  transform: translateX(-50%);
  box-shadow: 0 8px 32px #00000059, 0 0 0 1px #ffffff14;
}

@keyframes DownloadToolbar-module__LbO7VG__dlToolbarFadeIn {
  from {
    opacity: 0;
    transform: translateX(-50%)translateY(6px);
  }

  to {
    opacity: 1;
    transform: translateX(-50%)translateY(0);
  }
}

.DownloadToolbar-module__LbO7VG__badge {
  color: #a5b4fc;
  letter-spacing: .02em;
  white-space: nowrap;
  -webkit-user-select: none;
  user-select: none;
  background: #6366f126;
  border-radius: 6px;
  align-items: center;
  gap: .35rem;
  padding: .25rem .625rem;
  font-size: .75rem;
  font-weight: 600;
  line-height: 1;
  display: flex;
}

.DownloadToolbar-module__LbO7VG__badgeIcon {
  font-size: .875rem;
}

.DownloadToolbar-module__LbO7VG__badgeText {
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 140px;
  overflow: hidden;
}

.DownloadToolbar-module__LbO7VG__fileCount {
  color: #94a3b8;
  white-space: nowrap;
  -webkit-user-select: none;
  user-select: none;
  background: #ffffff0f;
  border-radius: 4px;
  align-items: center;
  padding: .2rem .5rem;
  font-size: .7rem;
  font-weight: 600;
  display: flex;
}

.DownloadToolbar-module__LbO7VG__divider {
  background: #ffffff26;
  flex-shrink: 0;
  width: 1px;
  height: 24px;
  margin: 0 .125rem;
}

.DownloadToolbar-module__LbO7VG__actionBtn {
  color: #e2e8f0;
  cursor: pointer;
  white-space: nowrap;
  background: none;
  border: none;
  border-radius: 6px;
  align-items: center;
  gap: .35rem;
  padding: .35rem .625rem;
  font-size: .8rem;
  font-weight: 500;
  transition: all .15s;
  display: flex;
}

.DownloadToolbar-module__LbO7VG__actionBtn:hover {
  color: #fff;
  background: #ffffff1f;
}

.DownloadToolbar-module__LbO7VG__actionBtn .DownloadToolbar-module__LbO7VG__btnIcon {
  font-size: 1rem;
  line-height: 1;
}

.DownloadToolbar-module__LbO7VG__actionBtn .DownloadToolbar-module__LbO7VG__btnLabel {
  font-size: .75rem;
  line-height: 1;
}

.DownloadToolbar-module__LbO7VG__editBtn {
  color: #93c5fd;
}

.DownloadToolbar-module__LbO7VG__editBtn:hover {
  color: #a5b4fc;
  background: #667eea40;
}

.DownloadToolbar-module__LbO7VG__deleteBtn {
  color: #fca5a5;
}

.DownloadToolbar-module__LbO7VG__deleteBtn:hover {
  color: #fca5a5;
  background: #ef444433;
}

.DownloadToolbar-module__LbO7VG__moveGroup {
  align-items: center;
  gap: 2px;
  display: flex;
}

.DownloadToolbar-module__LbO7VG__moveBtn {
  color: #94a3b8;
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  padding: 0;
  font-size: .85rem;
  transition: all .15s;
  display: flex;
}

.DownloadToolbar-module__LbO7VG__moveBtn:hover:not(:disabled) {
  color: #a5b4fc;
  background: #6366f133;
}

.DownloadToolbar-module__LbO7VG__moveBtn:disabled {
  opacity: .3;
  cursor: not-allowed;
}

.DownloadToolbar-module__LbO7VG__gripBtn {
  color: #64748b;
  cursor: grab;
  letter-spacing: 1px;
  background: none;
  border: none;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 28px;
  padding: 0;
  font-size: .75rem;
  transition: all .15s;
  display: flex;
}

.DownloadToolbar-module__LbO7VG__gripBtn:hover {
  color: #94a3b8;
  background: #ffffff1a;
}

.DownloadToolbar-module__LbO7VG__gripBtn:active {
  cursor: grabbing;
  color: #a5b4fc;
}

.DownloadToolbar-module__LbO7VG__confirmOverlay {
  align-items: center;
  gap: .5rem;
  padding: .25rem;
  display: flex;
}

.DownloadToolbar-module__LbO7VG__confirmText {
  color: #fca5a5;
  white-space: nowrap;
  font-size: .75rem;
  font-weight: 600;
}

.DownloadToolbar-module__LbO7VG__confirmBtn {
  cursor: pointer;
  white-space: nowrap;
  border: none;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  padding: .3rem .75rem;
  font-size: .75rem;
  font-weight: 600;
  transition: all .15s;
  display: flex;
}

.DownloadToolbar-module__LbO7VG__confirmYes {
  color: #fca5a5;
  background: #ef44444d;
}

.DownloadToolbar-module__LbO7VG__confirmYes:hover {
  background: #ef444480;
}

.DownloadToolbar-module__LbO7VG__confirmNo {
  color: #e2e8f0;
  background: #ffffff1f;
}

.DownloadToolbar-module__LbO7VG__confirmNo:hover {
  background: #fff3;
}

.editor-content .dl-selected {
  outline-offset: 4px;
  border-radius: 8px;
  outline: 2px solid #6366f199;
}

.editor-content .da-selected {
  outline-offset: 4px;
  border-radius: 14px;
  outline: 2px solid #6366f199;
}

.editor-content .tt-selected {
  outline-offset: 4px;
  border-radius: 14px;
  outline: 2px solid #6366f199;
}

.editor-content .vt-selected {
  outline-offset: 4px;
  border-radius: 14px;
  outline: 2px solid #6366f199;
}

@media (prefers-color-scheme: dark) {
  .DownloadToolbar-module__LbO7VG__toolbar {
    background: #0f172aeb;
    box-shadow: 0 8px 32px #00000080, 0 0 0 1px #ffffff0f;
  }
}

.dark .DownloadToolbar-module__LbO7VG__toolbar {
  background: #0f172aeb;
  box-shadow: 0 8px 32px #00000080, 0 0 0 1px #ffffff0f;
}

/* [project]/apps/web/src/components/unified-editor/advanced-text-toolbar/AdvancedTextToolbar.module.css [app-client] (css) */
.AdvancedTextToolbar-module__KSL6pW__toolbar {
  z-index: 650;
  white-space: nowrap;
  pointer-events: auto;
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  align-items: center;
  gap: 4px;
  padding: 5px 8px;
  animation: .18s AdvancedTextToolbar-module__KSL6pW__atToolbarIn;
  display: flex;
  position: absolute;
  transform: translateX(-50%);
  box-shadow: 0 4px 16px #0000001f, 0 1px 3px #0000000f;
}

@keyframes AdvancedTextToolbar-module__KSL6pW__atToolbarIn {
  from {
    opacity: 0;
    transform: translateX(-50%)translateY(-6px);
  }

  to {
    opacity: 1;
    transform: translateX(-50%)translateY(0);
  }
}

:is([data-theme="dark"] .AdvancedTextToolbar-module__KSL6pW__toolbar, .dark .AdvancedTextToolbar-module__KSL6pW__toolbar) {
  background: #1e293b;
  border-color: #334155;
  box-shadow: 0 4px 20px #0006;
}

.AdvancedTextToolbar-module__KSL6pW__badge {
  color: #fff;
  -webkit-user-select: none;
  user-select: none;
  background: linear-gradient(135deg, #8b5cf6, #6366f1);
  border-radius: 6px;
  flex-shrink: 0;
  align-items: center;
  gap: 4px;
  padding: 3px 8px;
  font-size: .72rem;
  font-weight: 700;
  display: flex;
}

.AdvancedTextToolbar-module__KSL6pW__badgeIcon {
  font-size: .85rem;
  line-height: 1;
}

.AdvancedTextToolbar-module__KSL6pW__badgeText {
  line-height: 1.2;
}

.AdvancedTextToolbar-module__KSL6pW__divider {
  background: #e2e8f0;
  flex-shrink: 0;
  width: 1px;
  height: 22px;
  margin: 0 2px;
}

:is([data-theme="dark"] .AdvancedTextToolbar-module__KSL6pW__divider, .dark .AdvancedTextToolbar-module__KSL6pW__divider) {
  background: #475569;
}

.AdvancedTextToolbar-module__KSL6pW__actionBtn {
  cursor: pointer;
  color: #475569;
  white-space: nowrap;
  background: none;
  border: none;
  border-radius: 6px;
  align-items: center;
  gap: 4px;
  padding: 4px 8px;
  font-size: .75rem;
  font-weight: 600;
  transition: all .15s;
  display: inline-flex;
}

.AdvancedTextToolbar-module__KSL6pW__actionBtn:hover {
  color: #1e293b;
  background: #f1f5f9;
}

:is([data-theme="dark"] .AdvancedTextToolbar-module__KSL6pW__actionBtn, .dark .AdvancedTextToolbar-module__KSL6pW__actionBtn) {
  color: #94a3b8;
}

:is([data-theme="dark"] .AdvancedTextToolbar-module__KSL6pW__actionBtn:hover, .dark .AdvancedTextToolbar-module__KSL6pW__actionBtn:hover) {
  color: #e2e8f0;
  background: #334155;
}

.AdvancedTextToolbar-module__KSL6pW__btnIcon {
  font-size: .85rem;
  line-height: 1;
}

.AdvancedTextToolbar-module__KSL6pW__btnLabel {
  line-height: 1.2;
}

.AdvancedTextToolbar-module__KSL6pW__editBtn:hover {
  color: #4f46e5;
  background: #eef2ff;
}

:is([data-theme="dark"] .AdvancedTextToolbar-module__KSL6pW__editBtn:hover, .dark .AdvancedTextToolbar-module__KSL6pW__editBtn:hover) {
  color: #a5b4fc;
  background: #312e81;
}

.AdvancedTextToolbar-module__KSL6pW__deleteBtn:hover {
  color: #dc2626;
  background: #fef2f2;
}

:is([data-theme="dark"] .AdvancedTextToolbar-module__KSL6pW__deleteBtn:hover, .dark .AdvancedTextToolbar-module__KSL6pW__deleteBtn:hover) {
  color: #fca5a5;
  background: #450a0a;
}

.AdvancedTextToolbar-module__KSL6pW__alignGroup {
  flex-shrink: 0;
  align-items: center;
  gap: 3px;
  display: flex;
}

.AdvancedTextToolbar-module__KSL6pW__alignBtn {
  cursor: pointer;
  color: #64748b;
  background: none;
  border: none;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  width: 26px;
  height: 26px;
  padding: 0;
  font-size: .9rem;
  transition: all .15s;
  display: inline-flex;
}

.AdvancedTextToolbar-module__KSL6pW__alignBtn:hover {
  color: #334155;
  background: #f1f5f9;
}

.AdvancedTextToolbar-module__KSL6pW__alignBtnActive {
  color: #4f46e5;
  background: #eef2ff;
}

.AdvancedTextToolbar-module__KSL6pW__align_left {
  justify-content: flex-start;
  padding-inline-start: 6px;
}

.AdvancedTextToolbar-module__KSL6pW__align_center {
  justify-content: center;
}

.AdvancedTextToolbar-module__KSL6pW__align_right {
  justify-content: flex-end;
  padding-inline-end: 6px;
}

.AdvancedTextToolbar-module__KSL6pW__align_justify {
  letter-spacing: -1px;
}

:is([data-theme="dark"] .AdvancedTextToolbar-module__KSL6pW__alignBtn, .dark .AdvancedTextToolbar-module__KSL6pW__alignBtn) {
  color: #94a3b8;
}

:is([data-theme="dark"] .AdvancedTextToolbar-module__KSL6pW__alignBtn:hover, .dark .AdvancedTextToolbar-module__KSL6pW__alignBtn:hover) {
  color: #e2e8f0;
  background: #334155;
}

:is([data-theme="dark"] .AdvancedTextToolbar-module__KSL6pW__alignBtnActive, .dark .AdvancedTextToolbar-module__KSL6pW__alignBtnActive) {
  color: #a5b4fc;
  background: #312e81;
}

.AdvancedTextToolbar-module__KSL6pW__moveGroup {
  flex-shrink: 0;
  align-items: center;
  gap: 2px;
  display: flex;
}

.AdvancedTextToolbar-module__KSL6pW__moveBtn {
  cursor: pointer;
  color: #64748b;
  background: none;
  border: none;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  width: 26px;
  height: 26px;
  padding: 0;
  font-size: .8rem;
  transition: all .15s;
  display: inline-flex;
}

.AdvancedTextToolbar-module__KSL6pW__moveBtn:hover:not(:disabled) {
  color: #334155;
  background: #f1f5f9;
}

.AdvancedTextToolbar-module__KSL6pW__moveBtn:disabled {
  opacity: .35;
  cursor: not-allowed;
}

[data-theme="dark"] .AdvancedTextToolbar-module__KSL6pW__moveBtn {
  color: #94a3b8;
}

[data-theme="dark"] .AdvancedTextToolbar-module__KSL6pW__moveBtn:hover:not(:disabled) {
  color: #e2e8f0;
  background: #334155;
}

.AdvancedTextToolbar-module__KSL6pW__gripBtn {
  cursor: grab;
  color: #94a3b8;
  background: none;
  border: none;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 26px;
  padding: 0;
  font-size: 1rem;
  transition: all .15s;
  display: inline-flex;
}

.AdvancedTextToolbar-module__KSL6pW__gripBtn:hover {
  color: #64748b;
  background: #f1f5f9;
}

.AdvancedTextToolbar-module__KSL6pW__gripBtn:active {
  cursor: grabbing;
}

[data-theme="dark"] .AdvancedTextToolbar-module__KSL6pW__gripBtn {
  color: #64748b;
}

[data-theme="dark"] .AdvancedTextToolbar-module__KSL6pW__gripBtn:hover {
  color: #94a3b8;
  background: #334155;
}

.AdvancedTextToolbar-module__KSL6pW__confirmOverlay {
  align-items: center;
  gap: 8px;
  padding: 2px;
  display: flex;
}

.AdvancedTextToolbar-module__KSL6pW__confirmText {
  color: #dc2626;
  font-size: .75rem;
  font-weight: 600;
}

[data-theme="dark"] .AdvancedTextToolbar-module__KSL6pW__confirmText {
  color: #fca5a5;
}

.AdvancedTextToolbar-module__KSL6pW__confirmBtn {
  cursor: pointer;
  border: none;
  border-radius: 5px;
  padding: 4px 10px;
  font-size: .72rem;
  font-weight: 700;
  transition: all .15s;
}

.AdvancedTextToolbar-module__KSL6pW__confirmYes {
  color: #fff;
  background: #dc2626;
}

.AdvancedTextToolbar-module__KSL6pW__confirmYes:hover {
  background: #b91c1c;
}

.AdvancedTextToolbar-module__KSL6pW__confirmNo {
  color: #475569;
  background: #f1f5f9;
}

.AdvancedTextToolbar-module__KSL6pW__confirmNo:hover {
  background: #e2e8f0;
}

[data-theme="dark"] .AdvancedTextToolbar-module__KSL6pW__confirmNo {
  color: #e2e8f0;
  background: #334155;
}

/* [project]/apps/web/src/components/unified-editor/panels/TableActionBar.module.css [app-client] (css) */
.TableActionBar-module__hYNEGW__actionBar {
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  z-index: 9999;
  -webkit-user-select: none;
  user-select: none;
  background: #000000e0;
  border-radius: 10px;
  align-items: center;
  gap: .25rem;
  padding: .375rem .5rem;
  animation: .2s ease-out TableActionBar-module__hYNEGW__fadeInScale;
  display: flex;
  position: absolute;
  transform: translateX(-50%);
  box-shadow: 0 6px 20px #0000004d;
}

@keyframes TableActionBar-module__hYNEGW__fadeInScale {
  from {
    opacity: 0;
    transform: translateX(-50%)scale(.9);
  }

  to {
    opacity: 1;
    transform: translateX(-50%)scale(1);
  }
}

.TableActionBar-module__hYNEGW__actionButton {
  color: #fff;
  cursor: pointer;
  white-space: nowrap;
  background: none;
  border: none;
  border-radius: 6px;
  align-items: center;
  gap: .375rem;
  padding: .375rem .75rem;
  font-size: .8125rem;
  font-weight: 500;
  transition: all .15s;
  display: flex;
}

.TableActionBar-module__hYNEGW__actionButton:hover {
  background: #ffffff1f;
  transform: scale(1.02);
}

.TableActionBar-module__hYNEGW__editButton:hover {
  color: #c4b5fd;
  background: #667eea4d;
}

.TableActionBar-module__hYNEGW__deleteButton:hover {
  color: #fca5a5;
  background: #ef44444d;
}

.TableActionBar-module__hYNEGW__addRowButton:hover, .TableActionBar-module__hYNEGW__addColButton:hover {
  color: #86efac;
  background: #22c55e40;
}

.TableActionBar-module__hYNEGW__moveGroup {
  align-items: center;
  gap: 2px;
  display: flex;
}

.TableActionBar-module__hYNEGW__moveBtn {
  color: #94a3b8;
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  padding: 0;
  font-size: .85rem;
  transition: all .15s;
  display: flex;
}

.TableActionBar-module__hYNEGW__moveBtn:hover:not(:disabled) {
  color: #a5b4fc;
  background: #6366f133;
}

.TableActionBar-module__hYNEGW__moveBtn:disabled {
  opacity: .3;
  cursor: not-allowed;
}

.TableActionBar-module__hYNEGW__gripBtn {
  color: #64748b;
  cursor: grab;
  letter-spacing: 1px;
  background: none;
  border: none;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 28px;
  padding: 0;
  font-size: .75rem;
  transition: all .15s;
  display: flex;
}

.TableActionBar-module__hYNEGW__gripBtn:hover {
  color: #94a3b8;
  background: #ffffff1a;
}

.TableActionBar-module__hYNEGW__gripBtn:active {
  cursor: grabbing;
  color: #a5b4fc;
}

.TableActionBar-module__hYNEGW__divider {
  background: #fff3;
  width: 1px;
  height: 20px;
  margin: 0 .125rem;
}

.TableActionBar-module__hYNEGW__icon {
  font-size: 1rem;
  line-height: 1;
}

.TableActionBar-module__hYNEGW__label {
  text-transform: uppercase;
  letter-spacing: .04em;
  color: #ffffff80;
  padding: 0 .25rem;
  font-size: .75rem;
}

.TableActionBar-module__hYNEGW__confirmOverlay {
  z-index: 10000;
  background: #00000080;
  justify-content: center;
  align-items: center;
  animation: .15s TableActionBar-module__hYNEGW__fadeIn;
  display: flex;
  position: fixed;
  inset: 0;
}

@keyframes TableActionBar-module__hYNEGW__fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.TableActionBar-module__hYNEGW__confirmBox {
  text-align: center;
  background: #fff;
  border-radius: 16px;
  min-width: 320px;
  max-width: 400px;
  padding: 1.5rem 2rem;
  animation: .2s ease-out TableActionBar-module__hYNEGW__scaleIn;
  box-shadow: 0 16px 48px #0003;
}

@keyframes TableActionBar-module__hYNEGW__scaleIn {
  from {
    opacity: 0;
    transform: scale(.9);
  }

  to {
    opacity: 1;
    transform: scale(1);
  }
}

.TableActionBar-module__hYNEGW__confirmIcon {
  margin-bottom: .75rem;
  font-size: 2.5rem;
}

.TableActionBar-module__hYNEGW__confirmTitle {
  color: #1e293b;
  margin-bottom: .5rem;
  font-size: 1.125rem;
  font-weight: 700;
}

.TableActionBar-module__hYNEGW__confirmDesc {
  color: #64748b;
  margin-bottom: 1.25rem;
  font-size: .875rem;
  line-height: 1.5;
}

.TableActionBar-module__hYNEGW__confirmActions {
  justify-content: center;
  gap: .75rem;
  display: flex;
}

.TableActionBar-module__hYNEGW__btnCancel {
  color: #475569;
  cursor: pointer;
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  padding: .5rem 1.25rem;
  font-size: .875rem;
  font-weight: 500;
  transition: all .15s;
}

.TableActionBar-module__hYNEGW__btnCancel:hover {
  background: #f8fafc;
  border-color: #cbd5e1;
}

.TableActionBar-module__hYNEGW__btnDelete {
  color: #fff;
  cursor: pointer;
  background: linear-gradient(135deg, #ef4444, #dc2626);
  border: none;
  border-radius: 8px;
  padding: .5rem 1.25rem;
  font-size: .875rem;
  font-weight: 600;
  transition: all .15s;
  box-shadow: 0 2px 8px #ef44444d;
}

.TableActionBar-module__hYNEGW__btnDelete:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 12px #ef444466;
}

.editor-table-selected {
  outline-offset: 2px;
  border-radius: 4px;
  outline: 2px solid #667eea !important;
}

@media (prefers-color-scheme: dark) {
  .TableActionBar-module__hYNEGW__confirmBox {
    background: #1e293b;
  }

  .TableActionBar-module__hYNEGW__confirmTitle {
    color: #f1f5f9;
  }

  .TableActionBar-module__hYNEGW__confirmDesc {
    color: #94a3b8;
  }

  .TableActionBar-module__hYNEGW__btnCancel {
    color: #e2e8f0;
    background: #334155;
    border-color: #475569;
  }

  .TableActionBar-module__hYNEGW__btnCancel:hover {
    background: #475569;
  }
}

.dark .TableActionBar-module__hYNEGW__confirmBox {
  background: #1e293b;
}

.dark .TableActionBar-module__hYNEGW__confirmTitle {
  color: #f1f5f9;
}

.dark .TableActionBar-module__hYNEGW__confirmDesc {
  color: #94a3b8;
}

.dark .TableActionBar-module__hYNEGW__btnCancel {
  color: #e2e8f0;
  background: #334155;
  border-color: #475569;
}

@media (max-width: 768px) {
  .TableActionBar-module__hYNEGW__actionBar {
    flex-wrap: wrap;
    justify-content: center;
    max-width: calc(100vw - 2rem);
    position: fixed !important;
    top: auto !important;
    bottom: 1rem !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
  }

  .TableActionBar-module__hYNEGW__label {
    display: none;
  }

  .TableActionBar-module__hYNEGW__actionButton {
    padding: .5rem .625rem;
  }

  .TableActionBar-module__hYNEGW__actionButton span:not(.TableActionBar-module__hYNEGW__icon) {
    display: none;
  }
}

/* [project]/apps/web/src/components/unified-editor/UnifiedEditor.module.css [app-client] (css) */
.UnifiedEditor-module__8GeGqq__editorWrapper {
  border: 1px solid var(--tb-border, #e0e0e0);
  background: var(--tb-bg, #fff);
  border-radius: 8px;
  flex-direction: column;
  display: flex;
  position: relative;
  overflow: visible;
}

.UnifiedEditor-module__8GeGqq__editorWrapper:focus-within {
  border-color: var(--tb-active-color, #4a90d9);
  box-shadow: 0 0 0 2px #4a90d91f;
}

.UnifiedEditor-module__8GeGqq__editorWrapper.UnifiedEditor-module__8GeGqq__fullscreen {
  z-index: 9999;
  border: none;
  border-radius: 0;
  position: fixed;
  inset: 0;
}

.UnifiedEditor-module__8GeGqq__editorWrapper.UnifiedEditor-module__8GeGqq__compact {
  border-radius: 6px;
}

.UnifiedEditor-module__8GeGqq__editorContent {
  min-height: 200px;
  color: var(--tb-text, #333);
  word-wrap: break-word;
  overflow-wrap: break-word;
  outline: none;
  flex: 1;
  padding: 16px 20px;
  font-size: 15px;
  line-height: 1.7;
  overflow-y: auto;
}

.UnifiedEditor-module__8GeGqq__editorContent:empty:before {
  content: attr(data-placeholder);
  color: var(--tb-text-muted, #999);
  pointer-events: none;
  font-style: italic;
}

.UnifiedEditor-module__8GeGqq__editorWrapper.UnifiedEditor-module__8GeGqq__compact .UnifiedEditor-module__8GeGqq__editorContent {
  min-height: 100px;
  padding: 10px 14px;
  font-size: 14px;
  line-height: 1.6;
}

.UnifiedEditor-module__8GeGqq__editorWrapper.UnifiedEditor-module__8GeGqq__fullscreen .UnifiedEditor-module__8GeGqq__editorContent {
  min-height: calc(100vh - 60px);
  max-height: calc(100vh - 60px);
  padding: 24px 32px;
}

.UnifiedEditor-module__8GeGqq__editorContent img {
  cursor: pointer;
  border-radius: 8px;
  max-width: 100%;
  height: auto;
  transition: opacity .2s;
}

.UnifiedEditor-module__8GeGqq__editorContent img:hover {
  opacity: .92;
}

.UnifiedEditor-module__8GeGqq__editorContent table {
  border-collapse: collapse;
  width: 100%;
  margin: 1rem 0;
}

.UnifiedEditor-module__8GeGqq__editorContent table td, .UnifiedEditor-module__8GeGqq__editorContent table th {
  border: 1px solid var(--tb-border, #ddd);
  text-align: start;
  padding: 8px 12px;
}

.UnifiedEditor-module__8GeGqq__editorContent table th {
  background: var(--tb-hover-bg, #f5f5f5);
  font-weight: 600;
}

.UnifiedEditor-module__8GeGqq__editorContent blockquote {
  border-inline-start: 4px solid var(--tb-active-color, #4a90d9);
  color: var(--tb-text, #555);
  background: #4a90d90a;
  border-radius: 0 4px 4px 0;
  margin: 12px 0;
  padding: 8px 16px;
  font-style: italic;
}

.UnifiedEditor-module__8GeGqq__editorContent pre {
  color: #cdd6f4;
  background: #1e1e2e;
  border-radius: 8px;
  margin: 12px 0;
  padding: 16px;
  font-family: Fira Code, Consolas, monospace;
  font-size: 13px;
  line-height: 1.5;
  overflow-x: auto;
}

.UnifiedEditor-module__8GeGqq__editorContent code:not(pre code) {
  background: #0000000f;
  border-radius: 4px;
  padding: 2px 6px;
  font-family: Fira Code, Consolas, monospace;
  font-size: .9em;
}

.UnifiedEditor-module__8GeGqq__editorContent hr {
  background: linear-gradient(to right, transparent, var(--tb-border, #ddd), transparent);
  border: none;
  height: 2px;
  margin: 20px 0;
}

.UnifiedEditor-module__8GeGqq__editorContent a {
  color: var(--tb-active-color, #4a90d9);
  text-underline-offset: 2px;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}

.UnifiedEditor-module__8GeGqq__editorContent ul, .UnifiedEditor-module__8GeGqq__editorContent ol {
  margin: 8px 0;
  padding-inline-start: 24px;
}

.UnifiedEditor-module__8GeGqq__editorContent li {
  margin: 4px 0;
}

.UnifiedEditor-module__8GeGqq__editorContent h1 {
  margin: 16px 0 8px;
  font-size: 1.8em;
  font-weight: 700;
}

.UnifiedEditor-module__8GeGqq__editorContent h2 {
  margin: 14px 0 6px;
  font-size: 1.5em;
  font-weight: 700;
}

.UnifiedEditor-module__8GeGqq__editorContent h3 {
  margin: 12px 0 6px;
  font-size: 1.25em;
  font-weight: 600;
}

.UnifiedEditor-module__8GeGqq__editorContent h4 {
  margin: 10px 0 4px;
  font-size: 1.1em;
  font-weight: 600;
}

.UnifiedEditor-module__8GeGqq__editorContent .UnifiedEditor-module__8GeGqq__tag-block {
  -webkit-user-select: none;
  user-select: none;
  margin: 8px 0;
}

.UnifiedEditor-module__8GeGqq__editorContent .UnifiedEditor-module__8GeGqq__tag-block .UnifiedEditor-module__8GeGqq__tag-label {
  border-radius: 4px;
  align-items: center;
  gap: 6px;
  padding: 6px 10px;
  font-size: 12px;
  font-weight: 600;
  display: flex;
}

.UnifiedEditor-module__8GeGqq__editorContent .UnifiedEditor-module__8GeGqq__tag-block.UnifiedEditor-module__8GeGqq__reactions-tag .UnifiedEditor-module__8GeGqq__tag-label {
  color: #92400e;
  background: #fef3c7;
  border: 1px solid #fcd34d;
}

.UnifiedEditor-module__8GeGqq__editorContent .UnifiedEditor-module__8GeGqq__tag-block.UnifiedEditor-module__8GeGqq__comments-tag .UnifiedEditor-module__8GeGqq__tag-label {
  color: #1e40af;
  background: #dbeafe;
  border: 1px solid #93c5fd;
}

.UnifiedEditor-module__8GeGqq__editorContent .UnifiedEditor-module__8GeGqq__tag-content {
  border: 1px dashed var(--tb-border, #ddd);
  border-radius: 4px;
  min-height: 40px;
  margin: 4px 0;
  padding: 12px;
}

.UnifiedEditor-module__8GeGqq__editorContent .UnifiedEditor-module__8GeGqq__tag-collapse-btn, .UnifiedEditor-module__8GeGqq__editorContent .UnifiedEditor-module__8GeGqq__tag-delete-btn {
  cursor: pointer;
  opacity: .7;
  transition: opacity .15s;
}

.UnifiedEditor-module__8GeGqq__editorContent .UnifiedEditor-module__8GeGqq__tag-collapse-btn:hover, .UnifiedEditor-module__8GeGqq__editorContent .UnifiedEditor-module__8GeGqq__tag-delete-btn:hover {
  opacity: 1;
}

.UnifiedEditor-module__8GeGqq__editorContent .UnifiedEditor-module__8GeGqq__downloadAreaContent, .UnifiedEditor-module__8GeGqq__editorContent .UnifiedEditor-module__8GeGqq__quick-download, .UnifiedEditor-module__8GeGqq__editorContent .UnifiedEditor-module__8GeGqq__teamTableContent {
  cursor: default;
  -webkit-user-select: none;
  user-select: none;
}

.UnifiedEditor-module__8GeGqq__editorContent .UnifiedEditor-module__8GeGqq__spoiler-block {
  border: 1px solid var(--tb-border, #ddd);
  border-radius: 8px;
  margin: 12px 0;
  overflow: hidden;
}

.UnifiedEditor-module__8GeGqq__editorContent .UnifiedEditor-module__8GeGqq__spoiler-block summary {
  background: var(--tb-hover-bg, #f5f5f5);
  cursor: pointer;
  padding: 10px 14px;
  font-size: 14px;
  font-weight: 600;
}

.UnifiedEditor-module__8GeGqq__editorContent .UnifiedEditor-module__8GeGqq__spoiler-block .UnifiedEditor-module__8GeGqq__spoiler-content {
  padding: 12px 14px;
}

.UnifiedEditor-module__8GeGqq__editorContent .UnifiedEditor-module__8GeGqq__callout-block {
  background: #eff6ff;
  border: 1px solid #bfdbfe;
  border-radius: 8px;
  gap: 10px;
  margin: 12px 0;
  padding: 12px 16px;
  display: flex;
}

.UnifiedEditor-module__8GeGqq__editorContent .UnifiedEditor-module__8GeGqq__callout-block .UnifiedEditor-module__8GeGqq__callout-icon {
  font-size: 20px;
  line-height: 1;
}

.UnifiedEditor-module__8GeGqq__editorContent .UnifiedEditor-module__8GeGqq__callout-block .UnifiedEditor-module__8GeGqq__callout-content {
  flex: 1;
}

.UnifiedEditor-module__8GeGqq__statusBar {
  border-top: 1px solid var(--tb-border, #e0e0e0);
  background: var(--tb-hover-bg, #fafafa);
  color: var(--tb-text-muted, #999);
  justify-content: space-between;
  align-items: center;
  padding: 4px 12px;
  font-size: 11px;
  display: flex;
}

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

.UnifiedEditor-module__8GeGqq__statusBar .UnifiedEditor-module__8GeGqq__wordCount {
  gap: 12px;
  display: flex;
}

.UnifiedEditor-module__8GeGqq__statusBar .UnifiedEditor-module__8GeGqq__charCount {
  opacity: .7;
}

.UnifiedEditor-module__8GeGqq__statusBar .UnifiedEditor-module__8GeGqq__sourceLabel {
  color: var(--tb-active-color, #4a90d9);
  font-weight: 600;
}

.UnifiedEditor-module__8GeGqq__autoSaveIndicator {
  align-items: center;
  gap: 4px;
  font-size: 11px;
  transition: color .2s;
  display: inline-flex;
}

.UnifiedEditor-module__8GeGqq__autoSaveSaving {
  color: var(--tb-active-color, #4a90d9);
}

.UnifiedEditor-module__8GeGqq__autoSaveSaved {
  color: #22c55e;
}

.UnifiedEditor-module__8GeGqq__autoSaveError {
  color: #ef4444;
}

.UnifiedEditor-module__8GeGqq__savingDot {
  background: var(--tb-active-color, #4a90d9);
  border-radius: 50%;
  width: 6px;
  height: 6px;
  animation: 1s ease-in-out infinite UnifiedEditor-module__8GeGqq__savingPulse;
  display: inline-block;
}

@keyframes UnifiedEditor-module__8GeGqq__savingPulse {
  0%, 100% {
    opacity: .4;
  }

  50% {
    opacity: 1;
  }
}

.UnifiedEditor-module__8GeGqq__panelsContainer {
  border-top: 1px solid var(--tb-border, #e0e0e0);
}

.UnifiedEditor-module__8GeGqq__editorWrapper.UnifiedEditor-module__8GeGqq__fullscreen .UnifiedEditor-module__8GeGqq__panelsContainer {
  max-height: 40vh;
  overflow-y: auto;
}

.UnifiedEditor-module__8GeGqq__sourceView {
  resize: none;
  min-height: 200px;
  color: var(--tb-text, #333);
  background: var(--tb-bg, #fff);
  tab-size: 2;
  white-space: pre-wrap;
  word-wrap: break-word;
  border: none;
  outline: none;
  flex: 1;
  padding: 16px 20px;
  font-family: Fira Code, Consolas, Monaco, monospace;
  font-size: 13px;
  line-height: 1.6;
  overflow-y: auto;
}

.UnifiedEditor-module__8GeGqq__sourceView::placeholder {
  color: var(--tb-text-muted, #999);
  font-style: italic;
}

.dark .UnifiedEditor-module__8GeGqq__editorWrapper {
  --tb-bg: #1e1e1e;
  --tb-border: #3a3a3a;
  --tb-text: #e0e0e0;
  --tb-text-muted: #777;
  --tb-hover-bg: #2a2a2a;
  --tb-active-bg: #1a2a3d;
  --tb-active-color: #5ba0e6;
  --tb-divider: #3a3a3a;
  --tb-dropdown-bg: #252525;
  --tb-dropdown-shadow: 0 4px 16px #0000004d;
}

.dark .UnifiedEditor-module__8GeGqq__editorContent code:not(pre code) {
  background: #ffffff14;
}

.dark .UnifiedEditor-module__8GeGqq__editorContent .UnifiedEditor-module__8GeGqq__callout-block {
  background: #1e293b;
  border-color: #334155;
}

.dark .UnifiedEditor-module__8GeGqq__editorContent .UnifiedEditor-module__8GeGqq__callout-block.UnifiedEditor-module__8GeGqq__warning {
  background: #422006;
  border-color: #92400e;
}

.dark .UnifiedEditor-module__8GeGqq__editorContent .UnifiedEditor-module__8GeGqq__callout-block.UnifiedEditor-module__8GeGqq__success {
  background: #052e16;
  border-color: #166534;
}

.dark .UnifiedEditor-module__8GeGqq__editorContent .UnifiedEditor-module__8GeGqq__callout-block.UnifiedEditor-module__8GeGqq__error {
  background: #450a0a;
  border-color: #991b1b;
}

.dark .UnifiedEditor-module__8GeGqq__editorContent .UnifiedEditor-module__8GeGqq__spoiler-block summary {
  background: #2a2a2a;
}

.dark .UnifiedEditor-module__8GeGqq__editorContent .UnifiedEditor-module__8GeGqq__tag-block.UnifiedEditor-module__8GeGqq__reactions-tag .UnifiedEditor-module__8GeGqq__tag-label {
  color: #fbbf24;
  background: #422006;
  border-color: #92400e;
}

.dark .UnifiedEditor-module__8GeGqq__editorContent .UnifiedEditor-module__8GeGqq__tag-block.UnifiedEditor-module__8GeGqq__comments-tag .UnifiedEditor-module__8GeGqq__tag-label {
  color: #93c5fd;
  background: #1e3a5f;
  border-color: #2563eb;
}

.dark .UnifiedEditor-module__8GeGqq__editorContent .UnifiedEditor-module__8GeGqq__tag-content {
  border-color: #3a3a3a;
}

:is(.dark .UnifiedEditor-module__8GeGqq__editorContent table td, .dark .UnifiedEditor-module__8GeGqq__editorContent table th) {
  border-color: #3a3a3a;
}

.dark .UnifiedEditor-module__8GeGqq__editorContent table th {
  background: #2a2a2a;
}

.dark .UnifiedEditor-module__8GeGqq__editorContent blockquote {
  background: #5ba0e60f;
}

.dark .UnifiedEditor-module__8GeGqq__editorContent a {
  color: #5ba0e6;
}

.dark .UnifiedEditor-module__8GeGqq__editorContent hr {
  background: linear-gradient(to right, #0000, #3a3a3a, #0000);
}

.dark .UnifiedEditor-module__8GeGqq__sourceView {
  color: #e0e0e0;
  background: #1e1e1e;
}

.dark .UnifiedEditor-module__8GeGqq__sourceView::placeholder {
  color: #777;
}

[dir="rtl"] .UnifiedEditor-module__8GeGqq__editorContent blockquote {
  border-inline-start: 4px solid var(--tb-active-color, #4a90d9);
  border-inline-end: none;
}

/* [project]/apps/web/src/components/unified-editor/media-editor/MediaEditor.module.css [app-client] (css) */
.MediaEditor-module__6M42IG__backdrop {
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  z-index: 600;
  background: #000c;
  animation: .3s ease-out MediaEditor-module__6M42IG__fadeIn;
  position: fixed;
  inset: 0;
}

.MediaEditor-module__6M42IG__modal {
  z-index: 610;
  width: 95%;
  max-width: 900px;
  max-height: 90vh;
  animation: .4s ease-out MediaEditor-module__6M42IG__slideUpScale;
  position: fixed;
  top: 50%;
  left: 50%;
  overflow: hidden;
  transform: translate(-50%, -50%);
}

.MediaEditor-module__6M42IG__modalContent {
  background: linear-gradient(135deg, #fff 0%, #f8fafc 100%);
  border-radius: 20px;
  max-height: 90vh;
  padding: 2rem;
  overflow-y: auto;
  box-shadow: 0 20px 60px #0000004d;
}

.MediaEditor-module__6M42IG__header {
  border-bottom: 2px solid #e2e8f0;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1.5rem;
  padding-bottom: 1rem;
  display: flex;
}

.MediaEditor-module__6M42IG__title {
  color: #1e293b;
  margin: 0;
  font-size: 1.5rem;
  font-weight: 700;
}

.MediaEditor-module__6M42IG__closeButton {
  color: #64748b;
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  font-size: 1.25rem;
  transition: all .2s;
  display: flex;
}

.MediaEditor-module__6M42IG__closeButton:hover {
  color: #1e293b;
  background: #f1f5f9;
  transform: rotate(90deg);
}

.MediaEditor-module__6M42IG__previewContainer {
  background: #000;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  min-height: 300px;
  max-height: 400px;
  margin-bottom: 1.5rem;
  display: flex;
  overflow: hidden;
}

.MediaEditor-module__6M42IG__canvas {
  max-width: 100%;
  max-height: 400px;
  display: block;
}

.MediaEditor-module__6M42IG__videoContainer {
  background: #000;
  border-radius: 12px;
  margin-bottom: 1rem;
  position: relative;
  overflow: hidden;
}

.MediaEditor-module__6M42IG__video {
  width: 100%;
  max-height: 400px;
  display: block;
}

.MediaEditor-module__6M42IG__videoControls {
  background: #f1f5f9;
  border-radius: 8px;
  align-items: center;
  gap: 1rem;
  margin-bottom: 1rem;
  padding: .75rem;
  display: flex;
}

.MediaEditor-module__6M42IG__playButton {
  color: #fff;
  cursor: pointer;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  border: none;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  font-size: 1rem;
  transition: all .2s;
  display: flex;
}

.MediaEditor-module__6M42IG__playButton:hover {
  transform: scale(1.1);
  box-shadow: 0 4px 12px #667eea66;
}

.MediaEditor-module__6M42IG__timeDisplay {
  color: #475569;
  font-family: Courier New, monospace;
  font-size: .875rem;
  font-weight: 600;
}

.MediaEditor-module__6M42IG__volumeControl {
  align-items: center;
  gap: .5rem;
  margin-inline-start: auto;
  display: flex;
}

.MediaEditor-module__6M42IG__muteButton {
  cursor: pointer;
  background: none;
  border: none;
  font-size: 1.25rem;
  transition: transform .2s;
}

.MediaEditor-module__6M42IG__muteButton:hover {
  transform: scale(1.1);
}

.MediaEditor-module__6M42IG__volumeSlider {
  width: 80px;
}

.MediaEditor-module__6M42IG__timeline {
  margin-bottom: 1.5rem;
}

.MediaEditor-module__6M42IG__timelineSlider {
  appearance: none;
  background: linear-gradient(to right, #667eea 0%, #667eea var(--progress), #e2e8f0 var(--progress), #e2e8f0 100%);
  border-radius: 4px;
  outline: none;
  width: 100%;
  height: 8px;
}

.MediaEditor-module__6M42IG__timelineSlider::-webkit-slider-thumb {
  appearance: none;
  cursor: pointer;
  background: #667eea;
  border-radius: 50%;
  width: 16px;
  height: 16px;
  box-shadow: 0 2px 4px #0003;
}

.MediaEditor-module__6M42IG__timelineSlider::-moz-range-thumb {
  cursor: pointer;
  background: #667eea;
  border: none;
  border-radius: 50%;
  width: 16px;
  height: 16px;
  box-shadow: 0 2px 4px #0003;
}

.MediaEditor-module__6M42IG__tools {
  flex-direction: column;
  gap: 1.5rem;
  margin-bottom: 1.5rem;
  display: flex;
}

.MediaEditor-module__6M42IG__toolSection {
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  padding: 1.25rem;
}

.MediaEditor-module__6M42IG__toolTitle {
  color: #1e293b;
  margin: 0 0 1rem;
  font-size: 1rem;
  font-weight: 600;
}

.MediaEditor-module__6M42IG__toolButtons {
  flex-wrap: wrap;
  gap: .75rem;
  display: flex;
}

.MediaEditor-module__6M42IG__toolButton {
  color: #475569;
  cursor: pointer;
  background: #fff;
  border: 2px solid #cbd5e1;
  border-radius: 8px;
  align-items: center;
  gap: .5rem;
  padding: .625rem 1rem;
  font-size: .875rem;
  font-weight: 500;
  transition: all .2s;
  display: flex;
}

.MediaEditor-module__6M42IG__toolButton:hover {
  color: #fff;
  background: #667eea;
  border-color: #667eea;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px #667eea4d;
}

.MediaEditor-module__6M42IG__toolIcon {
  font-size: 1.125rem;
}

.MediaEditor-module__6M42IG__slider {
  margin-bottom: 1rem;
}

.MediaEditor-module__6M42IG__slider:last-child {
  margin-bottom: 0;
}

.MediaEditor-module__6M42IG__sliderLabel {
  color: #475569;
  justify-content: space-between;
  align-items: center;
  margin-bottom: .5rem;
  font-size: .875rem;
  font-weight: 500;
  display: flex;
}

.MediaEditor-module__6M42IG__sliderInput {
  appearance: none;
  background: #e2e8f0;
  border-radius: 3px;
  outline: none;
  width: 100%;
  height: 6px;
}

.MediaEditor-module__6M42IG__sliderInput::-webkit-slider-thumb {
  appearance: none;
  cursor: pointer;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  border-radius: 50%;
  width: 18px;
  height: 18px;
  transition: transform .2s;
  box-shadow: 0 2px 4px #0003;
}

.MediaEditor-module__6M42IG__sliderInput::-webkit-slider-thumb:hover {
  transform: scale(1.2);
}

.MediaEditor-module__6M42IG__sliderInput::-moz-range-thumb {
  cursor: pointer;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  border: none;
  border-radius: 50%;
  width: 18px;
  height: 18px;
  transition: transform .2s;
  box-shadow: 0 2px 4px #0003;
}

.MediaEditor-module__6M42IG__sliderInput::-moz-range-thumb:hover {
  transform: scale(1.2);
}

.MediaEditor-module__6M42IG__trimInfo {
  color: #4338ca;
  text-align: center;
  background: #e0e7ff;
  border-radius: 6px;
  margin-top: .75rem;
  padding: .75rem;
  font-size: .875rem;
  font-weight: 600;
}

.MediaEditor-module__6M42IG__captureButton {
  color: #fff;
  cursor: pointer;
  background: linear-gradient(135deg, #10b981 0%, #059669 100%);
  border: none;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  gap: .5rem;
  width: 100%;
  margin-bottom: 1rem;
  padding: .875rem 1.5rem;
  font-size: 1rem;
  font-weight: 600;
  transition: all .2s;
  display: flex;
}

.MediaEditor-module__6M42IG__captureButton:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px #10b98166;
}

.MediaEditor-module__6M42IG__thumbnailPreview {
  border-radius: 8px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 4px 12px #0000001a;
}

.MediaEditor-module__6M42IG__thumbnailPreview img {
  width: 100%;
  display: block;
}

.MediaEditor-module__6M42IG__thumbnailTime {
  color: #fff;
  background: #000000b3;
  border-radius: 4px;
  padding: .25rem .5rem;
  font-family: Courier New, monospace;
  font-size: .75rem;
  font-weight: 600;
  position: absolute;
  bottom: .5rem;
  right: .5rem;
}

.MediaEditor-module__6M42IG__actions {
  border-top: 2px solid #e2e8f0;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  padding-top: 1.5rem;
  display: flex;
}

.MediaEditor-module__6M42IG__actionButtons {
  gap: .75rem;
  margin-inline-start: auto;
  display: flex;
}

.MediaEditor-module__6M42IG__resetButton, .MediaEditor-module__6M42IG__cancelButton, .MediaEditor-module__6M42IG__saveButton {
  cursor: pointer;
  border: none;
  border-radius: 10px;
  align-items: center;
  gap: .5rem;
  padding: .875rem 1.5rem;
  font-size: 1rem;
  font-weight: 600;
  transition: all .2s;
  display: flex;
}

.MediaEditor-module__6M42IG__resetButton {
  color: #64748b;
  background: #fff;
  border: 2px solid #cbd5e1;
}

.MediaEditor-module__6M42IG__resetButton:hover {
  background: #f1f5f9;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px #0000001a;
}

.MediaEditor-module__6M42IG__cancelButton {
  color: #ef4444;
  background: #fff;
  border: 2px solid #ef4444;
}

.MediaEditor-module__6M42IG__cancelButton:hover {
  background: #fef2f2;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px #ef444433;
}

.MediaEditor-module__6M42IG__saveButton {
  color: #fff;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  box-shadow: 0 4px 12px #667eea66;
}

.MediaEditor-module__6M42IG__saveButton:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px #667eea80;
}

.MediaEditor-module__6M42IG__buttonIcon {
  font-size: 1.125rem;
}

@keyframes MediaEditor-module__6M42IG__fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes MediaEditor-module__6M42IG__slideUpScale {
  from {
    opacity: 0;
    transform: translate(-50%, -45%)scale(.95);
  }

  to {
    opacity: 1;
    transform: translate(-50%, -50%)scale(1);
  }
}

@media (prefers-color-scheme: dark) {
  .MediaEditor-module__6M42IG__modalContent {
    background: linear-gradient(135deg, #1e293b 0%, #0f172a 100%);
  }

  .MediaEditor-module__6M42IG__header {
    border-bottom-color: #334155;
  }

  .MediaEditor-module__6M42IG__title {
    color: #f1f5f9;
  }

  .MediaEditor-module__6M42IG__closeButton {
    color: #94a3b8;
  }

  .MediaEditor-module__6M42IG__closeButton:hover {
    color: #e2e8f0;
    background: #334155;
  }

  .MediaEditor-module__6M42IG__videoControls {
    background: #1e293b;
  }

  .MediaEditor-module__6M42IG__timeDisplay {
    color: #cbd5e1;
  }

  .MediaEditor-module__6M42IG__toolSection {
    background: #0f172a;
    border-color: #334155;
  }

  .MediaEditor-module__6M42IG__toolTitle {
    color: #f1f5f9;
  }

  .MediaEditor-module__6M42IG__toolButton {
    color: #cbd5e1;
    background: #1e293b;
    border-color: #475569;
  }

  .MediaEditor-module__6M42IG__sliderLabel {
    color: #cbd5e1;
  }

  .MediaEditor-module__6M42IG__sliderInput {
    background: #334155;
  }

  .MediaEditor-module__6M42IG__trimInfo {
    color: #c7d2fe;
    background: #312e81;
  }

  .MediaEditor-module__6M42IG__actions {
    border-top-color: #334155;
  }

  .MediaEditor-module__6M42IG__resetButton {
    color: #94a3b8;
    background: #0f172a;
    border-color: #475569;
  }

  .MediaEditor-module__6M42IG__resetButton:hover {
    background: #1e293b;
  }

  .MediaEditor-module__6M42IG__cancelButton {
    background: #0f172a;
  }

  .MediaEditor-module__6M42IG__cancelButton:hover {
    background: #1e293b;
  }
}

@media (max-width: 768px) {
  .MediaEditor-module__6M42IG__modal {
    width: 100%;
    max-width: none;
    max-height: 100vh;
  }

  .MediaEditor-module__6M42IG__modalContent {
    border-radius: 0;
    max-height: 100vh;
    padding: 1.5rem;
  }

  .MediaEditor-module__6M42IG__previewContainer {
    max-height: 250px;
  }

  .MediaEditor-module__6M42IG__toolButtons {
    justify-content: stretch;
  }

  .MediaEditor-module__6M42IG__toolButton {
    flex: 1;
    justify-content: center;
  }

  .MediaEditor-module__6M42IG__actions {
    flex-direction: column;
  }

  .MediaEditor-module__6M42IG__actionButtons {
    width: 100%;
    margin-inline-start: 0;
  }

  .MediaEditor-module__6M42IG__resetButton, .MediaEditor-module__6M42IG__cancelButton, .MediaEditor-module__6M42IG__saveButton {
    flex: 1;
    justify-content: center;
  }

  .MediaEditor-module__6M42IG__volumeControl {
    display: none;
  }
}

/* [project]/apps/web/src/components/unified-editor/gallery-editor/GalleryEditorModal.module.css [app-client] (css) */
.GalleryEditorModal-module__O6JqRq__backdrop {
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  z-index: 900;
  background: #000000b3;
  animation: .2s GalleryEditorModal-module__O6JqRq__fadeIn;
  position: fixed;
  inset: 0;
}

.GalleryEditorModal-module__O6JqRq__modal {
  z-index: 910;
  background: #fff;
  border-radius: 20px;
  flex-direction: column;
  width: 90%;
  max-width: 900px;
  max-height: 90vh;
  animation: .3s GalleryEditorModal-module__O6JqRq__slideUp;
  display: flex;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  box-shadow: 0 25px 75px #0000004d;
}

.GalleryEditorModal-module__O6JqRq__header {
  border-bottom: 2px solid #e2e8f0;
  justify-content: space-between;
  align-items: center;
  padding: 1.5rem 2rem;
  display: flex;
}

.GalleryEditorModal-module__O6JqRq__headerLeft {
  align-items: center;
  gap: .75rem;
  display: flex;
}

.GalleryEditorModal-module__O6JqRq__icon {
  font-size: 1.75rem;
}

.GalleryEditorModal-module__O6JqRq__title {
  color: #1e293b;
  margin: 0;
  font-size: 1.5rem;
  font-weight: 700;
}

.GalleryEditorModal-module__O6JqRq__closeButton {
  color: #64748b;
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  font-size: 1.25rem;
  transition: all .2s;
  display: flex;
}

.GalleryEditorModal-module__O6JqRq__closeButton:hover {
  color: #1e293b;
  background: #f1f5f9;
  transform: rotate(90deg);
}

.GalleryEditorModal-module__O6JqRq__content {
  flex: 1;
  padding: 1.5rem 2rem;
  overflow-y: auto;
}

.GalleryEditorModal-module__O6JqRq__info {
  background: #fffbeb;
  border: 1px solid #fde68a;
  border-radius: 8px;
  align-items: center;
  gap: .5rem;
  margin-bottom: 1.5rem;
  padding: .75rem 1rem;
  display: flex;
}

.GalleryEditorModal-module__O6JqRq__infoIcon {
  flex-shrink: 0;
  font-size: 1.125rem;
}

.GalleryEditorModal-module__O6JqRq__infoText {
  color: #78350f;
  font-size: .875rem;
  font-weight: 500;
}

.GalleryEditorModal-module__O6JqRq__customization {
  background: #f8fafc;
  border: 2px solid #e2e8f0;
  border-radius: 12px;
  margin-bottom: 1.5rem;
  padding: 1.5rem;
}

.GalleryEditorModal-module__O6JqRq__customizationTitle {
  color: #1e293b;
  margin: 0 0 1rem;
  font-size: 1rem;
  font-weight: 700;
}

.GalleryEditorModal-module__O6JqRq__customizationSection {
  margin-bottom: 1.25rem;
}

.GalleryEditorModal-module__O6JqRq__customizationSection:last-child {
  margin-bottom: 0;
}

.GalleryEditorModal-module__O6JqRq__customizationLabel {
  color: #475569;
  margin-bottom: .5rem;
  font-size: .875rem;
  font-weight: 600;
  display: block;
}

.GalleryEditorModal-module__O6JqRq__buttonGroup {
  flex-wrap: wrap;
  gap: .5rem;
  display: flex;
}

.GalleryEditorModal-module__O6JqRq__optionButton {
  color: #64748b;
  cursor: pointer;
  background: #fff;
  border: 2px solid #cbd5e1;
  border-radius: 8px;
  padding: .5rem 1rem;
  font-size: .875rem;
  font-weight: 600;
  transition: all .2s;
}

.GalleryEditorModal-module__O6JqRq__optionButton:hover {
  background: #f1f5f9;
  border-color: #94a3b8;
  transform: translateY(-1px);
}

.GalleryEditorModal-module__O6JqRq__optionButtonActive {
  color: #fff;
  background: #667eea;
  border-color: #667eea;
}

.GalleryEditorModal-module__O6JqRq__optionButtonActive:hover {
  background: #5568d3;
  border-color: #5568d3;
}

.GalleryEditorModal-module__O6JqRq__templateGrid {
  grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
  gap: .75rem;
  display: grid;
}

.GalleryEditorModal-module__O6JqRq__templateButton {
  cursor: pointer;
  background: #fff;
  border: 2px solid #cbd5e1;
  border-radius: 8px;
  flex-direction: column;
  align-items: center;
  padding: .75rem;
  transition: all .2s;
  display: flex;
}

.GalleryEditorModal-module__O6JqRq__templateButton:hover {
  border-color: #94a3b8;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px #0000001a;
}

.GalleryEditorModal-module__O6JqRq__templateButtonActive {
  background: #f0f4ff;
  border-color: #667eea;
}

.GalleryEditorModal-module__O6JqRq__templatePreview {
  border-radius: 6px;
  width: 100%;
  height: 60px;
  margin-bottom: .5rem;
  box-shadow: 0 2px 6px #0000001a;
}

.GalleryEditorModal-module__O6JqRq__templateName {
  color: #475569;
  text-align: center;
  font-size: .75rem;
  font-weight: 600;
}

.GalleryEditorModal-module__O6JqRq__templateButtonActive .GalleryEditorModal-module__O6JqRq__templateName {
  color: #667eea;
}

.GalleryEditorModal-module__O6JqRq__mediaSelectionTitle {
  color: #1e293b;
  margin: 0 0 1rem;
  font-size: .9375rem;
  font-weight: 700;
}

.GalleryEditorModal-module__O6JqRq__emptyState {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 3rem;
  display: flex;
}

.GalleryEditorModal-module__O6JqRq__emptyIcon {
  opacity: .5;
  margin-bottom: 1rem;
  font-size: 4rem;
}

.GalleryEditorModal-module__O6JqRq__emptyText {
  color: #64748b;
  font-size: 1rem;
}

.GalleryEditorModal-module__O6JqRq__grid {
  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
  gap: 1rem;
  display: grid;
}

.GalleryEditorModal-module__O6JqRq__mediaItem {
  cursor: pointer;
  background: #fff;
  border: 3px solid #e2e8f0;
  border-radius: 12px;
  transition: all .2s;
  position: relative;
  overflow: hidden;
}

.GalleryEditorModal-module__O6JqRq__mediaItem:hover {
  border-color: #cbd5e1;
  transform: translateY(-2px);
  box-shadow: 0 8px 16px #0000001a;
}

.GalleryEditorModal-module__O6JqRq__mediaItem.GalleryEditorModal-module__O6JqRq__selected {
  border-width: 3px;
  border-color: #10b981;
  box-shadow: 0 0 0 3px #10b98133;
}

.GalleryEditorModal-module__O6JqRq__preview {
  background: #f1f5f9;
  width: 100%;
  height: 150px;
  position: relative;
  overflow: hidden;
}

.GalleryEditorModal-module__O6JqRq__previewImage, .GalleryEditorModal-module__O6JqRq__previewVideo {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.GalleryEditorModal-module__O6JqRq__checkmark {
  background: #10b981;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  animation: .2s GalleryEditorModal-module__O6JqRq__scaleIn;
  display: flex;
  position: absolute;
  top: .5rem;
  right: .5rem;
}

.GalleryEditorModal-module__O6JqRq__checkIcon {
  color: #fff;
  font-size: 1rem;
  font-weight: 700;
}

.GalleryEditorModal-module__O6JqRq__typeBadge {
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  color: #fff;
  background: #000000b3;
  border-radius: 6px;
  padding: .25rem .5rem;
  font-size: 1rem;
  position: absolute;
  top: .5rem;
  left: .5rem;
}

.GalleryEditorModal-module__O6JqRq__mediaInfo {
  padding: .75rem;
}

.GalleryEditorModal-module__O6JqRq__fileName {
  color: #1e293b;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-bottom: .25rem;
  font-size: .8125rem;
  font-weight: 600;
  overflow: hidden;
}

.GalleryEditorModal-module__O6JqRq__fileSize {
  color: #64748b;
  font-size: .75rem;
}

.GalleryEditorModal-module__O6JqRq__footer {
  background: #f8fafc;
  border-top: 2px solid #e2e8f0;
  justify-content: space-between;
  align-items: center;
  padding: 1.5rem 2rem;
  display: flex;
}

.GalleryEditorModal-module__O6JqRq__footerRight {
  gap: .75rem;
  display: flex;
}

.GalleryEditorModal-module__O6JqRq__deleteButton, .GalleryEditorModal-module__O6JqRq__cancelButton, .GalleryEditorModal-module__O6JqRq__saveButton {
  cursor: pointer;
  border: none;
  border-radius: 10px;
  align-items: center;
  gap: .5rem;
  padding: .75rem 1.5rem;
  font-size: 1rem;
  font-weight: 600;
  transition: all .2s;
  display: flex;
}

.GalleryEditorModal-module__O6JqRq__deleteButton {
  color: #ef4444;
  background: #fef2f2;
  border: 2px solid #fecaca;
}

.GalleryEditorModal-module__O6JqRq__deleteButton:hover {
  background: #fee2e2;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px #ef444433;
}

.GalleryEditorModal-module__O6JqRq__cancelButton {
  color: #64748b;
  background: #fff;
  border: 2px solid #cbd5e1;
}

.GalleryEditorModal-module__O6JqRq__cancelButton:hover {
  background: #f1f5f9;
  transform: translateY(-2px);
}

.GalleryEditorModal-module__O6JqRq__saveButton {
  color: #fff;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  box-shadow: 0 4px 12px #667eea66;
}

.GalleryEditorModal-module__O6JqRq__saveButton:hover:not(:disabled) {
  transform: translateY(-2px);
  box-shadow: 0 6px 16px #667eea80;
}

.GalleryEditorModal-module__O6JqRq__saveButton:disabled {
  opacity: .5;
  cursor: not-allowed;
}

.GalleryEditorModal-module__O6JqRq__buttonIcon {
  font-size: 1.125rem;
}

.GalleryEditorModal-module__O6JqRq__confirmBackdrop {
  z-index: 950;
  background: #00000080;
  animation: .2s GalleryEditorModal-module__O6JqRq__fadeIn;
  position: fixed;
  inset: 0;
}

.GalleryEditorModal-module__O6JqRq__confirmModal {
  z-index: 960;
  text-align: center;
  background: #fff;
  border-radius: 16px;
  min-width: 400px;
  max-width: 90%;
  padding: 2rem;
  animation: .3s GalleryEditorModal-module__O6JqRq__bounceIn;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  box-shadow: 0 20px 60px #0006;
}

.GalleryEditorModal-module__O6JqRq__confirmIcon {
  margin-bottom: 1rem;
  font-size: 3rem;
}

.GalleryEditorModal-module__O6JqRq__confirmTitle {
  color: #1e293b;
  margin: 0 0 .75rem;
  font-size: 1.5rem;
  font-weight: 700;
}

.GalleryEditorModal-module__O6JqRq__confirmMessage {
  color: #64748b;
  margin: 0 0 1.5rem;
  font-size: 1rem;
  line-height: 1.5;
}

.GalleryEditorModal-module__O6JqRq__confirmButtons {
  justify-content: center;
  gap: .75rem;
  display: flex;
}

.GalleryEditorModal-module__O6JqRq__confirmCancel, .GalleryEditorModal-module__O6JqRq__confirmDelete {
  cursor: pointer;
  border: none;
  border-radius: 8px;
  padding: .75rem 1.5rem;
  font-size: 1rem;
  font-weight: 600;
  transition: all .2s;
}

.GalleryEditorModal-module__O6JqRq__confirmCancel {
  color: #64748b;
  background: #f1f5f9;
}

.GalleryEditorModal-module__O6JqRq__confirmCancel:hover {
  background: #e2e8f0;
}

.GalleryEditorModal-module__O6JqRq__confirmDelete {
  color: #fff;
  background: #ef4444;
}

.GalleryEditorModal-module__O6JqRq__confirmDelete:hover {
  background: #dc2626;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px #ef44444d;
}

@keyframes GalleryEditorModal-module__O6JqRq__fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes GalleryEditorModal-module__O6JqRq__slideUp {
  from {
    opacity: 0;
    transform: translate(-50%, -45%);
  }

  to {
    opacity: 1;
    transform: translate(-50%, -50%);
  }
}

@keyframes GalleryEditorModal-module__O6JqRq__bounceIn {
  from {
    opacity: 0;
    transform: translate(-50%, -45%)scale(.9);
  }

  to {
    opacity: 1;
    transform: translate(-50%, -50%)scale(1);
  }
}

@keyframes GalleryEditorModal-module__O6JqRq__scaleIn {
  from {
    transform: scale(0);
  }

  to {
    transform: scale(1);
  }
}

@media (prefers-color-scheme: dark) {
  .GalleryEditorModal-module__O6JqRq__modal {
    background: #1e293b;
  }

  .GalleryEditorModal-module__O6JqRq__header {
    border-bottom-color: #334155;
  }

  .GalleryEditorModal-module__O6JqRq__title {
    color: #f1f5f9;
  }

  .GalleryEditorModal-module__O6JqRq__closeButton {
    color: #94a3b8;
  }

  .GalleryEditorModal-module__O6JqRq__closeButton:hover {
    color: #e2e8f0;
    background: #334155;
  }

  .GalleryEditorModal-module__O6JqRq__info {
    background: #422006;
    border-color: #78350f;
  }

  .GalleryEditorModal-module__O6JqRq__infoText {
    color: #fde68a;
  }

  .GalleryEditorModal-module__O6JqRq__emptyText {
    color: #94a3b8;
  }

  .GalleryEditorModal-module__O6JqRq__mediaItem {
    background: #0f172a;
    border-color: #475569;
  }

  .GalleryEditorModal-module__O6JqRq__mediaItem:hover {
    border-color: #64748b;
  }

  .GalleryEditorModal-module__O6JqRq__preview {
    background: #1e293b;
  }

  .GalleryEditorModal-module__O6JqRq__fileName {
    color: #f1f5f9;
  }

  .GalleryEditorModal-module__O6JqRq__fileSize {
    color: #94a3b8;
  }

  .GalleryEditorModal-module__O6JqRq__footer {
    background: #0f172a;
    border-top-color: #334155;
  }

  .GalleryEditorModal-module__O6JqRq__cancelButton {
    color: #94a3b8;
    background: #0f172a;
    border-color: #475569;
  }

  .GalleryEditorModal-module__O6JqRq__cancelButton:hover {
    background: #1e293b;
  }

  .GalleryEditorModal-module__O6JqRq__deleteButton {
    background: #450a0a;
    border-color: #7f1d1d;
  }

  .GalleryEditorModal-module__O6JqRq__deleteButton:hover {
    background: #7f1d1d;
  }

  .GalleryEditorModal-module__O6JqRq__confirmModal {
    background: #1e293b;
  }

  .GalleryEditorModal-module__O6JqRq__confirmTitle {
    color: #f1f5f9;
  }

  .GalleryEditorModal-module__O6JqRq__confirmMessage {
    color: #cbd5e1;
  }

  .GalleryEditorModal-module__O6JqRq__confirmCancel {
    color: #cbd5e1;
    background: #0f172a;
  }

  .GalleryEditorModal-module__O6JqRq__confirmCancel:hover {
    background: #334155;
  }

  .GalleryEditorModal-module__O6JqRq__customization {
    background: #1e293b;
    border-color: #475569;
  }

  .GalleryEditorModal-module__O6JqRq__customizationTitle {
    color: #f1f5f9;
  }

  .GalleryEditorModal-module__O6JqRq__customizationLabel {
    color: #cbd5e1;
  }

  .GalleryEditorModal-module__O6JqRq__optionButton {
    color: #cbd5e1;
    background: #0f172a;
    border-color: #475569;
  }

  .GalleryEditorModal-module__O6JqRq__optionButton:hover {
    background: #1e293b;
    border-color: #64748b;
  }

  .GalleryEditorModal-module__O6JqRq__optionButtonActive {
    color: #fff;
    background: #667eea;
    border-color: #667eea;
  }

  .GalleryEditorModal-module__O6JqRq__templateButton {
    background: #0f172a;
    border-color: #475569;
  }

  .GalleryEditorModal-module__O6JqRq__templateButton:hover {
    border-color: #64748b;
  }

  .GalleryEditorModal-module__O6JqRq__templateButtonActive {
    background: #1e3a5f;
    border-color: #667eea;
  }

  .GalleryEditorModal-module__O6JqRq__templateName {
    color: #cbd5e1;
  }

  .GalleryEditorModal-module__O6JqRq__templateButtonActive .GalleryEditorModal-module__O6JqRq__templateName {
    color: #a5b4fc;
  }

  .GalleryEditorModal-module__O6JqRq__mediaSelectionTitle {
    color: #f1f5f9;
  }
}

.dark .GalleryEditorModal-module__O6JqRq__modal {
  background: #1e293b;
}

.dark .GalleryEditorModal-module__O6JqRq__header {
  border-bottom-color: #334155;
}

.dark .GalleryEditorModal-module__O6JqRq__title {
  color: #f1f5f9;
}

.dark .GalleryEditorModal-module__O6JqRq__closeButton {
  color: #94a3b8;
}

.dark .GalleryEditorModal-module__O6JqRq__closeButton:hover {
  color: #e2e8f0;
  background: #334155;
}

.dark .GalleryEditorModal-module__O6JqRq__info {
  background: #422006;
  border-color: #78350f;
}

.dark .GalleryEditorModal-module__O6JqRq__infoText {
  color: #fde68a;
}

.dark .GalleryEditorModal-module__O6JqRq__emptyText {
  color: #94a3b8;
}

.dark .GalleryEditorModal-module__O6JqRq__mediaItem {
  background: #0f172a;
  border-color: #475569;
}

.dark .GalleryEditorModal-module__O6JqRq__mediaItem:hover {
  border-color: #64748b;
}

.dark .GalleryEditorModal-module__O6JqRq__preview {
  background: #1e293b;
}

.dark .GalleryEditorModal-module__O6JqRq__fileName {
  color: #f1f5f9;
}

.dark .GalleryEditorModal-module__O6JqRq__fileSize {
  color: #94a3b8;
}

.dark .GalleryEditorModal-module__O6JqRq__footer {
  background: #0f172a;
  border-top-color: #334155;
}

.dark .GalleryEditorModal-module__O6JqRq__cancelButton {
  color: #94a3b8;
  background: #0f172a;
  border-color: #475569;
}

.dark .GalleryEditorModal-module__O6JqRq__cancelButton:hover {
  background: #1e293b;
}

.dark .GalleryEditorModal-module__O6JqRq__deleteButton {
  background: #450a0a;
  border-color: #7f1d1d;
}

.dark .GalleryEditorModal-module__O6JqRq__deleteButton:hover {
  background: #7f1d1d;
}

.dark .GalleryEditorModal-module__O6JqRq__confirmModal {
  background: #1e293b;
}

.dark .GalleryEditorModal-module__O6JqRq__confirmTitle {
  color: #f1f5f9;
}

.dark .GalleryEditorModal-module__O6JqRq__confirmMessage {
  color: #cbd5e1;
}

.dark .GalleryEditorModal-module__O6JqRq__confirmCancel {
  color: #cbd5e1;
  background: #0f172a;
}

.dark .GalleryEditorModal-module__O6JqRq__confirmCancel:hover {
  background: #334155;
}

.dark .GalleryEditorModal-module__O6JqRq__customization {
  background: #1e293b;
  border-color: #475569;
}

.dark .GalleryEditorModal-module__O6JqRq__customizationTitle {
  color: #f1f5f9;
}

.dark .GalleryEditorModal-module__O6JqRq__customizationLabel {
  color: #cbd5e1;
}

.dark .GalleryEditorModal-module__O6JqRq__optionButton {
  color: #cbd5e1;
  background: #0f172a;
  border-color: #475569;
}

.dark .GalleryEditorModal-module__O6JqRq__optionButton:hover {
  background: #1e293b;
  border-color: #64748b;
}

.dark .GalleryEditorModal-module__O6JqRq__optionButtonActive {
  color: #fff;
  background: #667eea;
  border-color: #667eea;
}

.dark .GalleryEditorModal-module__O6JqRq__templateButton {
  background: #0f172a;
  border-color: #475569;
}

.dark .GalleryEditorModal-module__O6JqRq__templateButton:hover {
  border-color: #64748b;
}

.dark .GalleryEditorModal-module__O6JqRq__templateButtonActive {
  background: #1e3a5f;
  border-color: #667eea;
}

.dark .GalleryEditorModal-module__O6JqRq__templateName {
  color: #cbd5e1;
}

.dark .GalleryEditorModal-module__O6JqRq__templateButtonActive .GalleryEditorModal-module__O6JqRq__templateName {
  color: #a5b4fc;
}

.dark .GalleryEditorModal-module__O6JqRq__mediaSelectionTitle {
  color: #f1f5f9;
}

@media (max-width: 768px) {
  .GalleryEditorModal-module__O6JqRq__modal {
    width: 95%;
    max-height: 95vh;
  }

  .GalleryEditorModal-module__O6JqRq__header {
    padding: 1rem 1.5rem;
  }

  .GalleryEditorModal-module__O6JqRq__title {
    font-size: 1.25rem;
  }

  .GalleryEditorModal-module__O6JqRq__content {
    padding: 1rem 1.5rem;
  }

  .GalleryEditorModal-module__O6JqRq__grid {
    grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
    gap: .75rem;
  }

  .GalleryEditorModal-module__O6JqRq__preview {
    height: 120px;
  }

  .GalleryEditorModal-module__O6JqRq__footer {
    flex-direction: column;
    gap: 1rem;
    padding: 1rem 1.5rem;
  }

  .GalleryEditorModal-module__O6JqRq__footerRight {
    width: 100%;
  }

  .GalleryEditorModal-module__O6JqRq__deleteButton, .GalleryEditorModal-module__O6JqRq__cancelButton, .GalleryEditorModal-module__O6JqRq__saveButton {
    flex: 1;
    justify-content: center;
  }

  .GalleryEditorModal-module__O6JqRq__confirmModal {
    width: 90%;
    min-width: auto;
  }
}

/* [project]/apps/web/src/components/unified-editor/gallery-creator/GalleryCreatorModal.module.css [app-client] (css) */
.GalleryCreatorModal-module__0AqwKq__backdrop {
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  z-index: 850;
  background: #0009;
  animation: .25s GalleryCreatorModal-module__0AqwKq__gcFadeIn;
  position: fixed;
  inset: 0;
}

@keyframes GalleryCreatorModal-module__0AqwKq__gcFadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes GalleryCreatorModal-module__0AqwKq__gcSlideUp {
  from {
    opacity: 0;
    transform: translate(-50%, -44%)scale(.97);
  }

  to {
    opacity: 1;
    transform: translate(-50%, -50%)scale(1);
  }
}

.GalleryCreatorModal-module__0AqwKq__modal {
  z-index: 860;
  background: #fff;
  border-radius: 20px;
  flex-direction: column;
  width: 920px;
  max-width: 95vw;
  max-height: 92vh;
  animation: .35s cubic-bezier(.34, 1.56, .64, 1) GalleryCreatorModal-module__0AqwKq__gcSlideUp;
  display: flex;
  position: fixed;
  top: 50%;
  left: 50%;
  overflow: hidden;
  transform: translate(-50%, -50%);
  box-shadow: 0 0 0 1px #0000000d, 0 24px 80px #00000059;
}

.GalleryCreatorModal-module__0AqwKq__header {
  background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
  border-bottom: 1px solid #e2e8f0;
  justify-content: space-between;
  align-items: center;
  padding: 1.25rem 1.5rem;
  display: flex;
}

.GalleryCreatorModal-module__0AqwKq__title {
  color: #0f172a;
  letter-spacing: -.01em;
  align-items: center;
  gap: 10px;
  margin: 0;
  font-size: 1.2rem;
  font-weight: 800;
  display: flex;
}

.GalleryCreatorModal-module__0AqwKq__titleIcon {
  font-size: 1.4rem;
}

.GalleryCreatorModal-module__0AqwKq__closeBtn {
  cursor: pointer;
  color: #64748b;
  background: #0000000f;
  border: none;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  width: 34px;
  height: 34px;
  padding: 0;
  font-size: 1.1rem;
  transition: all .2s;
  display: flex;
}

.GalleryCreatorModal-module__0AqwKq__closeBtn:hover {
  color: #1e293b;
  background: #0000001f;
  transform: rotate(90deg);
}

.GalleryCreatorModal-module__0AqwKq__body {
  flex: 1;
  min-height: 0;
  display: flex;
  overflow: hidden;
}

.GalleryCreatorModal-module__0AqwKq__sidebar {
  background: #fafbfc;
  border-inline-end: 1px solid #e2e8f0;
  width: 260px;
  min-width: 260px;
  padding: 12px;
  overflow-y: auto;
}

.GalleryCreatorModal-module__0AqwKq__sidebarTitle {
  text-transform: uppercase;
  letter-spacing: .06em;
  color: #94a3b8;
  margin: 0;
  padding: 4px 8px 10px;
  font-size: .72rem;
  font-weight: 700;
}

.GalleryCreatorModal-module__0AqwKq__presetCard {
  cursor: pointer;
  text-align: start;
  width: 100%;
  color: inherit;
  background: none;
  border: 2px solid #0000;
  border-radius: 12px;
  align-items: center;
  gap: 12px;
  margin-bottom: 4px;
  padding: 10px 12px;
  font-family: inherit;
  transition: all .2s;
  display: flex;
}

.GalleryCreatorModal-module__0AqwKq__presetCard:hover {
  background: #f1f5f9;
  border-color: #e2e8f0;
}

.GalleryCreatorModal-module__0AqwKq__presetCardActive {
  cursor: pointer;
  text-align: start;
  width: 100%;
  color: inherit;
  background: linear-gradient(135deg, #667eea15 0%, #764ba215 100%);
  border: 2px solid #667eea;
  border-radius: 12px;
  align-items: center;
  gap: 12px;
  margin-bottom: 4px;
  padding: 10px 12px;
  font-family: inherit;
  transition: all .2s;
  display: flex;
  box-shadow: 0 0 0 3px #667eea1a;
}

.GalleryCreatorModal-module__0AqwKq__presetCardActive:hover {
  background: linear-gradient(135deg, #667eea20 0%, #764ba220 100%);
  border-color: #667eea;
}

.GalleryCreatorModal-module__0AqwKq__presetIcon {
  color: #fff;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  border-radius: 10px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  font-size: 1.2rem;
  display: flex;
  box-shadow: 0 2px 8px #667eea40;
}

.GalleryCreatorModal-module__0AqwKq__presetCardActive .GalleryCreatorModal-module__0AqwKq__presetIcon, .GalleryCreatorModal-module__0AqwKq__presetCardActive:hover .GalleryCreatorModal-module__0AqwKq__presetIcon {
  box-shadow: 0 4px 14px #667eea66;
}

.GalleryCreatorModal-module__0AqwKq__presetInfo {
  flex: 1;
  min-width: 0;
}

.GalleryCreatorModal-module__0AqwKq__presetName {
  color: #1e293b;
  margin: 0;
  font-size: .85rem;
  font-weight: 700;
  line-height: 1.3;
}

.GalleryCreatorModal-module__0AqwKq__presetDesc {
  color: #64748b;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  margin: 2px 0 0;
  font-size: .72rem;
  line-height: 1.35;
  display: -webkit-box;
  overflow: hidden;
}

.GalleryCreatorModal-module__0AqwKq__main {
  flex-direction: column;
  flex: 1;
  min-width: 0;
  display: flex;
  overflow: hidden;
}

.GalleryCreatorModal-module__0AqwKq__imageBar {
  background: #fff;
  border-bottom: 1px solid #f1f5f9;
  align-items: center;
  gap: 8px;
  padding: 12px 16px;
  display: flex;
}

.GalleryCreatorModal-module__0AqwKq__imageBarLabel {
  color: #475569;
  white-space: nowrap;
  font-size: .78rem;
  font-weight: 600;
}

.GalleryCreatorModal-module__0AqwKq__imageBarCount {
  color: #94a3b8;
  white-space: nowrap;
  margin-inline-start: auto;
  font-size: .72rem;
}

.GalleryCreatorModal-module__0AqwKq__imageThumbStrip {
  flex: 1;
  gap: 6px;
  padding: 2px;
  display: flex;
  overflow-x: auto;
}

.GalleryCreatorModal-module__0AqwKq__imageThumb {
  cursor: pointer;
  border: 2px solid #0000;
  border-radius: 6px;
  flex-shrink: 0;
  width: 36px;
  height: 36px;
  transition: all .15s;
  position: relative;
  overflow: hidden;
}

.GalleryCreatorModal-module__0AqwKq__imageThumb:hover {
  border-color: #cbd5e1;
  transform: scale(1.1);
}

.GalleryCreatorModal-module__0AqwKq__imageThumbSelected {
  cursor: pointer;
  border: 2px solid #667eea;
  border-radius: 6px;
  flex-shrink: 0;
  width: 36px;
  height: 36px;
  transition: all .15s;
  position: relative;
  overflow: hidden;
  box-shadow: 0 0 0 2px #667eea33;
}

.GalleryCreatorModal-module__0AqwKq__imageThumbSelected:hover {
  border-color: #667eea;
}

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

.GalleryCreatorModal-module__0AqwKq__imageThumbCheck {
  color: #fff;
  background: #667eea80;
  justify-content: center;
  align-items: center;
  font-size: .65rem;
  font-weight: 700;
  display: flex;
  position: absolute;
  inset: 0;
}

.GalleryCreatorModal-module__0AqwKq__previewArea {
  background: #f8fafc;
  flex: 1;
  padding: 20px;
  position: relative;
  overflow-y: auto;
}

.GalleryCreatorModal-module__0AqwKq__previewLabel {
  text-transform: uppercase;
  letter-spacing: .05em;
  color: #94a3b8;
  margin-bottom: 12px;
  font-size: .72rem;
  font-weight: 600;
}

.GalleryCreatorModal-module__0AqwKq__previewFrame {
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  min-height: 200px;
  padding: 16px;
  box-shadow: 0 1px 3px #0000000f, 0 4px 16px #0000000a;
}

.GalleryCreatorModal-module__0AqwKq__emptyPreview {
  color: #94a3b8;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 48px 24px;
  display: flex;
}

.GalleryCreatorModal-module__0AqwKq__emptyPreviewIcon {
  opacity: .6;
  margin-bottom: 12px;
  font-size: 2.5rem;
}

.GalleryCreatorModal-module__0AqwKq__emptyPreviewText {
  font-size: .9rem;
  font-weight: 500;
}

.GalleryCreatorModal-module__0AqwKq__emptyPreviewHint {
  color: #cbd5e1;
  margin-top: 4px;
  font-size: .78rem;
}

.GalleryCreatorModal-module__0AqwKq__configBar {
  background: #fff;
  border-top: 1px solid #e2e8f0;
  flex-wrap: wrap;
  align-items: center;
  gap: 16px;
  padding: 12px 16px;
  display: flex;
}

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

.GalleryCreatorModal-module__0AqwKq__configLabel {
  color: #64748b;
  white-space: nowrap;
  font-size: .75rem;
  font-weight: 600;
}

.GalleryCreatorModal-module__0AqwKq__configSelect {
  color: #1e293b;
  cursor: pointer;
  background: #fff;
  border: 1.5px solid #e2e8f0;
  border-radius: 8px;
  padding: 5px 10px;
  font-family: inherit;
  font-size: .8rem;
  transition: border-color .2s;
}

.GalleryCreatorModal-module__0AqwKq__configSelect:focus {
  border-color: #667eea;
  outline: none;
  box-shadow: 0 0 0 3px #667eea1a;
}

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

.GalleryCreatorModal-module__0AqwKq__configSlider {
  accent-color: #667eea;
  cursor: pointer;
  width: 80px;
}

.GalleryCreatorModal-module__0AqwKq__configSliderValue {
  color: #94a3b8;
  text-align: center;
  min-width: 28px;
  font-size: .72rem;
}

.GalleryCreatorModal-module__0AqwKq__footer {
  background: #fff;
  border-top: 1px solid #e2e8f0;
  justify-content: space-between;
  align-items: center;
  padding: 14px 20px;
  display: flex;
}

.GalleryCreatorModal-module__0AqwKq__footerInfo {
  color: #94a3b8;
  font-size: .78rem;
}

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

.GalleryCreatorModal-module__0AqwKq__btnCancel {
  color: #64748b;
  cursor: pointer;
  background: #fff;
  border: 1.5px solid #e2e8f0;
  border-radius: 10px;
  padding: 9px 18px;
  font-family: inherit;
  font-size: .85rem;
  font-weight: 600;
  transition: all .2s;
}

.GalleryCreatorModal-module__0AqwKq__btnCancel:hover {
  color: #1e293b;
  background: #f1f5f9;
  border-color: #cbd5e1;
}

.GalleryCreatorModal-module__0AqwKq__btnCreate {
  color: #fff;
  cursor: pointer;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  border: none;
  border-radius: 10px;
  align-items: center;
  gap: 6px;
  padding: 9px 22px;
  font-family: inherit;
  font-size: .85rem;
  font-weight: 700;
  transition: all .25s;
  display: flex;
  box-shadow: 0 2px 12px #667eea4d;
}

.GalleryCreatorModal-module__0AqwKq__btnCreate:hover:not(:disabled) {
  transform: translateY(-1px);
  box-shadow: 0 6px 24px #667eea66;
}

.GalleryCreatorModal-module__0AqwKq__btnCreate:disabled {
  opacity: .5;
  cursor: not-allowed;
  box-shadow: none;
  transform: none;
}

.GalleryCreatorModal-module__0AqwKq__btnUpload {
  color: #64748b;
  cursor: pointer;
  background: none;
  border: 1.5px dashed #cbd5e1;
  border-radius: 10px;
  align-items: center;
  gap: 6px;
  padding: 9px 16px;
  font-family: inherit;
  font-size: .82rem;
  font-weight: 600;
  transition: all .2s;
  display: flex;
}

.GalleryCreatorModal-module__0AqwKq__btnUpload:hover {
  color: #667eea;
  background: #667eea0a;
  border-color: #667eea;
}

@media (max-width: 768px) {
  .GalleryCreatorModal-module__0AqwKq__modal {
    border-radius: 0;
    width: 100%;
    max-width: 100vw;
    max-height: 100vh;
    animation: .3s GalleryCreatorModal-module__0AqwKq__gcSlideUpMobile;
    top: 0;
    left: 0;
    transform: none;
  }

  @keyframes GalleryCreatorModal-module__0AqwKq__gcSlideUpMobile {
    from {
      opacity: 0;
      transform: translateY(20px);
    }

    to {
      opacity: 1;
      transform: translateY(0);
    }
  }

  .GalleryCreatorModal-module__0AqwKq__body {
    flex-direction: column;
  }

  .GalleryCreatorModal-module__0AqwKq__sidebar {
    border-inline-end: none;
    border-bottom: 1px solid #e2e8f0;
    flex-wrap: nowrap;
    gap: 8px;
    width: 100%;
    min-width: 100%;
    max-height: 140px;
    padding: 8px;
    display: flex;
    overflow: auto hidden;
  }

  .GalleryCreatorModal-module__0AqwKq__sidebarTitle {
    display: none;
  }

  .GalleryCreatorModal-module__0AqwKq__presetCard, .GalleryCreatorModal-module__0AqwKq__presetCardActive {
    text-align: center;
    flex-direction: column;
    min-width: 100px;
    margin-bottom: 0;
    padding: 8px;
  }

  .GalleryCreatorModal-module__0AqwKq__presetDesc {
    display: none;
  }

  .GalleryCreatorModal-module__0AqwKq__configBar {
    flex-wrap: wrap;
    gap: 10px;
  }

  .GalleryCreatorModal-module__0AqwKq__footer {
    flex-direction: column;
    gap: 10px;
  }

  .GalleryCreatorModal-module__0AqwKq__footerActions {
    justify-content: stretch;
    width: 100%;
  }

  .GalleryCreatorModal-module__0AqwKq__btnCancel, .GalleryCreatorModal-module__0AqwKq__btnCreate {
    flex: 1;
    justify-content: center;
  }
}

@media (prefers-color-scheme: dark) {
  .GalleryCreatorModal-module__0AqwKq__modal {
    background: #1e293b;
    box-shadow: 0 24px 80px #0009;
  }

  .GalleryCreatorModal-module__0AqwKq__header {
    background: linear-gradient(135deg, #1e293b 0%, #0f172a 100%);
    border-color: #334155;
  }

  .GalleryCreatorModal-module__0AqwKq__title {
    color: #f1f5f9;
  }

  .GalleryCreatorModal-module__0AqwKq__closeBtn {
    color: #94a3b8;
    background: #ffffff14;
  }

  .GalleryCreatorModal-module__0AqwKq__closeBtn:hover {
    color: #f1f5f9;
    background: #ffffff26;
  }

  .GalleryCreatorModal-module__0AqwKq__sidebar {
    background: #0f172a;
    border-color: #334155;
  }

  .GalleryCreatorModal-module__0AqwKq__presetCard:hover {
    background: #334155;
    border-color: #475569;
  }

  .GalleryCreatorModal-module__0AqwKq__presetCardActive {
    background: linear-gradient(135deg, #667eea20 0%, #764ba220 100%);
    border-color: #667eea;
  }

  .GalleryCreatorModal-module__0AqwKq__presetName {
    color: #f1f5f9;
  }

  .GalleryCreatorModal-module__0AqwKq__presetDesc {
    color: #94a3b8;
  }

  .GalleryCreatorModal-module__0AqwKq__imageBar {
    background: #1e293b;
    border-color: #334155;
  }

  .GalleryCreatorModal-module__0AqwKq__imageBarLabel {
    color: #94a3b8;
  }

  .GalleryCreatorModal-module__0AqwKq__imageThumb:hover {
    border-color: #475569;
  }

  .GalleryCreatorModal-module__0AqwKq__previewArea {
    background: #0f172a;
  }

  .GalleryCreatorModal-module__0AqwKq__previewFrame {
    background: #1e293b;
    border-color: #334155;
    box-shadow: 0 2px 8px #0000004d;
  }

  .GalleryCreatorModal-module__0AqwKq__configBar {
    background: #1e293b;
    border-color: #334155;
  }

  .GalleryCreatorModal-module__0AqwKq__configSelect {
    color: #f1f5f9;
    background: #0f172a;
    border-color: #475569;
  }

  .GalleryCreatorModal-module__0AqwKq__footer {
    background: #1e293b;
    border-color: #334155;
  }

  .GalleryCreatorModal-module__0AqwKq__btnCancel {
    color: #e2e8f0;
    background: #334155;
    border-color: #475569;
  }

  .GalleryCreatorModal-module__0AqwKq__btnCancel:hover {
    color: #f1f5f9;
    background: #475569;
  }
}

.dark .GalleryCreatorModal-module__0AqwKq__modal {
  background: #1e293b;
  box-shadow: 0 24px 80px #0009;
}

.dark .GalleryCreatorModal-module__0AqwKq__header {
  background: linear-gradient(135deg, #1e293b 0%, #0f172a 100%);
  border-color: #334155;
}

.dark .GalleryCreatorModal-module__0AqwKq__title {
  color: #f1f5f9;
}

.dark .GalleryCreatorModal-module__0AqwKq__closeBtn {
  color: #94a3b8;
  background: #ffffff14;
}

.dark .GalleryCreatorModal-module__0AqwKq__closeBtn:hover {
  color: #f1f5f9;
  background: #ffffff26;
}

.dark .GalleryCreatorModal-module__0AqwKq__sidebar {
  background: #0f172a;
  border-color: #334155;
}

.dark .GalleryCreatorModal-module__0AqwKq__presetCard:hover {
  background: #334155;
  border-color: #475569;
}

.dark .GalleryCreatorModal-module__0AqwKq__presetName {
  color: #f1f5f9;
}

.dark .GalleryCreatorModal-module__0AqwKq__presetDesc {
  color: #94a3b8;
}

.dark .GalleryCreatorModal-module__0AqwKq__imageBar {
  background: #1e293b;
  border-color: #334155;
}

.dark .GalleryCreatorModal-module__0AqwKq__previewArea {
  background: #0f172a;
}

.dark .GalleryCreatorModal-module__0AqwKq__previewFrame {
  background: #1e293b;
  border-color: #334155;
}

.dark .GalleryCreatorModal-module__0AqwKq__configBar {
  background: #1e293b;
  border-color: #334155;
}

.dark .GalleryCreatorModal-module__0AqwKq__configSelect {
  color: #f1f5f9;
  background: #0f172a;
  border-color: #475569;
}

.dark .GalleryCreatorModal-module__0AqwKq__footer {
  background: #1e293b;
  border-color: #334155;
}

.dark .GalleryCreatorModal-module__0AqwKq__btnCancel {
  color: #e2e8f0;
  background: #334155;
  border-color: #475569;
}

/* [project]/apps/web/src/components/unified-editor/upload-progress/UploadProgressModal.module.css [app-client] (css) */
.UploadProgressModal-module__ULGwbq__backdrop {
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  z-index: 1000;
  background: #000000b3;
  animation: .3s UploadProgressModal-module__ULGwbq__fadeIn;
  position: fixed;
  inset: 0;
}

.UploadProgressModal-module__ULGwbq__modal {
  z-index: 1010;
  background: #fff;
  border-radius: 20px;
  flex-direction: column;
  width: 90%;
  max-width: 650px;
  max-height: 85vh;
  animation: .4s cubic-bezier(.34, 1.56, .64, 1) UploadProgressModal-module__ULGwbq__slideUp;
  display: flex;
  position: fixed;
  top: 50%;
  left: 50%;
  overflow: hidden;
  transform: translate(-50%, -50%);
  box-shadow: 0 25px 75px #0006;
}

.UploadProgressModal-module__ULGwbq__modalContent {
  flex-direction: column;
  height: 100%;
  display: flex;
}

.UploadProgressModal-module__ULGwbq__header {
  text-align: center;
  border-bottom: 2px solid #e2e8f0;
  flex-shrink: 0;
  padding: 2rem 2rem 1.5rem;
}

.UploadProgressModal-module__ULGwbq__headerIcon {
  margin-bottom: 1rem;
  font-size: 4rem;
  animation: .5s UploadProgressModal-module__ULGwbq__scaleUp;
}

.UploadProgressModal-module__ULGwbq__title {
  color: #1e293b;
  margin: 0 0 .5rem;
  font-size: 1.75rem;
  font-weight: 700;
}

.UploadProgressModal-module__ULGwbq__subtitle {
  color: #64748b;
  margin: 0;
  font-size: 1rem;
}

.UploadProgressModal-module__ULGwbq__overallProgress {
  background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
  border-bottom: 2px solid #e2e8f0;
  flex-shrink: 0;
  padding: 1.5rem 2rem;
}

.UploadProgressModal-module__ULGwbq__progressHeader {
  justify-content: space-between;
  align-items: center;
  margin-bottom: .75rem;
  display: flex;
}

.UploadProgressModal-module__ULGwbq__progressLabel {
  color: #475569;
  font-size: .95rem;
  font-weight: 600;
}

.UploadProgressModal-module__ULGwbq__progressPercentage {
  color: #667eea;
  font-size: 1.5rem;
  font-weight: 700;
}

.UploadProgressModal-module__ULGwbq__progressBarContainer {
  background: #e2e8f0;
  border-radius: 10px;
  height: 12px;
  margin-bottom: 1rem;
  overflow: hidden;
  box-shadow: inset 0 2px 4px #0000001a;
}

.UploadProgressModal-module__ULGwbq__progressBarFill {
  background: linear-gradient(90deg, #667eea 0%, #764ba2 100%);
  border-radius: 10px;
  height: 100%;
  transition: width .3s;
  position: relative;
  overflow: hidden;
}

.UploadProgressModal-module__ULGwbq__progressBarFill:after {
  content: "";
  background: linear-gradient(90deg, #0000 0%, #ffffff4d 50%, #0000 100%);
  animation: 2s infinite UploadProgressModal-module__ULGwbq__shimmer;
  position: absolute;
  inset: 0;
}

.UploadProgressModal-module__ULGwbq__progressStats {
  flex-wrap: wrap;
  gap: 1.5rem;
  display: flex;
}

.UploadProgressModal-module__ULGwbq__progressStat {
  color: #64748b;
  align-items: center;
  gap: .5rem;
  font-size: .875rem;
  font-weight: 500;
  display: flex;
}

.UploadProgressModal-module__ULGwbq__statIcon {
  font-size: 1rem;
}

.UploadProgressModal-module__ULGwbq__statusSummary {
  background: #fafafa;
  border-bottom: 2px solid #e2e8f0;
  flex-wrap: wrap;
  flex-shrink: 0;
  gap: .75rem;
  padding: 1rem 2rem;
  display: flex;
}

.UploadProgressModal-module__ULGwbq__statusBadge {
  color: #1e40af;
  background: linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%);
  border: 2px solid #93c5fd;
  border-radius: 8px;
  align-items: center;
  gap: .5rem;
  padding: .5rem 1rem;
  font-size: .875rem;
  font-weight: 600;
  display: flex;
}

.UploadProgressModal-module__ULGwbq__statusBadgeWaiting {
  color: #92400e;
  background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);
  border-color: #fbbf24;
}

.UploadProgressModal-module__ULGwbq__statusBadgeSuccess {
  color: #065f46;
  background: linear-gradient(135deg, #d1fae5 0%, #a7f3d0 100%);
  border-color: #6ee7b7;
}

.UploadProgressModal-module__ULGwbq__statusBadgeError {
  color: #991b1b;
  background: linear-gradient(135deg, #fee2e2 0%, #fecaca 100%);
  border-color: #fca5a5;
}

.UploadProgressModal-module__ULGwbq__statusIcon {
  font-size: 1rem;
}

.UploadProgressModal-module__ULGwbq__statusText {
  font-size: .875rem;
}

.UploadProgressModal-module__ULGwbq__fileList {
  flex-direction: column;
  flex: 1;
  gap: 1rem;
  padding: 1.5rem 2rem;
  display: flex;
  overflow-y: auto;
}

.UploadProgressModal-module__ULGwbq__fileItem {
  background: #fff;
  border: 2px solid #e2e8f0;
  border-radius: 12px;
  padding: 1.25rem;
  transition: all .3s;
  position: relative;
}

.UploadProgressModal-module__ULGwbq__fileItem:hover {
  border-color: #cbd5e1;
  box-shadow: 0 4px 12px #0000000d;
}

.UploadProgressModal-module__ULGwbq__fileItemUploading {
  background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%);
  border-color: #93c5fd;
}

.UploadProgressModal-module__ULGwbq__fileItemSuccess {
  background: linear-gradient(135deg, #ecfdf5 0%, #d1fae5 100%);
  border-color: #6ee7b7;
}

.UploadProgressModal-module__ULGwbq__fileItemError {
  background: linear-gradient(135deg, #fef2f2 0%, #fee2e2 100%);
  border-color: #fca5a5;
}

.UploadProgressModal-module__ULGwbq__fileInfo {
  gap: 1rem;
  margin-bottom: .75rem;
  display: flex;
}

.UploadProgressModal-module__ULGwbq__fileIcon {
  flex-shrink: 0;
  font-size: 2rem;
}

.UploadProgressModal-module__ULGwbq__fileDetails {
  flex: 1;
  min-width: 0;
}

.UploadProgressModal-module__ULGwbq__fileName {
  color: #1e293b;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-bottom: .25rem;
  font-size: .95rem;
  font-weight: 600;
  overflow: hidden;
}

.UploadProgressModal-module__ULGwbq__fileMeta {
  color: #64748b;
  flex-wrap: wrap;
  align-items: center;
  gap: .5rem;
  font-size: .8rem;
  display: flex;
}

.UploadProgressModal-module__ULGwbq__fileSize, .UploadProgressModal-module__ULGwbq__uploadSpeed, .UploadProgressModal-module__ULGwbq__uploadedSize {
  font-size: .8rem;
}

.UploadProgressModal-module__ULGwbq__metaSeparator {
  color: #cbd5e1;
}

.UploadProgressModal-module__ULGwbq__fileStatus {
  margin-bottom: .75rem;
}

.UploadProgressModal-module__ULGwbq__progressSection {
  align-items: center;
  gap: 1rem;
  display: flex;
}

.UploadProgressModal-module__ULGwbq__progressText {
  color: #667eea;
  text-align: end;
  min-width: 45px;
  font-size: .95rem;
  font-weight: 700;
}

.UploadProgressModal-module__ULGwbq__statusSection {
  align-items: center;
  gap: .75rem;
  display: flex;
}

.UploadProgressModal-module__ULGwbq__statusIconLarge {
  font-size: 1.5rem;
}

.UploadProgressModal-module__ULGwbq__statusTextLarge {
  color: #059669;
  font-size: .95rem;
  font-weight: 600;
}

.UploadProgressModal-module__ULGwbq__statusTextError {
  color: #dc2626;
}

.UploadProgressModal-module__ULGwbq__fileActions {
  gap: .75rem;
  display: flex;
}

.UploadProgressModal-module__ULGwbq__retryButton, .UploadProgressModal-module__ULGwbq__skipButton {
  cursor: pointer;
  border: 2px solid;
  border-radius: 8px;
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: .5rem;
  padding: .625rem 1rem;
  font-size: .875rem;
  font-weight: 600;
  transition: all .2s;
  display: flex;
}

.UploadProgressModal-module__ULGwbq__retryButton {
  color: #3b82f6;
  background: #fff;
  border-color: #93c5fd;
}

.UploadProgressModal-module__ULGwbq__retryButton:hover {
  color: #fff;
  background: #3b82f6;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px #3b82f64d;
}

.UploadProgressModal-module__ULGwbq__skipButton {
  color: #64748b;
  background: #fff;
  border-color: #cbd5e1;
}

.UploadProgressModal-module__ULGwbq__skipButton:hover {
  background: #f1f5f9;
  border-color: #94a3b8;
}

.UploadProgressModal-module__ULGwbq__actionIcon {
  font-size: 1rem;
}

.UploadProgressModal-module__ULGwbq__progressBar {
  background: #e2e8f0;
  border-radius: 6px;
  flex: 1;
  overflow: hidden;
  box-shadow: inset 0 1px 3px #0000001a;
}

.UploadProgressModal-module__ULGwbq__progressBarInner {
  background: linear-gradient(90deg, #667eea 0%, #764ba2 100%);
  border-radius: 6px;
  height: 100%;
  transition: width .3s;
  position: relative;
}

.UploadProgressModal-module__ULGwbq__progressBarAnimated:after {
  content: "";
  background: linear-gradient(90deg, #0000 0%, #fff6 50%, #0000 100%);
  animation: 1.5s infinite UploadProgressModal-module__ULGwbq__shimmer;
  position: absolute;
  inset: 0;
}

.UploadProgressModal-module__ULGwbq__successCheckmark {
  color: #fff;
  background: #22c55e;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  font-size: 1.25rem;
  font-weight: 700;
  animation: .5s cubic-bezier(.68, -.55, .265, 1.55) UploadProgressModal-module__ULGwbq__checkmarkPop;
  display: flex;
  position: absolute;
  top: 1rem;
  right: 1rem;
  box-shadow: 0 4px 12px #22c55e66;
}

.UploadProgressModal-module__ULGwbq__uploadingIndicator {
  gap: 4px;
  display: flex;
  position: absolute;
  top: 1rem;
  right: 1rem;
}

.UploadProgressModal-module__ULGwbq__uploadingDot {
  background: #3b82f6;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  animation: 1.4s ease-in-out infinite UploadProgressModal-module__ULGwbq__dotPulse;
}

.UploadProgressModal-module__ULGwbq__uploadingDot:first-child {
  animation-delay: -.32s;
}

.UploadProgressModal-module__ULGwbq__uploadingDot:nth-child(2) {
  animation-delay: -.16s;
}

.UploadProgressModal-module__ULGwbq__actions {
  border-top: 2px solid #e2e8f0;
  flex-shrink: 0;
  justify-content: center;
  gap: 1rem;
  padding: 1.5rem 2rem;
  display: flex;
}

.UploadProgressModal-module__ULGwbq__cancelButton, .UploadProgressModal-module__ULGwbq__doneButton {
  cursor: pointer;
  border: none;
  border-radius: 10px;
  align-items: center;
  gap: .75rem;
  padding: .875rem 2.5rem;
  font-size: 1rem;
  font-weight: 600;
  transition: all .3s;
  display: flex;
}

.UploadProgressModal-module__ULGwbq__cancelButton {
  color: #475569;
  background: #f1f5f9;
}

.UploadProgressModal-module__ULGwbq__cancelButton:hover {
  background: #e2e8f0;
}

.UploadProgressModal-module__ULGwbq__doneButton {
  color: #fff;
  background: linear-gradient(135deg, #22c55e 0%, #16a34a 100%);
  box-shadow: 0 4px 12px #22c55e4d;
}

.UploadProgressModal-module__ULGwbq__doneButton:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 24px #22c55e66;
}

.UploadProgressModal-module__ULGwbq__buttonIcon {
  font-size: 1.25rem;
}

.UploadProgressModal-module__ULGwbq__footer {
  text-align: center;
  background: #f8fafc;
  border-top: 2px solid #e2e8f0;
  flex-shrink: 0;
  padding: .75rem 2rem;
}

.UploadProgressModal-module__ULGwbq__footerText {
  color: #64748b;
  font-size: .875rem;
}

@keyframes UploadProgressModal-module__ULGwbq__fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes UploadProgressModal-module__ULGwbq__slideUp {
  from {
    opacity: 0;
    transform: translate(-50%, -40%);
  }

  to {
    opacity: 1;
    transform: translate(-50%, -50%);
  }
}

@keyframes UploadProgressModal-module__ULGwbq__scaleUp {
  0% {
    transform: scale(0);
  }

  50% {
    transform: scale(1.1);
  }

  100% {
    transform: scale(1);
  }
}

@keyframes UploadProgressModal-module__ULGwbq__shimmer {
  0% {
    transform: translateX(-100%);
  }

  100% {
    transform: translateX(100%);
  }
}

@keyframes UploadProgressModal-module__ULGwbq__checkmarkPop {
  0% {
    opacity: 0;
    transform: scale(0);
  }

  50% {
    transform: scale(1.2);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes UploadProgressModal-module__ULGwbq__dotPulse {
  0%, 80%, 100% {
    opacity: .5;
    transform: scale(.6);
  }

  40% {
    opacity: 1;
    transform: scale(1);
  }
}

@media (max-width: 768px) {
  .UploadProgressModal-module__ULGwbq__modal {
    width: 95%;
    max-height: 90vh;
  }

  .UploadProgressModal-module__ULGwbq__header, .UploadProgressModal-module__ULGwbq__overallProgress, .UploadProgressModal-module__ULGwbq__statusSummary, .UploadProgressModal-module__ULGwbq__fileList, .UploadProgressModal-module__ULGwbq__actions, .UploadProgressModal-module__ULGwbq__footer {
    padding-inline: 1.5rem;
  }

  .UploadProgressModal-module__ULGwbq__title {
    font-size: 1.5rem;
  }

  .UploadProgressModal-module__ULGwbq__progressStats {
    gap: 1rem;
  }

  .UploadProgressModal-module__ULGwbq__statusSummary {
    gap: .5rem;
  }

  .UploadProgressModal-module__ULGwbq__fileActions, .UploadProgressModal-module__ULGwbq__actions {
    flex-direction: column;
  }

  .UploadProgressModal-module__ULGwbq__cancelButton, .UploadProgressModal-module__ULGwbq__doneButton {
    justify-content: center;
    width: 100%;
  }
}

@media (prefers-color-scheme: dark) {
  .UploadProgressModal-module__ULGwbq__modal {
    background: #1e293b;
  }

  .UploadProgressModal-module__ULGwbq__header {
    border-bottom-color: #334155;
  }

  .UploadProgressModal-module__ULGwbq__title {
    color: #f1f5f9;
  }

  .UploadProgressModal-module__ULGwbq__subtitle {
    color: #94a3b8;
  }

  .UploadProgressModal-module__ULGwbq__overallProgress {
    background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
    border-bottom-color: #334155;
  }

  .UploadProgressModal-module__ULGwbq__progressLabel {
    color: #cbd5e1;
  }

  .UploadProgressModal-module__ULGwbq__progressBarContainer {
    background: #334155;
  }

  .UploadProgressModal-module__ULGwbq__progressStat {
    color: #94a3b8;
  }

  .UploadProgressModal-module__ULGwbq__statusSummary {
    background: #0f172a;
    border-bottom-color: #334155;
  }

  .UploadProgressModal-module__ULGwbq__fileItem {
    background: #0f172a;
    border-color: #334155;
  }

  .UploadProgressModal-module__ULGwbq__fileItem:hover {
    border-color: #475569;
  }

  .UploadProgressModal-module__ULGwbq__fileItemUploading {
    background: linear-gradient(135deg, #1e3a8a 0%, #1e40af 100%);
    border-color: #3b82f6;
  }

  .UploadProgressModal-module__ULGwbq__fileItemSuccess {
    background: linear-gradient(135deg, #064e3b 0%, #065f46 100%);
    border-color: #059669;
  }

  .UploadProgressModal-module__ULGwbq__fileItemError {
    background: linear-gradient(135deg, #2d1a1f 0%, #1e1214 100%);
    border-color: #6b2735;
  }

  .UploadProgressModal-module__ULGwbq__fileName {
    color: #f1f5f9;
  }

  .UploadProgressModal-module__ULGwbq__fileMeta {
    color: #94a3b8;
  }

  .UploadProgressModal-module__ULGwbq__statusTextLarge {
    color: #6ee7b7;
  }

  .UploadProgressModal-module__ULGwbq__statusTextError {
    color: #fca5a5;
  }

  .UploadProgressModal-module__ULGwbq__progressBar {
    background: #334155;
  }

  .UploadProgressModal-module__ULGwbq__retryButton {
    color: #7dd3fc;
    background: #0f172a;
    border-color: #0369a1;
  }

  .UploadProgressModal-module__ULGwbq__retryButton:hover {
    color: #fff;
    background: #3b82f6;
  }

  .UploadProgressModal-module__ULGwbq__skipButton {
    color: #94a3b8;
    background: #0f172a;
    border-color: #475569;
  }

  .UploadProgressModal-module__ULGwbq__skipButton:hover {
    background: #1e293b;
    border-color: #64748b;
  }

  .UploadProgressModal-module__ULGwbq__actions {
    border-top-color: #334155;
  }

  .UploadProgressModal-module__ULGwbq__cancelButton {
    color: #f1f5f9;
    background: #334155;
  }

  .UploadProgressModal-module__ULGwbq__cancelButton:hover {
    background: #475569;
  }

  .UploadProgressModal-module__ULGwbq__footer {
    background: #0f172a;
    border-top-color: #334155;
  }

  .UploadProgressModal-module__ULGwbq__footerText {
    color: #94a3b8;
  }
}

/* [project]/apps/web/src/app/thread/[id]/components/Comment.module.css [app-client] (css) */
.Comment-module__8eoOla__commentItem {
  border-bottom: 1px solid #e2e8f0;
  padding: 1.5rem 0;
  transition: all .3s;
}

.Comment-module__8eoOla__commentItem:last-child {
  border-bottom: none;
}

.Comment-module__8eoOla__commentHeader {
  align-items: flex-start;
  gap: .75rem;
  margin-bottom: 1rem;
  display: flex;
}

.Comment-module__8eoOla__commentAvatar {
  flex-shrink: 0;
}

.Comment-module__8eoOla__commentMain {
  flex: 1;
  min-width: 0;
}

.Comment-module__8eoOla__commentAuthorInfo {
  flex-wrap: wrap;
  align-items: center;
  gap: .75rem;
  margin-bottom: .5rem;
  display: flex;
}

.Comment-module__8eoOla__commentAuthorName {
  color: #1e293b;
  font-size: .95rem;
  font-weight: 600;
}

.Comment-module__8eoOla__commentDate {
  color: #64748b;
  font-size: .85rem;
}

.Comment-module__8eoOla__editedBadge {
  color: #64748b;
  font-size: .75rem;
  font-style: italic;
}

.Comment-module__8eoOla__commentContent {
  color: #334155;
  word-wrap: break-word;
  overflow-wrap: break-word;
  margin-bottom: 1rem;
  line-height: 1.6;
}

.Comment-module__8eoOla__commentFooter {
  flex-wrap: wrap;
  align-items: center;
  gap: .75rem;
  display: flex;
}

.Comment-module__8eoOla__likeButton {
  color: #64748b;
  cursor: pointer;
  background: #fff;
  border: 2px solid #e2e8f0;
  border-radius: 8px;
  align-items: center;
  gap: .4rem;
  padding: .5rem 1rem;
  font-size: .9rem;
  font-weight: 600;
  transition: all .3s;
  display: flex;
}

.Comment-module__8eoOla__likeButton:hover {
  color: #667eea;
  border-color: #667eea;
  transform: scale(1.05);
}

.Comment-module__8eoOla__likeButton.Comment-module__8eoOla__liked {
  color: #fff;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  border-color: #0000;
}

.Comment-module__8eoOla__replyButton {
  color: #64748b;
  cursor: pointer;
  background: #fff;
  border: 2px solid #e2e8f0;
  border-radius: 8px;
  padding: .5rem 1rem;
  font-size: .9rem;
  font-weight: 600;
  transition: all .3s;
}

.Comment-module__8eoOla__replyButton:hover {
  color: #667eea;
  border-color: #667eea;
}

.Comment-module__8eoOla__likesInfo {
  color: #64748b;
  cursor: pointer;
  font-size: .85rem;
  transition: color .3s;
}

.Comment-module__8eoOla__likesInfo:hover {
  color: #667eea;
}

.Comment-module__8eoOla__replyForm {
  background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
  border: 2px solid #e2e8f0;
  border-radius: 12px;
  margin-top: 1rem;
  padding: 1.25rem;
}

.Comment-module__8eoOla__replyEditorWrap {
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  margin-bottom: .75rem;
  overflow: hidden;
}

.Comment-module__8eoOla__replyTextarea {
  resize: vertical;
  border: 2px solid #cbd5e1;
  border-radius: 6px;
  width: 100%;
  min-height: 80px;
  margin-bottom: .75rem;
  padding: .75rem;
  font-family: inherit;
  font-size: .95rem;
  transition: all .3s;
}

.Comment-module__8eoOla__replyTextarea:focus {
  border-color: #667eea;
  outline: none;
  box-shadow: 0 0 0 3px #667eea1a;
}

.Comment-module__8eoOla__replyActions {
  justify-content: flex-end;
  gap: .5rem;
  display: flex;
}

.Comment-module__8eoOla__replySubmitButton, .Comment-module__8eoOla__replyCancelButton {
  cursor: pointer;
  border: none;
  border-radius: 6px;
  padding: .5rem 1rem;
  font-size: .85rem;
  font-weight: 600;
  transition: all .3s;
}

.Comment-module__8eoOla__replySubmitButton {
  color: #fff;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}

.Comment-module__8eoOla__replySubmitButton:hover:not(:disabled) {
  transform: translateY(-2px);
  box-shadow: 0 8px 16px #667eea4d;
}

.Comment-module__8eoOla__replySubmitButton:disabled {
  opacity: .5;
  cursor: not-allowed;
}

.Comment-module__8eoOla__replyCancelButton {
  color: #64748b;
  background: #e2e8f0;
}

.Comment-module__8eoOla__replyCancelButton:hover {
  background: #cbd5e1;
}

.Comment-module__8eoOla__replies {
  border-left: 3px solid #e2e8f0;
  margin-top: 1rem;
  margin-left: calc(40px + .75rem);
  padding-left: 1rem;
}

.Comment-module__8eoOla__repliesToggle {
  color: #667eea;
  cursor: pointer;
  background: #f1f5f9;
  border: none;
  border-radius: 6px;
  margin-top: .75rem;
  margin-left: calc(40px + .75rem);
  padding: .5rem 1rem;
  font-size: .85rem;
  font-weight: 600;
  transition: all .3s;
}

.Comment-module__8eoOla__repliesToggle:hover {
  background: #e2e8f0;
}

.Comment-module__8eoOla__editButton {
  color: #64748b;
  cursor: pointer;
  background: #fff;
  border: 2px solid #e2e8f0;
  border-radius: 8px;
  padding: .5rem 1rem;
  font-size: .9rem;
  font-weight: 600;
  transition: all .3s;
}

.Comment-module__8eoOla__editButton:hover {
  color: #f59e0b;
  border-color: #f59e0b;
}

.Comment-module__8eoOla__deleteButton {
  color: #64748b;
  cursor: pointer;
  background: #fff;
  border: 2px solid #e2e8f0;
  border-radius: 8px;
  padding: .5rem 1rem;
  font-size: .9rem;
  font-weight: 600;
  transition: all .3s;
}

.Comment-module__8eoOla__deleteButton:hover {
  color: #ef4444;
  border-color: #ef4444;
}

.Comment-module__8eoOla__editForm {
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  margin-bottom: 1rem;
  overflow: hidden;
}

.Comment-module__8eoOla__editActions {
  justify-content: flex-end;
  gap: .5rem;
  margin-top: .75rem;
  padding: 0 .25rem;
  display: flex;
}

.Comment-module__8eoOla__editSaveButton, .Comment-module__8eoOla__editCancelButton {
  cursor: pointer;
  border: none;
  border-radius: 6px;
  padding: .5rem 1rem;
  font-size: .85rem;
  font-weight: 600;
  transition: all .3s;
}

.Comment-module__8eoOla__editSaveButton {
  color: #fff;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}

.Comment-module__8eoOla__editSaveButton:hover:not(:disabled) {
  transform: translateY(-2px);
  box-shadow: 0 8px 16px #667eea4d;
}

.Comment-module__8eoOla__editSaveButton:disabled {
  opacity: .5;
  cursor: not-allowed;
}

.Comment-module__8eoOla__editCancelButton {
  color: #64748b;
  background: #e2e8f0;
}

.Comment-module__8eoOla__editCancelButton:hover {
  background: #cbd5e1;
}

.Comment-module__8eoOla__deleteConfirmOverlay {
  background: linear-gradient(135deg, #fef2f2 0%, #fee2e2 100%);
  border: 2px solid #fca5a5;
  border-radius: 8px;
  margin-top: .75rem;
  padding: 1rem;
  animation: .2s Comment-module__8eoOla__fadeInDown;
}

@keyframes Comment-module__8eoOla__fadeInDown {
  from {
    opacity: 0;
    transform: translateY(-8px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.Comment-module__8eoOla__deleteConfirmBox p {
  color: #991b1b;
  margin: 0 0 .75rem;
  font-size: .9rem;
  font-weight: 500;
}

.Comment-module__8eoOla__deleteConfirmActions {
  justify-content: flex-end;
  gap: .5rem;
  display: flex;
}

.Comment-module__8eoOla__deleteCancelBtn {
  cursor: pointer;
  color: #64748b;
  background: #fff;
  border: none;
  border-radius: 6px;
  padding: .5rem 1rem;
  font-size: .85rem;
  font-weight: 600;
  transition: all .3s;
}

.Comment-module__8eoOla__deleteCancelBtn:hover {
  background: #f1f5f9;
}

.Comment-module__8eoOla__confirmDeleteBtn {
  cursor: pointer;
  color: #fff;
  background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);
  border: none;
  border-radius: 6px;
  padding: .5rem 1rem;
  font-size: .85rem;
  font-weight: 600;
  transition: all .3s;
}

.Comment-module__8eoOla__confirmDeleteBtn:hover:not(:disabled) {
  transform: translateY(-2px);
  box-shadow: 0 8px 16px #ef44444d;
}

.Comment-module__8eoOla__confirmDeleteBtn:disabled {
  opacity: .5;
  cursor: not-allowed;
}

.dark .Comment-module__8eoOla__commentItem {
  border-color: #334155;
}

.dark .Comment-module__8eoOla__commentAuthorName {
  color: #f8fafc;
}

.dark .Comment-module__8eoOla__commentContent {
  color: #cbd5e1;
}

:is(.dark .Comment-module__8eoOla__likeButton, .dark .Comment-module__8eoOla__replyButton, .dark .Comment-module__8eoOla__editButton, .dark .Comment-module__8eoOla__deleteButton) {
  color: #cbd5e1;
  background: #334155;
  border-color: #475569;
}

:is(.dark .Comment-module__8eoOla__likeButton:hover, .dark .Comment-module__8eoOla__replyButton:hover) {
  color: #818cf8;
  border-color: #667eea;
}

.dark .Comment-module__8eoOla__editButton:hover {
  color: #fbbf24;
  border-color: #f59e0b;
}

.dark .Comment-module__8eoOla__deleteButton:hover {
  color: #f87171;
  border-color: #ef4444;
}

.dark .Comment-module__8eoOla__editCancelButton {
  color: #cbd5e1;
  background: #475569;
}

.dark .Comment-module__8eoOla__editCancelButton:hover {
  background: #64748b;
}

.dark .Comment-module__8eoOla__deleteConfirmOverlay {
  background: linear-gradient(135deg, #450a0a 0%, #7f1d1d 100%);
  border-color: #991b1b;
}

.dark .Comment-module__8eoOla__deleteConfirmBox p {
  color: #fca5a5;
}

.dark .Comment-module__8eoOla__deleteCancelBtn {
  color: #cbd5e1;
  background: #334155;
}

.dark .Comment-module__8eoOla__deleteCancelBtn:hover {
  background: #475569;
}

.dark .Comment-module__8eoOla__replyForm {
  background: linear-gradient(135deg, #334155 0%, #1e293b 100%);
  border-color: #475569;
}

.dark .Comment-module__8eoOla__replyEditorWrap {
  border-color: #475569;
}

.dark .Comment-module__8eoOla__editForm {
  border-color: #475569;
}

.dark .Comment-module__8eoOla__replyTextarea {
  color: #f8fafc;
  background: #475569;
  border-color: #64748b;
}

.dark .Comment-module__8eoOla__replies {
  border-color: #334155;
}

.dark .Comment-module__8eoOla__repliesToggle {
  color: #818cf8;
  background: #334155;
}

.dark .Comment-module__8eoOla__repliesToggle:hover {
  background: #475569;
}

@media (max-width: 768px) {
  .Comment-module__8eoOla__replies {
    margin-left: 1rem;
    padding-left: .75rem;
  }

  .Comment-module__8eoOla__repliesToggle {
    margin-left: 1rem;
  }
}

.Comment-module__8eoOla__adminCommentActions {
  margin-inline-start: .25rem;
  display: inline-flex;
  position: relative;
}

.Comment-module__8eoOla__adminActionToggle {
  color: #6366f1;
  cursor: pointer;
  background: none;
  border: 1px solid #6366f1;
  border-radius: 6px;
  align-items: center;
  gap: .25rem;
  padding: .2rem .6rem;
  font-size: .78rem;
  font-weight: 500;
  transition: all .15s;
  display: inline-flex;
}

.Comment-module__8eoOla__adminActionToggle:hover {
  color: #fff;
  background: #6366f1;
}

.Comment-module__8eoOla__adminActionsDropdown {
  top: 100%;
  z-index: 50;
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  flex-direction: column;
  gap: .25rem;
  min-width: 160px;
  margin-top: .25rem;
  padding: .5rem;
  display: flex;
  position: absolute;
  inset-inline-start: 0;
  box-shadow: 0 4px 12px #0000001a;
}

.dark .Comment-module__8eoOla__adminActionsDropdown {
  background: #1e293b;
  border-color: #334155;
  box-shadow: 0 4px 12px #0006;
}

.Comment-module__8eoOla__adminAcceptBtn, .Comment-module__8eoOla__adminViolationBtn, .Comment-module__8eoOla__adminHideBtn, .Comment-module__8eoOla__adminDeleteBtn {
  color: #334155;
  cursor: pointer;
  text-align: start;
  background: none;
  border: none;
  border-radius: 6px;
  align-items: center;
  gap: .35rem;
  width: 100%;
  padding: .4rem .65rem;
  font-size: .8rem;
  transition: background .15s;
  display: flex;
}

:is(.dark .Comment-module__8eoOla__adminAcceptBtn, .dark .Comment-module__8eoOla__adminViolationBtn, .dark .Comment-module__8eoOla__adminHideBtn, .dark .Comment-module__8eoOla__adminDeleteBtn) {
  color: #e2e8f0;
}

.Comment-module__8eoOla__adminAcceptBtn:hover {
  color: #065f46;
  background: #ecfdf5;
}

.dark .Comment-module__8eoOla__adminAcceptBtn:hover {
  color: #6ee7b7;
  background: #064e3b;
}

.Comment-module__8eoOla__adminViolationBtn:hover {
  color: #92400e;
  background: #fffbeb;
}

.dark .Comment-module__8eoOla__adminViolationBtn:hover {
  color: #fde68a;
  background: #78350f;
}

.Comment-module__8eoOla__adminHideBtn:hover {
  color: #475569;
  background: #f1f5f9;
}

.dark .Comment-module__8eoOla__adminHideBtn:hover {
  color: #94a3b8;
  background: #334155;
}

.Comment-module__8eoOla__adminDeleteBtn:hover {
  color: #991b1b;
  background: #fef2f2;
}

.dark .Comment-module__8eoOla__adminDeleteBtn:hover {
  color: #fca5a5;
  background: #450a0a;
}

.Comment-module__8eoOla__bestAnswerComment {
  background: linear-gradient(135deg, #10b9810a, #05966905);
  border: 2px solid #10b981;
  border-radius: 12px;
  padding: 1.25rem;
  position: relative;
}

.dark .Comment-module__8eoOla__bestAnswerComment {
  background: linear-gradient(135deg, #10b98114, #0596690a);
  border-color: #059669;
}

.Comment-module__8eoOla__bestAnswerBadge {
  color: #fff;
  background: linear-gradient(135deg, #10b981, #059669);
  border-radius: 8px;
  align-items: center;
  gap: .4rem;
  margin-bottom: .75rem;
  padding: .25rem .75rem;
  font-size: .8rem;
  font-weight: 700;
  display: inline-flex;
}

.Comment-module__8eoOla__bestAnswerToggle {
  color: #6b7280;
  cursor: pointer;
  background: none;
  border: 1.5px solid #d1d5db;
  border-radius: 8px;
  align-items: center;
  gap: .3rem;
  padding: .3rem .7rem;
  font-size: .82rem;
  font-weight: 600;
  transition: all .2s;
  display: inline-flex;
}

.Comment-module__8eoOla__bestAnswerToggle:hover {
  color: #059669;
  background: #10b9810f;
  border-color: #10b981;
}

.Comment-module__8eoOla__bestAnswerToggle.Comment-module__8eoOla__bestAnswerActive {
  color: #059669;
  background: #10b9811a;
  border-color: #10b981;
}

.Comment-module__8eoOla__bestAnswerToggle:disabled {
  opacity: .5;
  cursor: not-allowed;
}

.dark .Comment-module__8eoOla__bestAnswerToggle {
  color: #9ca3af;
  border-color: #4b5563;
}

.dark .Comment-module__8eoOla__bestAnswerToggle:hover {
  color: #34d399;
  background: #10b9811f;
  border-color: #10b981;
}

.dark .Comment-module__8eoOla__bestAnswerToggle.Comment-module__8eoOla__bestAnswerActive {
  color: #34d399;
  background: #10b98126;
  border-color: #059669;
}

.Comment-module__8eoOla__violationComment {
  opacity: .85;
  background: #ef44440a;
  border: 2px solid #ef4444;
  border-radius: 12px;
  padding: 1.25rem;
}

.dark .Comment-module__8eoOla__violationComment {
  background: #ef444414;
  border-color: #dc2626;
}

.Comment-module__8eoOla__violationBadge {
  color: #fff;
  background: linear-gradient(135deg, #ef4444, #dc2626);
  border-radius: 8px;
  align-items: center;
  gap: .4rem;
  margin-bottom: .75rem;
  padding: .25rem .75rem;
  font-size: .8rem;
  font-weight: 700;
  display: inline-flex;
}

.Comment-module__8eoOla__hiddenComment {
  opacity: .7;
  background: #f59e0b0a;
  border: 2px solid #f59e0b;
  border-radius: 12px;
  padding: 1.25rem;
}

.dark .Comment-module__8eoOla__hiddenComment {
  background: #f59e0b14;
  border-color: #d97706;
}

.Comment-module__8eoOla__hiddenBadge {
  color: #fff;
  background: linear-gradient(135deg, #f59e0b, #d97706);
  border-radius: 8px;
  align-items: center;
  gap: .4rem;
  margin-bottom: .75rem;
  padding: .25rem .75rem;
  font-size: .8rem;
  font-weight: 700;
  display: inline-flex;
}

.Comment-module__8eoOla__statusBadge {
  color: #fff;
  background: #6b7280;
  border-radius: 8px;
  align-items: center;
  gap: .4rem;
  margin-bottom: .75rem;
  padding: .25rem .75rem;
  font-size: .8rem;
  font-weight: 700;
  display: inline-flex;
}

.Comment-module__8eoOla__violationReasonModal {
  padding: 0;
}

.Comment-module__8eoOla__violationReasonTitle {
  color: #1e293b;
  margin: 0 0 .5rem;
  font-size: 1rem;
  font-weight: 700;
}

.Comment-module__8eoOla__violationReasonDesc {
  color: #64748b;
  margin: 0 0 .75rem;
  font-size: .85rem;
}

.Comment-module__8eoOla__presetReasons {
  flex-wrap: wrap;
  gap: .4rem;
  margin-bottom: .75rem;
  display: flex;
}

.Comment-module__8eoOla__presetReasonBtn {
  color: #475569;
  cursor: pointer;
  background: #fff;
  border: 1.5px solid #e2e8f0;
  border-radius: 20px;
  padding: .35rem .7rem;
  font-size: .8rem;
  font-weight: 500;
  transition: all .2s;
}

.Comment-module__8eoOla__presetReasonBtn:hover {
  color: #667eea;
  background: #667eea0a;
  border-color: #667eea;
}

.Comment-module__8eoOla__presetReasonBtn.Comment-module__8eoOla__presetReasonActive {
  color: #fff;
  background: linear-gradient(135deg, #667eea, #764ba2);
  border-color: #667eea;
}

.dark .Comment-module__8eoOla__presetReasonBtn {
  color: #94a3b8;
  background: #1e293b;
  border-color: #334155;
}

.dark .Comment-module__8eoOla__presetReasonBtn:hover {
  color: #818cf8;
  border-color: #818cf8;
}

.dark .Comment-module__8eoOla__presetReasonBtn.Comment-module__8eoOla__presetReasonActive {
  color: #fff;
  background: linear-gradient(135deg, #667eea, #764ba2);
  border-color: #0000;
}

.Comment-module__8eoOla__violationReasonInput {
  resize: vertical;
  box-sizing: border-box;
  border: 2px solid #e2e8f0;
  border-radius: 8px;
  width: 100%;
  margin-bottom: .75rem;
  padding: .75rem;
  font-family: inherit;
  font-size: .9rem;
  transition: border-color .2s;
}

.Comment-module__8eoOla__violationReasonInput:focus {
  border-color: #667eea;
  outline: none;
}

.Comment-module__8eoOla__confirmViolationBtn {
  color: #fff;
  cursor: pointer;
  background: linear-gradient(135deg, #ef4444, #dc2626);
  border: none;
  border-radius: 8px;
  padding: .5rem 1rem;
  font-size: .85rem;
  font-weight: 600;
  transition: all .2s;
}

.Comment-module__8eoOla__confirmViolationBtn:hover:not(:disabled) {
  transform: translateY(-1px);
  box-shadow: 0 4px 12px #ef444466;
}

.Comment-module__8eoOla__confirmViolationBtn:disabled {
  opacity: .5;
  cursor: not-allowed;
}

.Comment-module__8eoOla__confirmHideBtn {
  color: #fff;
  cursor: pointer;
  background: linear-gradient(135deg, #f59e0b, #d97706);
  border: none;
  border-radius: 8px;
  padding: .5rem 1rem;
  font-size: .85rem;
  font-weight: 600;
  transition: all .2s;
}

.Comment-module__8eoOla__confirmHideBtn:hover:not(:disabled) {
  transform: translateY(-1px);
  box-shadow: 0 4px 12px #f59e0b66;
}

.Comment-module__8eoOla__confirmHideBtn:disabled {
  opacity: .5;
  cursor: not-allowed;
}

.dark .Comment-module__8eoOla__violationReasonTitle {
  color: #f1f5f9;
}

.dark .Comment-module__8eoOla__violationReasonDesc {
  color: #94a3b8;
}

.dark .Comment-module__8eoOla__violationReasonInput {
  color: #f1f5f9;
  background: #1e293b;
  border-color: #334155;
}

.dark .Comment-module__8eoOla__violationReasonInput:focus {
  border-color: #818cf8;
}

.Comment-module__8eoOla__bannedUserBadge {
  color: #dc2626;
  background: #fef2f2;
  border: 1px solid #fecaca;
  border-radius: 4px;
  align-items: center;
  gap: 3px;
  margin-inline-start: 4px;
  padding: 1px 6px;
  font-size: 11px;
  font-weight: 600;
  display: inline-flex;
}

.dark .Comment-module__8eoOla__bannedUserBadge {
  color: #fca5a5;
  background: #450a0a;
  border-color: #7f1d1d;
}

.Comment-module__8eoOla__mutedUserBadge {
  color: #d97706;
  background: #fffbeb;
  border: 1px solid #fde68a;
  border-radius: 4px;
  align-items: center;
  gap: 3px;
  margin-inline-start: 4px;
  padding: 1px 6px;
  font-size: 11px;
  font-weight: 600;
  display: inline-flex;
}

.dark .Comment-module__8eoOla__mutedUserBadge {
  color: #fbbf24;
  background: #451a03;
  border-color: #92400e;
}

/* [project]/apps/web/src/components/error-boundary/ErrorBoundary.module.css [app-client] (css) */
.ErrorBoundary-module__pEcF8G__errorBoundary {
  background: linear-gradient(135deg, #fef2f2 0%, #fee2e2 100%);
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  padding: 2rem;
  display: flex;
}

.ErrorBoundary-module__pEcF8G__errorContainer {
  text-align: center;
  background: #fff;
  border-radius: 16px;
  width: 100%;
  max-width: 600px;
  padding: 3rem 2rem;
  animation: .4s ease-out ErrorBoundary-module__pEcF8G__slideUp;
  box-shadow: 0 10px 30px #0000001a;
}

.ErrorBoundary-module__pEcF8G__errorIcon {
  margin-bottom: 1.5rem;
  font-size: 4rem;
  animation: .6s ease-out ErrorBoundary-module__pEcF8G__bounce;
}

.ErrorBoundary-module__pEcF8G__errorTitle {
  color: #991b1b;
  margin: 0 0 1rem;
  font-size: 1.75rem;
  font-weight: 700;
}

.ErrorBoundary-module__pEcF8G__errorMessage {
  color: #7f1d1d;
  margin: 0 0 2rem;
  font-size: 1.125rem;
  line-height: 1.6;
}

.ErrorBoundary-module__pEcF8G__errorDetails {
  text-align: left;
  background: #fef2f2;
  border: 1px solid #fecaca;
  border-radius: 8px;
  margin-bottom: 2rem;
  padding: 1rem;
}

.ErrorBoundary-module__pEcF8G__errorDetailsSummary {
  color: #991b1b;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  padding: .5rem;
  font-weight: 600;
}

.ErrorBoundary-module__pEcF8G__errorDetailsSummary:hover {
  color: #7f1d1d;
}

.ErrorBoundary-module__pEcF8G__errorDetailsContent {
  border-top: 1px solid #fecaca;
  margin-top: 1rem;
  padding-top: 1rem;
}

.ErrorBoundary-module__pEcF8G__errorStack {
  color: #7f1d1d;
  margin-bottom: 1rem;
  font-size: .875rem;
}

.ErrorBoundary-module__pEcF8G__errorStack:last-child {
  margin-bottom: 0;
}

.ErrorBoundary-module__pEcF8G__errorStack strong {
  color: #991b1b;
  margin-bottom: .5rem;
  display: block;
}

.ErrorBoundary-module__pEcF8G__errorStack pre {
  white-space: pre-wrap;
  word-break: break-word;
  background: #fff;
  border: 1px solid #fecaca;
  border-radius: 4px;
  padding: .75rem;
  font-family: Courier New, monospace;
  font-size: .8125rem;
  line-height: 1.5;
  overflow-x: auto;
}

.ErrorBoundary-module__pEcF8G__errorActions {
  flex-wrap: wrap;
  justify-content: center;
  gap: 1rem;
  display: flex;
}

.ErrorBoundary-module__pEcF8G__retryButton, .ErrorBoundary-module__pEcF8G__reloadButton {
  cursor: pointer;
  border: none;
  border-radius: 10px;
  align-items: center;
  gap: .5rem;
  padding: .875rem 1.5rem;
  font-size: 1rem;
  font-weight: 600;
  transition: all .2s;
  display: flex;
}

.ErrorBoundary-module__pEcF8G__retryButton {
  color: #fff;
  background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);
  box-shadow: 0 4px 12px #ef444466;
}

.ErrorBoundary-module__pEcF8G__retryButton:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px #ef444480;
}

.ErrorBoundary-module__pEcF8G__reloadButton {
  color: #ef4444;
  background: #fff;
  border: 2px solid #ef4444;
}

.ErrorBoundary-module__pEcF8G__reloadButton:hover {
  background: #fef2f2;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px #ef444433;
}

.ErrorBoundary-module__pEcF8G__buttonIcon {
  font-size: 1.125rem;
}

@keyframes ErrorBoundary-module__pEcF8G__slideUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes ErrorBoundary-module__pEcF8G__bounce {
  0%, 100% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.1);
  }
}

@media (prefers-color-scheme: dark) {
  .ErrorBoundary-module__pEcF8G__errorBoundary {
    background: linear-gradient(135deg, #7f1d1d 0%, #991b1b 100%);
  }

  .ErrorBoundary-module__pEcF8G__errorContainer {
    background: #1e293b;
  }

  .ErrorBoundary-module__pEcF8G__errorTitle {
    color: #fecaca;
  }

  .ErrorBoundary-module__pEcF8G__errorMessage {
    color: #fca5a5;
  }

  .ErrorBoundary-module__pEcF8G__errorDetails {
    background: #7f1d1d;
    border-color: #991b1b;
  }

  .ErrorBoundary-module__pEcF8G__errorDetailsSummary {
    color: #fecaca;
  }

  .ErrorBoundary-module__pEcF8G__errorDetailsSummary:hover {
    color: #fef2f2;
  }

  .ErrorBoundary-module__pEcF8G__errorDetailsContent {
    border-top-color: #991b1b;
  }

  .ErrorBoundary-module__pEcF8G__errorStack {
    color: #fca5a5;
  }

  .ErrorBoundary-module__pEcF8G__errorStack strong {
    color: #fecaca;
  }

  .ErrorBoundary-module__pEcF8G__errorStack pre {
    background: #0f172a;
    border-color: #991b1b;
  }

  .ErrorBoundary-module__pEcF8G__reloadButton {
    color: #fca5a5;
    background: #0f172a;
    border-color: #991b1b;
  }

  .ErrorBoundary-module__pEcF8G__reloadButton:hover {
    background: #1e293b;
  }
}

@media (max-width: 640px) {
  .ErrorBoundary-module__pEcF8G__errorBoundary {
    padding: 1rem;
  }

  .ErrorBoundary-module__pEcF8G__errorContainer {
    padding: 2rem 1.5rem;
  }

  .ErrorBoundary-module__pEcF8G__errorIcon {
    font-size: 3rem;
  }

  .ErrorBoundary-module__pEcF8G__errorTitle {
    font-size: 1.5rem;
  }

  .ErrorBoundary-module__pEcF8G__errorMessage {
    font-size: 1rem;
  }

  .ErrorBoundary-module__pEcF8G__errorActions {
    flex-direction: column;
  }

  .ErrorBoundary-module__pEcF8G__retryButton, .ErrorBoundary-module__pEcF8G__reloadButton {
    justify-content: center;
    width: 100%;
  }
}

/*# sourceMappingURL=apps_web_src_b1979565._.css.map*/