body {
  font-family: Arial, sans-serif;
}

.container {
  display: flex;
  gap: 20px;
  max-width: 1000px;
  margin: auto;
}

.controls, .preview {
  background: #fff;
  padding: 20px;
  border-radius: 15px;
  width: 50%;
  box-shadow: 0 10px 30px rgba(0,0,0,0.1);
}

.preview {
  background: var(--bg, #ff7a00);
  color: var(--text, #ffffff);
  text-align: center;
}

.preview img {
  width: 100%;
  border-radius: 12px;
}

/* Layout Control */
.preview.left { text-align: left; }
.preview.center { text-align: center; }
.preview.right { text-align: right; }