.cku-webview-container {
  display: none;
}

.cku-webview-container.is-active {
  display: block;
}

.cku-webview-only-hide {
  display: none !important;
}

body.cku-webview-only .cku-webview-wrapper {
  width: 100%;
  min-height: 90vh;
  padding-top: 22px;
}

.cku-webview-skeleton {
  display: grid;
  gap: 14px;
  padding: 24px;
  max-width: 720px;
  margin: 0 auto;
}

.cku-webview-skeleton-bar {
  height: 14px;
  border-radius: 999px;
  background: linear-gradient(90deg, #f0f0f0 0%, #f7f7f7 50%, #f0f0f0 100%);
  background-size: 200% 100%;
  animation: cku-skeleton-shimmer 1.2s infinite;
}

.cku-webview-skeleton-bar.sm { width: 40%; }
.cku-webview-skeleton-bar.md { width: 70%; }
.cku-webview-skeleton-bar.lg { width: 90%; }

.cku-webview-skeleton-card {
  height: 180px;
  border-radius: 16px;
  background: linear-gradient(120deg, #f0f0f0 0%, #f7f7f7 50%, #f0f0f0 100%);
  background-size: 200% 100%;
  animation: cku-skeleton-shimmer 1.2s infinite;
}

.cku-webview-skeleton-text {
  text-align: center;
  color: #6b6b6b;
  font-weight: 600;
  letter-spacing: 0.2px;
}

@keyframes cku-skeleton-shimmer {
  0% { background-position: 200% 0; }
  100% { background-position: -200% 0; }
}