body {
  background: #0b0f19;
  font-family: Arial;
  color: white;
  padding: 20px;
}
.header { text-align: center; margin-bottom: 20px; }
.controls { margin-bottom: 20px; }
#search { width: 100%; padding: 10px; border-radius: 8px; border: none; }
.cats { display: flex; gap: 10px; margin-top: 10px; flex-wrap: wrap; }
.cat-btn { padding: 8px 14px; border-radius: 20px; background: #1a2333; border: none; color: white; }
.cat-btn.active { background: #007bff; }
.card {
  background: #111827;
  padding: 20px;
  margin: 10px 0;
  border-radius: 15px;
}
.preview {
  width: 100px; height: 100px;
  background: #1e293b;
  margin: auto;
  display:flex; align-items:center; justify-content:center;
}
.buttons { margin-top: 10px; display: flex; gap: 10px; }
.btn {
  padding: 8px 14px;
  border-radius: 8px;
  background: #2563eb;
  border: none; color: white;
}