.container{max-width:800px;margin:0 auto;padding:20px;font-family:Arial,sans-serif}.settings{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.settings label{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}.settings input[type=file]{margin-top:10px}button{padding:10px 15px;margin-top:10px;cursor:pointer;background-color:#007bff;color:#fff;border:none;border-radius:5px;width:100%}button:hover{background-color:#0056b3}.previews{display:flex;overflow-x:auto;gap:20px;padding:10px;border:1px solid #ddd;border-radius:5px}.preview-item{flex:0 0 auto;text-align:center}.preview-item img{max-width:100%;height:auto;display:block;margin:0 auto}@media (min-width: 600px){.container{padding:40px}.settings{flex-direction:row;flex-wrap:wrap;gap:20px}.settings label{flex:1 1 100%}.settings label:nth-child(1),.settings label:nth-child(2),.settings label:nth-child(3),.settings label:nth-child(4){flex:1 1 calc(50% - 20px)}button{flex:1 1 100%}.preview-item{flex:1 1 calc(33.3333% - 20px)}}.App{text-align:center}input[type=file]{display:block;margin:20px 0}img{max-width:100%;height:auto;margin:20px 0}