/**
 * Preview Banner Styles
 */

.PreviewBanner-module_banner__DUEAF {
  position: fixed;
  top: var(--spacing-4);
  left: 50%;
  transform: translateX(-50%);
  z-index: 9999;
  display: flex;
  align-items: baseline;
  justify-content: center;
  gap: var(--spacing-2);
  padding: var(--spacing-2) var(--spacing-5);
  background: linear-gradient(135deg, #7c3aed 0%, #a855f7 100%);
  color: white;
  font-size: var(--text-small);
  font-weight: var(--font-weight-regular);
  border-radius: var(--radius-md);
  box-shadow: 0 4px 12px rgba(124, 58, 237, 0.3);
  white-space: nowrap;
}

.PreviewBanner-module_text__6cCSQ {
  font-weight: var(--font-weight-semibold);
}

.PreviewBanner-module_hint__t7RE2 {
  opacity: 0.85;
  font-size: var(--text-small);
  line-height: var(--text-small-line-height);
  font-weight: var(--font-weight-regular);
}

/* Small screens */
@media (max-width: 480px) {
  .PreviewBanner-module_banner__DUEAF {
    top: 0.5rem;
    font-size: var(--text-small);
    line-height: var(--text-small-line-height);
    padding: var(--spacing-2) var(--spacing-4);
    gap: 0.375rem;
    border-radius: var(--radius-md);
  }

  .PreviewBanner-module_hint__t7RE2 {
    display: none;
  }
}

/* Medium screens */
@media (min-width: 481px) and (max-width: 767px) {
  .PreviewBanner-module_banner__DUEAF {
    font-size: var(--text-small);
    line-height: var(--text-small-line-height);
    padding: var(--spacing-2) var(--spacing-4);
  }

  .PreviewBanner-module_hint__t7RE2 {
    font-size: var(--text-small);
    line-height: var(--text-small-line-height);
  }
}

/* Large screens */
@media (min-width: 768px) {
  .PreviewBanner-module_banner__DUEAF {
    top: 1.25rem;
    padding: var(--spacing-3) var(--spacing-6);
    gap: 0.625rem;
  }
}
/**
 * Preview Layout Styles
 */

.PreviewLayout-module_previewContainer__xVCdP {
  min-height: 100vh;
}
/**
 * Preview Loading Styles
 */

.PreviewLoading-module_container__S-gze {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  gap: var(--spacing-4);
  background-color: #f5f5f5;
}

.PreviewLoading-module_spinner__etBMj {
  width: 40px;
  height: 40px;
  border: 3px solid #e0e0e0;
  border-top-color: #7c3aed;
  border-radius: var(--radius-circle);
  animation: PreviewLoading-module_spin__G29I6 0.8s linear infinite;
}

@keyframes PreviewLoading-module_spin__G29I6 {
  to {
    transform: rotate(360deg);
  }
}

.PreviewLoading-module_text__DsiOE {
  font-size: var(--text-small);
  color: #666666;
}
/**
 * Unauthorized Preview Styles
 */

.UnauthorizedPreview-module_container__Im5PT {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  padding: var(--spacing-6);
  background-color: var(--color-bg-primary, #0a0a0a);
}

.UnauthorizedPreview-module_content__gyWkk {
  text-align: center;
  max-width: 400px;
}

.UnauthorizedPreview-module_icon__UnNe1 {
  font-size: 4rem;
  margin-bottom: var(--spacing-6);
}

.UnauthorizedPreview-module_title__YH-aQ {
  font-size: 1.5rem;
  font-weight: var(--font-weight-semibold);
  color: var(--color-text-primary, #ffffff);
  margin-bottom: var(--spacing-4);
}

.UnauthorizedPreview-module_message__vg4lv {
  font-size: 1rem;
  color: var(--color-text-secondary, #a0a0a0);
  margin-bottom: var(--spacing-2);
}

.UnauthorizedPreview-module_hint__qaqyq {
  font-size: var(--text-small);
  color: var(--color-text-tertiary, #6b6b6b);
}