.noypi-qr-code-generator .card{background:#fff;padding:1.5rem;border-radius:.75rem;box-shadow:0 1px 3px rgb(0 0 0 / .1);display:grid;gap:1.25rem}.noypi-qr-code-generator input[type="text"]{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:1rem}.noypi-qr-code-generator .controls{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.noypi-qr-code-generator label{display:block;margin-bottom:.5rem;font-size:.875rem;color:#4b5563}.noypi-qr-code-generator select,.noypi-qr-code-generator input[type="color"]{width:100%;padding:.5rem;border:1px solid #d1d5db;border-radius:.5rem;height:2.625rem}.noypi-qr-code-generator .upload{border:2px dashed #d1d5db;border-radius:.5rem;padding:.75rem;text-align:center;cursor:pointer;transition:background-color 0.2s}.noypi-qr-code-generator .upload:hover{background:#f9fafb}.noypi-qr-code-generator .error{padding:.75rem;background:#fef2f2;border:1px solid #fca5a5;border-radius:.5rem;color:#b91c1c;display:none}.noypi-qr-code-generator .qr-section{display:none;text-align:center}.noypi-qr-code-generator .qr-section img{max-width:340px;height:auto;border:1px solid #d1d5db;border-radius:.5rem;margin-bottom:1rem}.noypi-qr-code-generator button{width:100%;padding:.75rem;background:#3b82f6;color:#fff;border:none;border-radius:.5rem;font-size:1rem;cursor:pointer;transition:background-color 0.2s}.noypi-qr-code-generator button:hover{background:#2563eb}.noypi-qr-code-generator .logo-info{font-size:.875rem;color:#6b7280;display:flex;justify-content:space-between;align-items:center;margin-top:.5rem}.noypi-qr-code-generator .remove-logo{background:none;color:#ef4444;padding:.25rem .5rem;border:none;cursor:pointer}.noypi-qr-code-generator .remove-logo:hover{background:#fee2e2}