:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-size:16px;line-height:1.5;color:#333;background-color:#fff}body{margin:0;padding:0}.card{max-width:800px;margin:2rem auto;padding:2rem;background-color:#f9f9f9;border-radius:8px;box-shadow:0 4px 6px #0000001a}@media (min-width: 1024px){.card{max-width:1024px}}.app[data-v-ec2b97c8]{display:flex;justify-content:center;align-items:center;height:100vh;background:linear-gradient(135deg,#111,#222)}.card[data-v-ec2b97c8]{background-color:#2c2c2c;border-radius:12px;padding:1.5rem;box-shadow:0 4px 20px #000c;width:90%;max-width:800px}.title[data-v-ec2b97c8]{margin-bottom:2rem;color:#6cf;text-align:center;font-size:24px}.input-container[data-v-ec2b97c8]{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem}.input-container label[data-v-ec2b97c8]{margin-right:1rem;color:#fff}.input-container input[data-v-ec2b97c8]{flex-grow:1;padding:.75rem;border-radius:6px;border:none;background-color:#444;color:#fff;margin-right:1rem;transition:background-color .3s ease}.input-container input[data-v-ec2b97c8]:focus{background-color:#555;outline:none}.input-container button[data-v-ec2b97c8]{padding:.75rem 1rem;border-radius:6px;border:none;background-color:#6cf;color:#333;cursor:pointer;transition:background-color .3s ease,transform .2s ease;box-shadow:0 2px 10px #0006}.input-container button[data-v-ec2b97c8]:hover{background-color:#5abaff;transform:translateY(-2px)}.error-msg[data-v-ec2b97c8]{color:#f66;margin-bottom:1rem;text-align:center}.qr-code-container[data-v-ec2b97c8]{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:1rem;min-height:256px}.qr-code-container>p[data-v-ec2b97c8]{margin-top:.8rem;color:#fff;font-size:.8rem}.qr-code-img[data-v-ec2b97c8]{width:90%;max-width:256px;height:auto}.url-display[data-v-ec2b97c8]{word-break:break-word;overflow-wrap:break-word;text-align:center;color:#fff;max-width:100%;margin-top:.5rem;font-size:.9rem;line-height:1.4}