body { font-family: sans-serif; max-width: 900px; margin: 2rem auto; padding: 0 1rem; }
.container { border: 1px solid #ccc; padding: 2rem; border-radius: 8px; }
.controls { margin-bottom: 2rem; padding-bottom: 1rem; border-bottom: 1px solid #eee; }

/* Grid to show the resulting images */
.image-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 20px; }
.image-card { border: 1px solid #ddd; padding: 10px; border-radius: 4px; text-align: center; background: #f9f9f9; }
.image-card img { max-width: 100%; height: auto; border: 1px solid #ccc; margin-bottom: 10px; }

button { padding: 8px 16px; cursor: pointer; background-color: #28a745; color: white; border: none; border-radius: 4px; }
button:hover { background-color: #218838; }
.download-btn { background-color: #007bff; font-size: 0.9rem; width: 100%; }
.download-btn:hover { background-color: #0069d9; }