.generator[data-v-2c8a4f71]{width:100%;max-width:420px;margin:0 auto}.header[data-v-2c8a4f71]{text-align:center;margin-bottom:32px}.header h1[data-v-2c8a4f71]{color:#f0e8ff;margin:0 0 8px;font-size:32px;font-weight:700}.tagline[data-v-2c8a4f71]{color:#a78bfa;margin:0;font-size:15px;font-weight:400}.input-section[data-v-2c8a4f71]{margin-bottom:20px}.input-wrapper[data-v-2c8a4f71]{align-items:center;display:flex;position:relative}.text-input[data-v-2c8a4f71]{color:#f0e8ff;background:#ffffff14;border:1px solid #8b5cf64d;border-radius:14px;outline:none;width:100%;height:52px;padding:0 48px 0 18px;font-family:DM Sans,sans-serif;font-size:16px;transition:border-color .25s,box-shadow .25s,background .25s}.text-input[data-v-2c8a4f71]::placeholder{color:#6b7280}.text-input[data-v-2c8a4f71]:focus{background:#ffffff1f;border-color:#8b5cf699;box-shadow:0 0 0 4px #8b5cf633}.copy-btn[data-v-2c8a4f71]{cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:36px;height:36px;transition:background .2s;display:flex;position:absolute;right:8px}.copy-btn[data-v-2c8a4f71]:hover:not(:disabled){background:#8b5cf626}.copy-btn[data-v-2c8a4f71]:disabled{opacity:.3;cursor:not-allowed}.copy-btn.active .icon[data-v-2c8a4f71]{color:#a78bfa}.icon[data-v-2c8a4f71]{font-size:16px}.input-meta[data-v-2c8a4f71]{text-align:right;margin-top:8px}.char-count[data-v-2c8a4f71]{color:#6b7280;font-size:12px}.generate-btn[data-v-2c8a4f71]{letter-spacing:.5px;color:#fff;cursor:pointer;background:linear-gradient(135deg,#7c3aed 0%,#db2777 100%);border:none;border-radius:14px;width:100%;height:48px;font-family:DM Sans,sans-serif;font-size:15px;font-weight:600;transition:transform .2s,box-shadow .2s,opacity .2s;box-shadow:0 4px 16px #7c3aed59}.generate-btn[data-v-2c8a4f71]:hover{transform:translateY(-2px);box-shadow:0 8px 24px #7c3aed66}.generate-btn[data-v-2c8a4f71]:active{transform:translateY(0)}.generate-btn[data-v-2c8a4f71]:disabled{opacity:.4;cursor:not-allowed}.generate-btn[data-v-2c8a4f71]:disabled:hover{transform:none;box-shadow:0 4px 16px #7c3aed59}.qr-section[data-v-2c8a4f71]{justify-content:center;margin-top:32px;display:flex}.qr-container[data-v-2c8a4f71]{background:#fff;border-radius:16px;padding:20px;animation:.4s cubic-bezier(.16,1,.3,1) fadeIn-2c8a4f71;box-shadow:0 8px 32px #0000004d}@keyframes fadeIn-2c8a4f71{0%{opacity:0;transform:scale(.9)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.qr-image[data-v-2c8a4f71]{width:200px;height:200px;display:block}@media (width<=280px){.qr-image[data-v-2c8a4f71]{width:160px;height:160px}}.qr-placeholder[data-v-2c8a4f71]{background:#ffffff0f;border:1px dashed #8b5cf64d;border-radius:16px;justify-content:center;align-items:center;width:252px;height:252px;padding:16px;display:flex}.qr-placeholder span[data-v-2c8a4f71]{color:#6b7280;text-align:center;font-size:14px;line-height:1.5}.download-btn[data-v-2c8a4f71]{letter-spacing:.5px;color:#fff;cursor:pointer;background:0 0;border:1px solid #7c3aed66;border-radius:14px;width:100%;height:48px;margin-top:16px;font-family:DM Sans,sans-serif;font-size:15px;font-weight:600;transition:background .25s,border-color .25s,transform .2s}.download-btn[data-v-2c8a4f71]:hover{background:#7c3aed0f;border-color:#7c3aed80;transform:translateY(-1px)}*{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh;margin:0;font-family:DM Sans,sans-serif}#app{background:linear-gradient(151deg,#4c3f91 0%,#40407d 40%,#1626b1 70%,#100645 100%);min-height:100vh}.app{background:0 0;justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.card{-webkit-backdrop-filter:blur(20px);background:#1e1744d9;border-radius:24px;width:100%;max-width:480px;padding:40px 32px;box-shadow:0 8px 32px #0006,0 0 0 1px #8b5cf633}