.qr-form-container{background-color:#ffffff;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.1)}.qr-input{border:1px solid #d1d5db;border-radius:6px;padding:10px 12px;width:100%;transition:border-color .2s ease;color:#111827;background-color:#ffffff}.qr-input::-moz-placeholder{color:#9ca3af}.qr-input::placeholder{color:#9ca3af}.qr-input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px rgba(59,130,246,.3);outline:none}.qr-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem;color:#111827}.qr-button{background-color:#3b82f6;border:none;border-radius:6px;color:white;cursor:pointer;font-weight:500;padding:10px 16px;transition:background-color .2s ease}.qr-button:hover{background-color:#2563eb}.qr-button:disabled{background-color:#93c5fd;cursor:not-allowed}.qr-preview-container{background-color:#f9fafb;border-radius:8px;min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center}.qr-preview-image{max-width:100%;height:auto;box-shadow:0 1px 3px rgba(0,0,0,.1)}.qr-color-picker{display:flex;align-items:center}.qr-color-picker input[type=color]{border:1px solid #d1d5db;border-radius:4px;height:32px;width:32px;padding:0;cursor:pointer}.qr-file-input{border:1px dashed #d1d5db;border-radius:6px;padding:8px;width:100%;cursor:pointer;transition:border-color .2s ease;color:#111827}.qr-file-input:hover{border-color:#3b82f6}.qr-checkbox{display:flex;align-items:center}.qr-checkbox input[type=checkbox]{height:16px;width:16px;border-radius:4px;border:1px solid #d1d5db;cursor:pointer}.qr-checkbox input[type=checkbox]:checked{background-color:#3b82f6;border-color:#3b82f6}.qr-download-link{color:#3b82f6;text-decoration:none;font-weight:500;display:inline-block;padding:8px 16px;border:1px solid #3b82f6;border-radius:6px;transition:all .2s ease}.qr-download-link:hover{background-color:#3b82f6;color:white}.qr-checkbox input[type=checkbox].auto-generate{height:18px;width:18px}.qr-checkbox label[for=autoGenerate]{font-weight:500;color:#4b5563}.live-preview-badge{background-color:#dbeafe;color:#1e40af;font-size:.75rem;padding:2px 6px;border-radius:4px;margin-left:6px}