:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{padding:0;margin:0}body{font-family:inherit}.container{max-width:1200px;margin:auto;padding:0 1.5rem;box-sizing:border-box}@keyframes faded{0%{opacity:0}to{opacity:1}}#loading{padding:1rem 0;animation:faded .7s infinite}header{background:linear-gradient(to left,#80ffe8,#83bcff,#b491ff);color:#fff;padding:4rem 0}header p{width:50%}input[type=file]::file-selector-button{margin-right:20px;border:none;background-color:#b491ff;padding:10px 20px;color:#fff;cursor:pointer;transition:.3s ease-out}input[type=file]::file-selector-button:hover{background:linear-gradient(to left,#80ffe8,#83bcff,#b491ff)}button{border:none;background-color:#b491ff;padding:10px 20px;color:#fff;background:linear-gradient(to left,#80ffe8,#83bcff,#b491ff)}main{width:80%;margin:auto;padding:2rem 0}.preview-container{display:grid;row-gap:5px;padding:2rem 0}.preview-container div{display:flex;justify-content:space-between;align-items:center;border:1px solid #ccc;padding:.5rem;box-sizing:border-box;font-size:13px}svg{width:50px;height:50px}@media (max-width: 600px){header p{width:80%}main{width:100%}}