.preview-stage {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 40px;
  background:
    radial-gradient(circle at 20% 30%, rgba(255, 107, 53, 0.03) 0%, transparent 50%),
    radial-gradient(circle at 80% 70%, rgba(100, 100, 180, 0.03) 0%, transparent 50%),
    var(--surface-0);
}

.mock-page {
  width: 100%;
  max-width: 800px;
  background: var(--surface-2);
  border-radius: var(--radius);
  border: 1px solid var(--border);
  overflow: hidden;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
}

.mock-header {
  height: 48px;
  background: var(--surface-3);
  border-bottom: 1px solid var(--border);
}

.ticker-preview-slot {
  border-top: 1px solid var(--border);
  border-bottom: 1px solid var(--border);
}

.mock-content {
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.mock-block {
  height: 14px;
  background: var(--surface-3);
  border-radius: 4px;
  opacity: 0.5;
}

.mock-block.short {
  width: 60%;
}