.container{max-width:600px;margin:auto;padding:1em;font-family:sans-serif}body{margin:0}#app{background-image:url(back.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;min-height:100vh}.form-grid{grid-template-columns:1fr;gap:.5em;display:grid}.form-grid input,.form-grid select,.form-grid button{box-sizing:border-box;width:100%;padding:.5em}@media (width>=768px){.form-grid{grid-template-columns:2fr 1fr auto;align-items:center}}.images{justify-content:center;align-items:center;gap:1em;height:100vh;display:flex}.images img{image-rendering:pixelated;transform-origin:50%}.scaled{transform-origin:50%;image-rendering:pixelated;transform:scale(2)}.scaled img{display:block}.error{color:red;margin-top:1em}.spinner{border:4px solid #f3f3f3;border-top-color:#3498db;border-radius:50%;width:40px;height:40px;margin:1em auto;animation:1s linear infinite spin}.qr-section{justify-content:center;width:100%;margin-top:1em;display:flex}.full-width-btn{color:#fff;cursor:pointer;background-color:#3498db;border:none;border-radius:4px;width:100%;padding:.75em;font-size:1em;display:block}.full-width-btn:hover{background-color:#2980b9}.image-table{border-collapse:collapse;text-align:center;width:100%}.image-cell{vertical-align:middle;padding:8px}.image-cell img{max-width:100%;height:auto;margin:0 auto;display:block}.caption-cell{text-align:center;margin-top:.5rem;font-weight:700}@media (width<=600px){.image-table,.image-table tbody,.image-table tr,.image-table td{width:100%;display:block}.image-cell{margin-bottom:1.5rem}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}