.container{max-width:600px;margin:auto;padding:1em;font-family:sans-serif}body{margin:0}#app{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}.modal-overlay{z-index:1000;background:#0000008c;justify-content:center;align-items:center;padding:1em;display:flex;position:fixed;inset:0}.modal-box{background:#fff;border-radius:10px;width:100%;max-width:420px;padding:1.5em;position:relative;box-shadow:0 8px 30px #0000004d}.modal-box h3{margin-top:0}.modal-close{cursor:pointer;color:#555;background:0 0;border:none;font-size:1.5em;line-height:1;position:absolute;top:.5em;right:.5em}.modal-close:hover{color:#000}.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}.gear-table{border:none;width:100%;margin-top:1rem;display:block;background:0 0!important}.gear-table thead{display:none}.gear-table th,.gear-table td{text-align:left;border-bottom:1px solid #ddd;padding:.5rem .4rem}.gear-table tbody tr{background:#ffffffd1;border-bottom:1px solid #0000001f;border-radius:10px;align-items:center;width:100%;margin-bottom:.65rem;padding:.8rem 1rem;display:flex;box-shadow:0 2px 8px #0000001a}.gear-table tbody tr:hover{background-color:#f0f0f0d1}.gear-table h3{margin:1rem 0 .5rem}.gear-image-cell{text-align:center;vertical-align:middle;flex:0 0 64px;justify-content:center;align-items:center;padding-left:0;padding-right:18px;display:flex}.gear-table td{border:none;align-items:center;padding:0 1rem;display:flex}.gear-table td:last-child{flex:1;font-size:1rem;font-weight:500}.gear-icon{object-fit:contain;width:50px;height:50px;image-rendering:pixelated}@media (width<=600px){.gear-icon{width:48px;height:48px}.image-table{width:100%;margin:0;padding:0;display:block}.image-table tbody tr{flex-direction:column;display:flex}.image-cell{width:100%;display:block}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}