*{box-sizing:border-box}body{margin:0;background:#fafafa;color:#171717;font:16px Arial,sans-serif}main{max-width:680px;margin:8vh auto;padding:40px;background:#fff;border:1px solid #e8e8e8;border-radius:20px;box-shadow:0 8px 30px #0000000b}.logo{width:170px;max-height:70px;object-fit:contain;object-position:left;margin-bottom:25px}h1{font-size:34px;margin:0 0 8px}h2{margin-bottom:8px}.muted,span{color:#777}form{display:grid;gap:18px;margin-top:30px}label{display:grid;gap:8px;font-weight:600}input{padding:14px 16px;border:1px solid #ccc;border-radius:10px;font:inherit}button{padding:14px 22px;border:0;border-radius:999px;background:#111;color:#fff;font-size:16px;cursor:pointer}#result{margin-top:30px;padding-top:25px;border-top:1px solid #eee}#qr{width:220px;height:220px;display:block;margin:20px 0;image-rendering:auto}a{color:#111;margin-right:18px}.error{color:#c22;margin-top:20px}@media(max-width:720px){main{margin:0;border-radius:0;min-height:100vh;padding:25px}}
#list{margin-top:34px;padding-top:20px;border-top:1px solid #eee}#links p{word-break:break-all}

.link-row{display:flex;align-items:center;gap:14px;padding:12px 0;border-bottom:1px solid #eee}.qr-thumb{width:72px;height:72px;object-fit:contain;background:#fff;border:1px solid #eee;border-radius:8px}.link-row a{margin-right:8px}
.qr-previews{display:flex;gap:26px;flex-wrap:wrap}.qr-previews>div{display:grid;gap:8px}.qr-previews img{width:260px;height:260px;object-fit:contain;background:#fff;border:1px solid #eee;border-radius:10px}.qr-previews strong{font-size:14px;color:#555}
.delete-link{border:0;background:none;color:#b22;cursor:pointer;padding:0;font:inherit}